Cara Membuat Arsip dan Random Post Untuk Mempercantik Blog

Helo pembloger yang budiman, semoga sobat dalam keadaan sehat walafiat, Salam sejahtera bagi kita semua.

Arsip blog tidak asing lagi bagi para pemblogger senior atau master blogger, Arsip pada sebuah blog memudahkan pengunjung atau visitor untuk melihat semua halaman arsip blog kita. 

Untuk Blog yang sudah umurnya panjang semua postingan terdahulu tidak lagi nampak di home page melainkan posisinya sudah tersebunyi di bagian halaman depan, Google memang sengaja merancang fitur arsip blog untuk mempermudah menenlusuri semua yang terdahulu sampai dengan sekarang 

Hal yang lucu bila blog kita tidak terdapat widget arsip blog, apalagi kalau kita mau jadikan blog kita kedepannya  diajukan dalam permohonan sebagai publiser di google adsense dan hal tidak akan diterima oleh tim google adsense karena blog tersebut tidak memenuhi syarat untuk untu pemasangan scrip iklan.

Arsip blog tidak selalu untuk dibuatkan scroolnya namun jika ingin mempercantik tampilan blog kita maka kita harus membuat scroolnya melalui pemasangan kode HTML

Untuk menambah wawasan saya ingin menjelaskan kepada sobat tentang pengertian kode HTML:. kode HTML adalah sebuah bahasa yang digunakan oleh halaman website blog sehingga dapat membuat atau bekerja berdasarkan fungsinya. Terbentuknya sebuah website atau blog karena adanya kode HTML. Tanpa kode HTML maka website atau tidak akan terbentuk. 


Untuk membuat scrool dalam arip blog caranya mudah saja kita hanya menambahkan kode dibawah ini pada widget baru

Ikuti langkah-langkahnya !
1. Login di dasbor blog saudara.
2. Pilih templete
3. Edit HTML.
4. Kalau sudah terbuka kotak yang ada banyak kode HTM maka krusor ditempatkan ke             dalam kotak selanjutnya tekan CTRL + F (Control F), akan muncul kotak pencarian.
5. Copy kode ini di dalam pencarian <div id='ArchiveList'> atau bisa juga cari kode ini             Archiv
6  Tekan Enter

kalau kode   <div id='ArchiveList'>  ini ditemukan maka akan muncul berwarna kuni di kode tersebut, menunjukan bahwa kode yang dicari memang betul ada di dalam templete. Perhatikan gambar dibawah ini untuk lebih jelas !

7. kalau sudah ketemu tamabahkan kode <div style='overflow:auto; width:ancho; height:100px;'>     diatas kode <div id='ArchiveList'>  Dan tambahkan kode </div>  di belakang kode </div>. Perhatikan gambar di bawah ini yang adalah kode HTML blog saya kode yang berwarna merah adalah kode yang ditambahkan

<div style='overflow:auto; width:ancho; height:100px;'>

  <div id='ArchiveList'>

  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>

    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>

    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>

  </div>

  </div></div>

8. Simpan templete blog anda.

 Nah, bagitu sob cara membuat scrool arip blog. Mudah kan ??

Cara Memasang Random Post Berwarna Untuk Mempercantik Blog

Cara membuat arsip untuk mempercantik blog kita sudah lewati, sekarang bila sobat ingin membuat random post berwarna maka ikuti lagi materi yang saya berikan, gratiss tanpa dibayar heheheheh.

Sebelum membuat random post, sobat terlebih dahulu membuat rss feedburner. Jika suda membuat rss feedburner maka lanjutkan totorial ini, tetapi jika blog sobat belum didaftarkan di rss feedburner alangkah baiknya ikuti cara mudah membuat rss feedburner untuk blog

Apa itu fungsi random post?

Fungsi random post adalah pos artikel acak yang tampil di gadget. Selain intu random post berfungsi sebagai link dalam blog atau link internal blog kita.Tim google memang segaja merekomendasikan random post dengan tujuan agar setiap pengguna blog selalu friendly.Tampilan random post seperti gambar dibawah ini.

Friendly dalam dunia blogger atau website mengandung arti selalu berubah-ubah sesaui perkembangan google. fiendly itu tidak statis melainkan selalu dinamis maka tujuan itulah google selalu merilis fitur-fiturnya agar mampu mengikuti perkembangan.

Cara memasang random pos :

1. Buka Dasbor Blog sobat.

2. Sobat pilih Tata Letak

3. Sobat Pilih tambahkan gadget

4. Pilih HTML/javascrip

5. Copy lah kode dibawah ini (harus copy semua jangan ada kode satupun yang tidak          dicopy

<style type="text/css"> .noop-random-posts ul li { list-style-image:none; }.noop-random-posts ul { list-style-type: none; margin: 0; padding: 5px 0; } .noop-random-posts ul li { border: 0 none; margin: 5px 0; padding: 10px; position: relative; } .noop-random-posts ul li:first-child { background: none repeat scroll 0 0 #FF4C54; width: 92%; } .noop-random-posts ul li:first-child:after { content: "1"; } .noop-random-posts ul li:first-child + li { background: none repeat scroll 0 0 #FF764C; width: 92%; } .noop-random-posts ul li:first-child + li:after { content: "2"; } .noop-random-posts ul li:first-child + li + li { background: none repeat scroll 0 0 #FFDE4C; width: 92%; } .noop-random-posts ul li:first-child + li + li:after { content: "3"; } .noop-random-posts ul li:first-child + li + li + li { background: none repeat scroll 0 0 #C7F25F; width: 92%; } .noop-random-posts ul li:first-child + li + li + li:after { content: "4"; } .noop-random-posts ul li:first-child + li + li + li + li { background: none repeat scroll 0 0 #33C9F7; width: 92%; } .noop-random-posts ul li:first-child + li + li + li + li:after { content: "5"; } .noop-random-posts ul li:first-child + li + li + li + li + li { background: none repeat scroll 0 0 #7EE3C7; width: 92%; } .noop-random-posts ul li:first-child + li + li + li + li + li:after { content: "6"; } .noop-random-posts ul li:first-child + li + li + li + li + li + li { background: none repeat scroll 0 0 #F6993D; width: 92%; } .noop-random-posts ul li:first-child + li + li + li + li + li + li:after { content: "7"; } .noop-random-posts ul li:first-child + li + li + li + li + li + li + li { background: none repeat scroll 0 0 #F59095; width: 92%; } .noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after { content: "8"; } .noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li { background: none repeat scroll 0 0 #C7F25F; width: 92%; } .noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after { content: "9"; } .noop-random-posts ul li:first-child:after, .noop-random-posts ul li:first-child + li:after, .noop-random-posts ul li:first-child + li + li:after, .noop-random-posts ul li:first-child + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after { background: none repeat scroll 0 0 #353535; border-radius: 50% 50% 50% 50%; color: #FFFFFF; font-size: 25px; height: 30px; position: absolute; right: -17px; text-align: center; top: 1px; width: 30px; } .noop-random-posts ul li a { color: #444444; font-size: 13px; text-decoration: none; } </style> <div class="noop-random-posts"> <script type="text/javascript"> var randarray = new Array();var l=0;var flag; var numofpost=5;function nooprandomposts(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('<ul>'); 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 = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li> "; document.write(item);}} }document.write('</ul> ');} </script><a href="http://contohblognih.blogspot.com" style="font-size:0pt">Random Posts Widgets</a><script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=nooprandomposts"></script></div>

6. Simpan.

Selesailah suda tentang Cara Membuat Arsip dan Random Post Untuk Mempercantik Blog

By : Ruben Hina Mbiliyora.S.Pd