Membuat Slide Archives Blog

Agar arsip postingan di blog terlihat lebih menarik, maka salah satu caranya adalah dengan membuat slide post. Caranya juga tidak terlalu sulit, hanya dengan menambahkan elemen/Gadget > HTML lalu memasukkan kode pada Teks Area dibawah :

• Keterangan : 

• Anda bisa merubah  backgroun ini :background:#fff url(http://1.bp.blogspot.com/-1A2lMYB79GY/Tvwk7yBz5yI/AAAAAAAAAEo/ok7tR7TCN14/s1600/postkct.jpg) dengan background yang sesuai dengan background blog anda.

• Anda juga bisa merubah imgr[0] = " http://4.bp.blogspot.com/-nyxaLUQU_es/Tvwk9R8JtyI/AAAAAAAAAEw/hZocoFjsNCg/s1600/kctsld.jpg "; dengan gambar kesukaan anga

• Untuk ukuran thumbwidth = 150; dab thumbheight = 110; bisa anda sesuaikan tergantung selera anda.

• Dan yang prlu juga anda ubah adalah alamat URL 
home_page = "http://khoccet.blogspot.com//"; dengan URL blog anda.

<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"> <!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:120px; } #spylist ul{ width:488%; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:488px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:true; float:none; height:220px; overflow: hidden; background:#fff url(http://1.bp.blogspot.com/-1A2lMYB79GY/Tvwk7yBz5yI/AAAAAAAAAEo/ok7tR7TCN14/s1600/postkct.jpg) repeat-x; border:0px solid #fc7171; } #spylist li a { text-decoration:none; color:#4B545B; font-size:12px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #spylist li img { float:left; margin-right:5px; background:#ecc7c7; border:0; } .spydate{ overflow:hidden; font-size:11px; color:#000000; padding:0px 0px; margin:0px 0px 0px 0px; height:15px; font-family:Tahoma,Arial,verdana, sans-serif; } .spycomment{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:11px; color:#000000; padding:0px 0px; margin:0px 0px; } --> </style><br /> <br /> <script language='javascript'> imgr = new Array(); imgr[0] = " http://4.bp.blogspot.com/-nyxaLUQU_es/Tvwk9R8JtyI/AAAAAAAAAEw/hZocoFjsNCg/s1600/kctsld.jpg "; imgr[1] = " http://4.bp.blogspot.com/-nyxaLUQU_es/Tvwk9R8JtyI/AAAAAAAAAEw/hZocoFjsNCg/s1600/kctsld.jpg "; imgr[2] = " http://4.bp.blogspot.com/-nyxaLUQU_es/Tvwk9R8JtyI/AAAAAAAAAEw/hZocoFjsNCg/s1600/kctsld.jpg "; imgr[3] = " http://4.bp.blogspot.com/-nyxaLUQU_es/Tvwk9R8JtyI/AAAAAAAAAEw/hZocoFjsNCg/s1600/kctsld.jpg "; imgr[4] = " http://4.bp.blogspot.com/-nyxaLUQU_es/Tvwk9R8JtyI/AAAAAAAAAEw/hZocoFjsNCg/s1600/kctsld.jpg "; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#fc7171"; bgTD = "#000000"; thumbwidth = 150; thumbheight = 110; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 11; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = "http://khoccet.blogspot.com//"; limitspy=1 intervalspy=4000 </script><br /> <br /> <div id="spylist"> <script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script></div>

Hasilnya adalah sebagai berikut :

Posted in: Tips Blog