Home » Tutorial Blog » Cara Membuat Widget Random Post With Admin Profil
GUBHUG REYOTT™ | Cara membuat widget random post with admin profil Login ke dashboard anda
Masuk ke "TEMPLATE" lalu klik " Edit HTML "
Cari code ]]></b:skin>
Copy Code script CSS dibawah ini, pastekan tepat diatas code ]]></b:skin> yang tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.
/*****************************************Name : Random Post with ProfilBy : Jokorowotlogorejo.com | Membuka Cendela Cakrawala BerfikirUpdate : Jum'at, 21 / 02/ 2014******************************************/#JRTR_rantle {list-style-type: none;width: 280px;/* LEBAR WIDGET */padding: 3px;background-color: #333333;/* WARNA LATAR BELAKANG WIDGET */} #JRTR_rantle a {font: 10px Verdana, Arial, Helvetica, sans-serif;color: #000;line-height:12px;letter-spacing:0.1em;text-decoration: none;display:block;padding:2px 6px 5px 8px;background-color: #FFFFFF;border-bottom: solid #DFDFDF 1px;}#JRTR_rantle a:hover {color:#CCCCCC;text-transform: none;background-color: #666666;border-bottom: solid #FF0000 1px;}#JRTR_rantle .JRTR_random_list {font: 10px Verdana, Arial, Helvetica, sans-serif;color: #000;line-height:30px;letter-spacing:0.1em;text-decoration: none;}#JRTR_rantle .pic a{margin:-60px 0 0 0;text-decoration: none;color: #FFFFFF;float: right;font-family: Georgia, "Times New Roman", Times, serif;font-style: italic;font-size: 18px;width: 200px;line-height: 1.1em;background-color: #999999;border-bottom:solid #FF0000 3px;border-top:solid #FF0000 3px;text-shadow: 1px 0 2px #000;}#JRTR_rantle .pic a:hover{text-decoration: none;color: #CCCCCC;text-shadow: none;background-color: #666666;border-bottom:solid #0099FF 3px;border-top:solid #0099FF 3px;}#JRTR_rantle .text {width:100%;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#CCCCCC;line-height: normal;text-align: center;}/* JRTR CSS and */
<!-- JRTR html start -->
<div id="JRTR_rantle">
<div class="JRTR_random_list">
<p><img alt='gambar admin' height='50' src='URL GAMBAR ANDA' style='border:solid #999 1px; border-radius:5px; margin-left:5px;' title='JokoRowoTlogoRejo' width='50'/>
</p><p class="pic"><a href='http://jokorowotlogorejo.com' target='_blank' title='My Profil'><b>L3333XS™<br/> </b>GUBHUG REYOTT™</a></span></p><br/><p class="text" style="margin-top:-30px;">Saya Tunduk bukan berarti saya takut tapi saya sadar atas apa yang saya miliki adalah kuasa Tuhan, hingga tiba saatnya nanti Tuhan akan mengambilnya dari saya.</p>
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=7;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write();
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item ="<div >" + "<a href=" + entry.link[k].href + " title=" + entry.link[k].href +">" + entry.title.$t + "</a></div>";
document.write(item);}}
}document.write();}
</script>
<script src="URL BLOG ANDA /feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script> </div></div>
<!-- JRTR html End -->
Tidak ada komentar: