Hhaaaaiii,..hhehe kali ini saya akan posting tentang "Cara Membuat Recent Post di Blog (Script Recent Post)"
- Login ke Blog kalian
- Buka Setting Tata Letak
- Add Gadget => HTML/JavaScript
- Copy script di bwah ini. Ganti http://zanu-zone.blogspot.com dengan URL kalian
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><center><strong>Artikel Acak</strong></center> <center> <style type="text/css" media="screen"> <!-- #spylist { overflow:hidden; margin-top:1px; padding:0px 0px; height:300px; } #spylist ul{ width:100%; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:100%; padding: 0px 0px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:70px; overflow: hidden; background:#fff url() repeat-x; border:1px solid #ddd; } #spylist li a { text-decoration:none; color:#4B545B; width:100%; font-size:10px; height:12px; 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:8px; color:#0284C2; padding:2px 0px; margin:1px 0px 0px 0px; height:12px; font-family:Tahoma,Arial,verdana, sans-serif; } .spycomment{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:8px; color:#262B2F; padding:0px 0px; margin:0px 0px; } --> </style> <script language='javascript'> imgr = new Array(); imgr[0] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox"; imgr[1] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox"; imgr[2] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox"; imgr[3] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox"; imgr[4] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox"; showRandomImg = true; boxwidth = 200; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 50; thumbheight = 50; fntsize = 9; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 100; home_page = "http://zanu-zone.blogspot.com/"; limitspy=4 intervalspy=4000 </script> <div id="spylist"> <script src='https://sites.google.com/site/pujiantoroinc/Home/recent_post_berkedip.js' type='text/javascript'></script> </div></center>
<center><style type="text/css"> #rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;} #rp_plus_img li{height:60px;padding:5px;list-style:none;} #rp_plus_img a{color:#696969 play:block;font-size:14px !important;color:#696969;text-align:left;} #rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #696969;width:95px;height:55px;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"> </script> <script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript"> </script> <script type="text/javascript"> var speed = 1000; var pause = 2500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"><script> var numposts = 20; var numchars = 0; </script> <script src=" http://zanu-zone.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"> </script> </ul> </center>
- Kemudian Save
|
0 komentar:
Posting Komentar