24.8.14

Widget Recent Posts Bergerak Untuk Blog Anda

Anda ingin memiliki tampilan Recent posts yang berbeda dari sebelumnya? Maksud saya sebuah Recent posts yang bisa bergerak menurun bergantian memperlihatkan judul serta cuplikan gambar dari artikel yang bersangkutan, dan menggantikan widget Recent posts lama anda yang hanya diam mematung seperti yang ada dalam blog ini   :D cukup ikuti (terus membaca) artikel ini, saya akan coba memberikan step demi step cara pembuatannya .
Widget Recent Posts Bergerak
Seperti yang sudah kita tahu, dengan menyisipkan kode marquee kedalam sebuah kode akan menghasilkan perintah bergerak pada sebuah objek, demikianlah yang akan saya coba terapkan kedalam widget Recent posts bergerak ini.

  • Masuk kedalam dasbor blog
  • Pilih Tata letak
  • Pilih add a gadget ( menambahkan gadget baru)
  • Pilih HTML/JavaScript

# Copy kode berikut ini, dan simpan kedalam widget HTML/JavaScript tadi

<script src="https://googledrive.com/host/0B9D8rrkPwqxPYmJsODUwT1BuOHM" type="text/javascript"></script> <style media="screen" type="text/css"> <!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:830px; } #spylist ul{ width:335px; overflow:hidden; list-style-type: none; padding: 5px 5px; margin:0px 0px; } #spylist li { width:335px; padding: 0px 0px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:70px; overflow: hidden; background:#b4b6af url(http://cerita-ngeblog.blogspot.com/images/rcpost.jpg) repeat-x; border:1px solid #ddd; } #spylist li a { text-decoration:none; color:#4B545B; font-size:10px; height:328px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #spylist li img { float:left; margin-right:5px; background:#EFEFEF; border:0; } .spydate{ overflow:show; 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://2.bp.blogspot.com/-FNIegcPB6Ww/U_nI4n9KQpI/AAAAAAAABLc/0GA_toE6ZNI/s1600/Recent-posts-bergerak.gif"; imgr[1] = "http://3.bp.blogspot.com/-yZHPjJ-WuFw/U_ixXMVEnQI/AAAAAAAABLA/Y4HJFwboTTc/s1600/emaill%2Bpemberitahuan1.png"; imgr[2] = "http://2.bp.blogspot.com/-g6Tnox_hq1c/U_YvjS_CLRI/AAAAAAAABKE/zkQAW1uFqZI/s1600/Font%2Bkeren.png"; imgr[3] = "http://2.bp.blogspot.com/-HpuA1Hu7Os4/U_ScsFSFo5I/AAAAAAAABJ0/3y6Ucl39ffM/s1600/Nex%2BFI.jpg"; imgr[4] = "http://4.bp.blogspot.com/-1alCvMJOytY/U_F7tPbZxnI/AAAAAAAABJk/GolDdECMfgY/s1600/facebooknya.png"; showRandomImg = true; boxwidth = 255; cellspacing = 9; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 70; thumbheight = 70; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comment"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 25; home_page = "http://www.mochadnan.com/"; limitspy=9 intervalspy=4000 </script> <div id="spylist"> <script src="https://googledrive.com/host/0B9D8rrkPwqxPSHE2Y0MxVVNGZ1U" type="text/javascript"></script> </div>


  • Klik Simpan dan selesai
Semoga bermanfaat !!!

→ About the author

Moch Adnan adalah Admin Blog yang mempunyai ketertarikan dengan Dunia Blogging,kamu bisa Menemukan saya dan memfollow saya di Google + Twitter Facebook


Terima Kasih Telah Membaca Artikel Widget Recent Posts Bergerak Untuk Blog Anda . Jika Anda tertarik dengan artikel seperti ini, silahkan untuk berlangganan artikel Gratis dengan cara mengetikkan alamat e-mail anda pada kotak berlangganan berikut:
Subscribe via Email

Silahkan tinggalkan komentarnya
Mohon untuk tidak memasukkan link hidup dalam berkomentar