Headlines News :
Home » » Cara Membuat Widget Random Post With Admin Profil

Cara Membuat Widget Random Post With Admin Profil

Written By Unknown on Jumat, 21 Februari 2014 | 02.42

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/
Di Publikasi Oleh:
Artikel Terkait:
Jangan Lupa Bagikan Ke: Facebook Twitter Google+ Linkedin Technorati Digg

Bojonegoro Pos

Tentang Kami

Bojonegoro Pos Merupakan Portal News online Bojonegoro Untuk Indonesia berita sajian khusus untuk pembaca yang kami kutip dari berbagai sumber berita, Masukan Email anda di bawah ini untuk mengikuti berita terbaru kami atau ikuti Facebook dan Twitter kami dengan klik Ikuti dan secara otomatis anda akan mendapatkan Update berita terbaru kami.

Posting Komentar