Cara Membuat Random Post Tanpa Thumbnail / Gambar Di Blog

16:14:00
Cara Membuat Random Post Tanpa Thumbnail / Gambar Di Blog

Selamat datang agan atau aganwati kali ini Saya akan berbagi tips dan trick dalam blogging nih, yaitu random post tanpa tumbnail, Saya juga menggunakan widget ini karena lebih efisien dalam loading blog, dan ringan, nah untuk membuat widget seperti ini, Anda harus mengikuti langkah berikut;


Langkah


1. Login dashboard blog Anda masing-masing,

2. Pilih menu tata letak, lalu pilih tambahkan widget,

3. Pilih menu HTML / Javascript,

4. Copy script di bawah ini,

 <ul id="random-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://renaldyways.blogspot.com/",numPosts = 10;function randomPosts(a){if(document.getElementById("random-posts")){var e=shuffleArray(a.feed.entry),title,link,img,content="",ct=document.getElementById("random-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<strong><li class="random-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li></strong>'}ct.innerHTML=content}}function shuffleArray(arr){var i=arr.length,j,temp;if(i===0)return false;while(--i){j=Math.floor(Math.random()*(i+1));temp=arr[i];arr[i]=arr[j];arr[j]=temp}return arr}var random_post=document.createElement('script');random_post.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';document.getElementsByTagName('head')[0].appendChild(random_post);
//]]>

</script> 

Jangan lupa untuk mengganti URL blog Saya dengan blog Anda!


5. Paste script tadi, pada kolom HTML / Java Script,

6. Simpan.



Nah semoga artikel tersebut bermanfaat bagi Anda, dan jangan lupa like, share, dan google+nya serta komentar dari Anda, terima kasih.

Share this

I'm CEO & Founder in http://caritema.com & http://renaldyways.blogspot.com/


Artikel Menarik Lainnya

Artikel Selanjutnya
Next Post
Artikel Sebelumnya
Previous Post
Cara style text di komentar Disqus dan Blogger:
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
  • Untuk menggunakan emoji di bawah ini cukup copy kode tersebut dan beri jarak 1 spasi untuk menampilkan emoji pada kolom komentar Blogger.
Parser Kode
FAQ
Emotikon

Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

4 Comments

Pengobatan Benjolan Di Ketiak 24 April 2015 at 09:30

Terimakasih buat tutorialnya ini mas, sukses..

Renaldy Ramadani 6 May 2015 at 10:29

sama2 :samasama terima kasih telah berkunjung

Jasa Desain Grafis Online Hakameru 7 June 2015 at 19:12

Terima kasih saya coba letakkan di akhir postingan

Renaldy Ramadani 8 June 2015 at 12:16

yoi gan :2thumbup