Home » » Cara Membuat Widget Random Post With Admin Profil

Cara Membuat Widget Random Post With Admin Profil

Written By Joko Prayitno on Friday, February 21, 2014 | 2:42 AM

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 */

Install Program Tag HTML

Setelah anda sudah memasang CSSnya saatnya anda memasang kode htmlnya.
Untuk memasang kode htmnya anda dapat memasangnya dimana saja. Untuk tutorial kali ini saya memasangnya di widget sidebar halaman blog.
Silahkan pilih " Tata Letak " pada dasbor blog anda.
klik "Add gadget " ( Tambahkan gadget )
Setelah muncul halaman gadget silahkan pilih " HTML/JavaScript ".
Copy kode didalam spoiler dibawah ini kemudian pastekan di gadget anda.
Edit script dan save .


<!-- 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 -->

Keterangan Code
Untuk kode CSSnya kode [ width:280px ] adalah lebar widget, sesuaikan dengan lebar tampilan sidebar halaman blog anda silahkan anda edit CSSnya sesuai dengan thems template anda.
Untuk tulisan warna HIJAU ganti dengan tulisan singkat tentang anda.
Tulisan kode warna MERAH ganti dengan URL blog anda.
Kode tulisan warna BIRU ganti dengan nama anda atau nama blog anda.
Kode tulisan warna KUNING ganti dengan link gambar anda .

 Sumber:http://rivai-silaban.blogspot.com/ jokorowotlogorejo.com

Shabatku Dalam hidup terkadang kita mendapatkan banyak apa yang tidak kita inginkan,,Tapi setelah kita mendapatkan apa yang kita inginkan,Terkadang tidak bisa membuat hidup kita lebih bahagia....
Dan mencari teman buatku sangat mudah...Tapi teman yang paling istimewa dan yang paling aku sukai adalah...?Teman Yang Mau menunjuukkan kesalahanku.......?
Untuk itu Berilah komentar Sesuka Hati Sampeyan,Karena kritik dan saran Dalam Komentar Sampeyan Sangat Saya Butuhkan.....

Terima kasihh........................................

iklan banner iklan banner iklan banner iklan banner
 
Editing Template By: JokoRowo TlogoRejo Original template By: Creating Website
Proudly powered by Blogger
Copyright © 2013. GUBHUG REYOTT™- All Rights Reserved