Saturday, December 6, 2014

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 RANDOM POST DI BLOG
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 RANDOM POST DI BLOG
    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 RANDOM POST DI BLOG
    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 RANDOM POST DI BLOG
    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.
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.
Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : CARA MEMBUAT WIDGET ARTIKEL ACAK ATAU RANDOM POST DI BLOG TERBARU

2 komentar: