3D Effects Di Dalam Blogger Post

3D Effect

Inginkan Blog anda nampak sedikit menarik atau anda bosan dengan text di blog post anda. Disini ada 3D Effect untuk blog post anda. 3D Effect ini di sokong oleh kebanyakkan browser sepert IE, Firefox, dan lain lain.

Example :

3D Text

1. Pergi ke post editor dan tukar post editor ke HTML mode .


2. Copy  code di bawah & gantikan Text warna merah dengan text kesukaan anda 


<style> .effect_3d { color: #000; font: 80px/100px Garamond, 'Hoefler Text', Times New Roman, Times, serif; margin-bottom: 20px; text-shadow: 0 1px 0 #999,              0 2px 0 #999,              0 3px 0 #999,             0 4px 0 #999,              0 5px 0 #999,              0 6px 0 black; </style> <div class="effect_3d">3D Effect</div>


3. Publish Post

http://itsegmen.blogspot.com

Read more >>

Cara Menambah Animated Recent Posts Untuk Blogger Dengan Thumbnails

1.Login ke blogger Dashboard dan pergi ke Design --> Page Elements.

2.Click kat 'Add a Gadget' di sidebar.

3.Pilih 'HTML/Javascript' dan  tambah code dibawah

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Gc2nE-Vhdk4qUan3LXrV-eQ-jx29LtxgaJNTiy-6xS2cgAdnKL_5yaEtTFvNAC88lXdtImGwwiYVsYPpQiBMwQ8dHSzLQPl_K6zxCdBb71n6hwvpO1rTS_84cZt_fH9c_UTkfwnVmCw/) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='JavaScript'> 

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://itsegmen.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

Note: Gantikan home_page dengan url Blogger anda dan numposts = 10 ialah jumlah Post yang anda ingin tayangkan ..


4. Save Html Java Script anda dan selesai..

sbr

Read more >>