Minggu, 11 November 2012

Cara Membuat Widget Animasi Popular Post

Assalamualaikum, salam blogger . Kali ini saya akan memberi salah satu widget yang menarik untuk blogs anda, Yaitu Widget Animasi Popular Post . Widget ini cukup bermanfaat karena dapat memberi tahukan kepada visitor kita mengenai Postingan Popular kita. Langsung saja di bawah ini langkah-langkah Membuat Widget Animasi Popular Post :
  • Masuk ke akun Blogger anda
  • Pilih menu Tata Letak 
  • Pilih Add Widgets
  • Pilih HTML/Java Script
  • Paste kode berikut ke dalamnya
<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br><style type="text/css" media="screen"><br><!--<br><br>#spylist {<br>overflow:hidden;<br>margin-top:5px;<br>padding:0px 0px;<br>height:350px;<br>}<br>#spylist ul{<br>width:220px;<br>overflow:hidden;<br>list-style-type: none;<br>padding: 0px 0px;<br>margin:0px 0px;<br>}<br>#spylist li {<br>width:208px;<br>padding: 5px 5px;<br>margin:0px 0px 5px 0px;<br>list-style-type:none;<br>float:none;<br>height:70px;<br>overflow: hidden;<br>background:#fff repeat-x;<br>border:1px solid #ddd;<br>}<br><br>#spylist li a {<br>text-decoration:none;<br>color:#4B545B;<br>font-size:11px;<br>height:18px;<br>overflow:hidden;<br>margin:0px 0px;<br>padding:0px 0px 2px 0px;<br>}<br>#spylist li img {<br>float:left;<br>margin-right:5px;<br>background:#EFEFEF;<br>border:0;<br>}<br>.spydate{<br>overflow:hidden;<br>font-size:10px;<br>color:#0284C2;<br>padding:2px 0px;<br>margin:1px 0px 0px 0px;<br>height:15px;<br>font-family:Tahoma,Arial,verdana, sans-serif;<br>}<br><br>.spycomment{<br>overflow:hidden;<br>font-family:Tahoma,Arial,verdana, sans-serif;<br>font-size:10px;<br>color:#262B2F;<br>padding:0px 0px;<br>margin:0px 0px;<br>}<br><br>--><br></style><br><script language='javascript'><br><br>imgr = new Array();<br>imgr[0] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";<br>imgr[1] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";<br>imgr[2] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";<br>imgr[3] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";<br>imgr[4] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";<br>showRandomImg = true;<br>boxwidth = 255;<br>cellspacing = 6;<br>borderColor = "#232c35";<br>bgTD = "#000000";<br>thumbwidth = 70;<br>thumbheight = 70;<br>fntsize = 12;<br>acolor = "#666";<br>aBold = true;<br>icon = " ";<br>text = "comments";<br>showPostDate = true;<br>summaryPost = 40;<br>summaryFontsize = 10;<br>summaryColor = "#666";<br>icon2 = " ";<br>numposts = 10;<br>home_page = "http://namablogmu.blogspot.com/";<br>limitspy=4<br>intervalspy=4000<br></script><br><br><div id="spylist"><br><script src='http://masterendi.googlecode.com/files/animasi%20recentpost.js' type='text/javascript'></script><br></div><br></center>
  • Pilih Simpan 
Mudah bukan ? selamat mencoba

Tidak ada komentar:

Posting Komentar