CARA MEMBUAT WIDGET ARTIKEL ACAK ATAU RANDOM POST DI BLOG TERBARU

Cara Membuat Widget Artikel Acak atau Random Post di Blog Terbaru – Widget artikel acak atau random post ini berfungsi untuk menampilkan artikel – artikel secara acak yang telah kita buat dan secara otomatis akan di tampilkan yang dipilih sendiri oleh blog itu sendiri. Widget artikel acak atau random post ini bisa kita letakkan di samping kiri postingan atau kanan postingan blog kita.

Cara Membuat Widget Artikel Atau Random Post di Blog

Dengan kita menambahkan random post, maka akan banyak artikel – artikel yang terindex kembali yang terdahulu. Dan pengunjung juga bisa tertarik dengan artikel terdahulu kita. selain itu juga, kita bisa mendesain widget artikel acak atau random post dengan foto dan tulisan yang keren.

Cara Membuat Widget Artikel Acak / Random Post di Blog

Baiklah langsung saja, berikut ini adalah langkah – langkah untuk membuat artikel acak atau random post :

# Baca Juga : Cara Memasang Emoticon di Kotak Komentar Blog

• Pastikan kita telah terkoneksi internet.
• Kemudian, Login ke Blogger.com.
• Pada dashboard kita pilih arah panah ke bawah dan klik Template. Sesuai dengan gambar di bawah ini.

  

  Cara Membuat Widget Atikel Acak atau Random Post di Blog (1)

• Setelah itu kita pilih Edit HTML. Perhatikan gambar di bawah ini.

  

  Cara Membuat Widget Artikel Acak Atau Random Post Di Blog (2)

• Selanjutnya, kita cari kode ]]></b:skin> atau kode </style>. Untuk mempermudah kita gunakan CTR+F.

  

  Cara Membuat Widget Artikel Acak Atau Random Post Di Blog

• Setelah ketemu kodenya. Kita letakkan kode CSS di bawah ini tepat di atas kode ]]></b:skin> atau </style>.

.random-posts-tag {
background: #7793FF;
width: 100%;
height: auto;
padding: 5px 0 5px 5px;
font: 17px Arial;
font-weight: bold;
color: #fff;
text-transform: uppercase;
}
.random-posts {
border: none;
margin-left: 0px;
margin-bottom: 10px;
width: auto;
}
.random-posts ul {
list-style: square;
margin: 0 0 10px 0;
padding: 10px 0px 10px 15px;
}
.random-posts li {
margin: 0;
border-bottom: 1px dotted #DBDBDB;
padding: 7px 0 7px 0;
line-height: 1.4em;
}
.random-posts a {
text-decoration: none;
font: 14px "arial narrow",arial;
text-align: left;
color: #1111AF;
}
.random-posts a:hover {
color: #00A3FF;
}

• Setelah itu, kita cari kode atau script </head>.
• Jika sudah ketemu, kita Copy Paste kode CSS di bawah ini tepat di atas kode </head>.

<script type="text/javascript">//<![CDATA[
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('<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>

• Jika sudah selesai, langsung kita save atau simpan.
• Selesai.

# Baca Juga : Cara membuat Widget Artikel Terbaru Di Blog

Itulah beberapa cara membuat artikel acak atau random post di blog. mudah – mudahan ini dapat bermanfaat bagi kita semua. Jika ada kesalahan kami mohon ma’af yang sebesar – besarnya. Sekian dan terima kasih.