Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Friday, July 19, 2013

Widget random post seo friendly html5

Random post adalah suatu artikel postingan yang dipilih secara acak untuk ditampilkan pada halaman. Pemakaian random post ini pada halaman sangat berguna mengingat sudah banyaknya artikel yang telah lama diposting pada blog agar ditampilkan kembali pada halaman blog apabila pengunjung berkunjung keblog kita. Coba anda pikirkan apabila anda sudah memiliki 300 artikel postingan pasti yang pertama kali diposting reviewnya tentu sudah sedikit itupun hanya mengandalkan suatu keybord pada search engine agar pengunjung mengetahuinya, Tapi pada widget Random Post ini hal itu dapat diatasi. Pada kinerjanya widget Random Post ini akan menampilkan secara acak semua aritek postingan yang telah terpublish pada blog walaupun itu artikel pertama yang pernah kita posting. Keuntungan memakai widget Random Post ini bila seseorang mengunjungi halaman blog anda secara otomatis artikel yang lain akan dimunculkan oleh widget ini dan pengunjung blog andapun tau bahwa masih adalagi artikel lain yang telah diposting dihari hari yang lewat tanpa harus membuka suatu menu. Saya rasa penjelasan diatas sudah bisa anda pahami tentang kegunaan dari widget ini. untuk mewujudkan misi kita, silahkan anda simak penjelasan pemasangan tutorial widget Random Post ini :

cara membuat random post seo friendly valid html5

Install Program CSS


  • Login ke dashboard anda
  • Masuk ke "TEMPLATE" lalu klik " Edit HTML "
  • Cari code ]]></b:skin> 
  • Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi

#BD_random_title td {
list-style-type: none;
width: 100%;
padding: 3px;
}

#BD_random_title 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: url("http://2.bp.blogspot.com/-qVbNQFRqzW4/UXLs07LPvJI/AAAAAAAAAsk/88N5KzZSWRc/s1600/mm_arrow.gif") 0px 50% no-repeat;
background-color: #FFFFFF;
}
#BD_random_title a:hover {
background: #ffffff url() 0px 50% no-repeat;
color:#990000;
text-transform: none;
background-color: #FFE1E1;
}
.BD_random_list {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #000;
line-height:10px;
letter-spacing:0.1em;
text-decoration: none;
}


Install Program Tag HTML


Untuk memanggil widget Random Post tersebut agar tampil pada halaman blog kesayangan anda silahkan simak penjelasan dibawah ini ;
  • Anda masih berada dihalaman dasbor lalu anda menuju "TATA LETAK "
  • Silahkan klik "Add Gadget "( Tambahkan gadget )
  • Pilih " HTML / JavaScript "
  • Copy Code HTML dibawah ini, paste pada gadget anda.

<div id="BD_random_title">
<div class="BD_random_list">
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;// Jumlah artikel yang akan ditampilkan
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 style='border-bottom: dotted #ccc 1px;'>" + "<a href=" + entry.link[k].href + " title=" + entry.link[k].href +">" + entry.title.$t + "</a></div>";
document.write(item);}}
}document.write();}
</script>
<script src="/feeds/posts/default?alt=json-in-script&amp;start-index=1&amp;max-results=1000&amp;callback=randomposts" type="text/javascript"></script> </div></div>

Keterangan Gambar
  • Code warna merah adalah jumlah postingan arikel yang akan dimunculkan pada halaman
  • Code warna Biru batas minimal dan maximal artikel yang dapat dijangkau widget Random Post ini
  • Silahkan anda desain code CSS nya untuk menyesuaikan tampilan Thems halaman blog anda.


Kesimpulan

Widget Random Post ini SEO Friendly dan Valid HTML 5 jadi anda dapat memasang widget ini pada template HTML 5 begitu juga dengan Template Responsive dan yang paling menarik script yang digunakan sangat ringan dan tidak akan memperlambat Loading halaman blog kesayangan anda.

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Rivai Silaban Update pada : 11:58 AM

2 comments :

  1. Keren sob. tapi kalau dihubungkan dengan SEO (Search Engine) sepertinya belum tepat menurut saya. tepatnya masih masuk dalam kategori desain hehe

    ReplyDelete
  2. Makasih atas pendapatnya sob...
    knapa saya berani bilang ini widget SEO Friendly karena menganut penulisan tag LINK yang memang standart SEO sob coba ditest pada tools SEO manatau ada kekurangannya..

    ReplyDelete

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog