CARA MEMASANG WIDGET ARTIKEL TERBARU THUMBNIL PADA HALAMAN BLOG CARA MEMASANG WIDGET ARTIKEL TERBARU THUMBNIL PADA HALAMAN BLOG - SUARA HARIAN OTO BEMO BERODA TIGA
Suara Harian Oto Bemo Beroda Tiga

Komunikasi, Media Ilmu & Pengetahuan Umum Blogging

Langsung ke konten utama

"OTO BEMO.. OTO BEMO.. BERODA TIGA .. TEMPAT BERHENTI.. DITENGAH TENGAH KOTA..PANGGIL NONA..PANGGIL NONA..NAIK KERETA..NONA BILANG..TIDAK PUNYA UANG.. JALAN KAKI SAJA"

CARA MEMASANG WIDGET ARTIKEL TERBARU THUMBNIL PADA HALAMAN BLOG

Navigasi judul pada blog sangatlah penting, dengan adanya navigasi pembaca dapat dengan mudah melihat semua isi dari blog tersebut. selain itu juga pembaca menjadi lebih nyaman karena tidak perlu bingung jika ingin mencari artikel lainnya. salah satu widget yang dapat membantu navigasi pada blog adalah widget artikel terbaru. 

Bagi seorang blogger, ada beberapa komponen yang perlu diperhatikan saat membuat dan mengelola apa yang disuguhkan dalam isi blognya. Agar pengunjung tertarik dengan isi blog kita dan betah berlama-lama membacanya, kita mesti memaksimalkan fitur-fitur widget yang telah tersedia, termasuk di antaranya yaitu pemasangan halaman widget Recent Post/ Artikel Terbaru/  Postingan Terbaru. Keuntungan dari memasang widget ini adalah pengunjung dapat melihat dan memilih artikel-artikel terbaru dari blog kita. Dengan adanya widget recent post ini, pengunjung akan dibuat penasaran untuk membaca artikel-artikel lain dari blog kita. 

Untuk tampilannya sendiri banyak pilihan yang kita gunakan seperti artikel terbaru dengan gambar atau juga snippet. untuk tutorial kali ini saya akan memberikan script widget artikel terbaru yang simple dan ringan. agar kecepatan loading pun tidak terlalu berpengaruh. Baca Juga : Cara-memasang-widget-artikel-terbaru

oke langsung aja berikut caranya :
1. Buka blogger => tata letak => tambahkan gadget
2. Selanjutnya pilih HTML/Javascript dan masukkan kode berikut ⛛
3. Tampilan seperti gambar diatas, angka 3  contoh susunan bisa disesuai selera anda




<script type="text/javascript"> 
  function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil0JyRi5GVFy3rbn0qokpWjJ-hOmPkm46VlWI-kH5LD4ySbLOzpHaKIl2J_ZBqdvqpYz-Qtz8oXVcBcAflVshR6VQkbtYnSUvPq59cCa5gnT8L0RO34o0oTTZ_hVjsmR2DPSygiX1x4g-C/s1600/no-thumb.png"}var p=n.published.$t,f=p.substring(0,4),g=p.substring(5,7),v=p.substring(8,10),w=new Array;if(w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]="Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]="Dec",document.write('<li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>"),"content"in n)var A=n.content.$t;else if("summary"in n)var A=n.summary.$t;else var A="";var k=/<\S[^>]*>/g;if(A=A.replace(k,""),1==post_summary)if(A.length<summary_chars)document.write(A);else{A=A.substring(0,summary_chars);var y=A.lastIndexOf(" ");A=A.substring(0,y),document.write(A+"...")}var _="",$=0;document.write('<br><div class="recent-posts-details">'),1==posts_date&&(_=_+w[parseInt(g,10)]+" "+v+" "+f,$=1),1==readmorelink&&(1==$&&(_+=" | "),_=_+'<a href="'+r+'" class="url" target ="_top">Read more</a>',$=1),1==showcommentslink&&(1==$&&(_+=" <br> "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",_+=l,$=1),document.write(_),document.write("</div>"),document.write("</li>")}document.write("</ul>")} 
  </script> 
  <script type="text/javascript"> 
  var posts_no = 3
  var showpoststhumbs = true; 
  var readmorelink = true; 
  var showcommentslink = true; 
  var posts_date = true; 
  var post_summary = true; 
  var summary_chars = 40;</script> 
  <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script> 
  <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/> 
  <style type="text/css"> 
  img.recent-post-thumb{padding:2px;width:65px;height:65px;float:left;margin:0px 10px 10px;border: 1px solid #69B7E2;} 
  .recent-posts-container {font-family:'Oswald', sans-serif;font-size:12px;} 
  ul.recent-posts-container li{list-style-type: none; margin-bottom: 10px;font-size:12px;float:left;width:100%} 
  ul.recent-posts-container {counter-reset: countposts;list-style-type:none;padding:0;} 
  ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 1;position:absolute; left: 0px; font-size: 13px;font-weight: bold;color: #fff;background: #69B7E2;line-height:25px;height:25px;width:25px;text-align:center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} 
  .recent-posts-container a{text-decoration:none;} 
  .recent-post-title {margin-bottom:5px;} 
  .recent-post-title a {font-size:12px; text-transform: uppercase; color: #2aace3;} 
  .recent-posts-details {margin: 5px 0px 0px 92px;font-size:11px;} 
  .recent-posts-details a{color: #777;} 
  </style>



Bagaimana Reaksi Anda Tentang Artikel Ini?

Komentar

POPULAR POST

BIOGRAFI HANIF DHAKIRI : KABINET INDONESIA KERJA JABATAN MENTERI KETENAGAKERJAAN

Biografi Hanif Dhakiri. Saat ini ia dikenal sebagai seorang tokoh politikus Indonesia. Ia pernah menjadi anggota DPR menjadi Menteri Ketenagakerjaan serta Menteri Olahraga pada masa pemerintahan Presiden Joko Widodo. Berikut biografi Hanif Dhakiri beserta profil dan biodata lengkapnya. Biografi Hanif Dhakiri Daftar Isi Biodata Hanif Dhakiri Nama Lengkap : Muhammad Hanif Dhakiri, S.Ag., M.Si. Lahir : Semarang, 6 Juni 1972 Orang Tua : H Zuhri Maksum (ayah), Hj. Siti Hafsoh (ibu) Istri : Marifah Hanif Dhakir Anak : Nabila Setia Izzati, Neilan Setia Izzata, Nameera Setia Izzati Agama : Islam Pekerjaan : Politikus, Menteri Ketenagakerjaan, Plt. Menteri Olahraga Biografi Hanif Dhakiri Hanif Dhakiri dilahirkan di Semarang pada tanggal 6 Juni 1972. Ayahnya bernama H Zuhri Maksum dan ibunya bernama Hj. Siti Hafsoh. Keluarga Hanif Dhakiri bisa dibilang pas-pasan. Ayah Hanif bekerja sebagai guru agama islam yang mengajar sekolah dasar. Dan ibunya diketahu...

DIATAS LANGIT MASIH ADA LANGIT

“Di atas langit masih ada langit” merupakan ungkapan yang sering digunakan untuk mengingatkan kita agar tidak berlaku sombong atas apa yang kita miliki, baik itu kekayaan, kecantikan, ketampanan, dan kepintaran. Hal-hal yang bersifat duniawi memang seringkali menjadi sebab seseoang untuk berlaku sombong. Padahal kita tidak berhak berlaku sombong, karena sesungguhnya apa yang kita miliki  hanyalah titipan dari Allah yang seharusnya kita jaga sebaik-baiknya. Kita tidak pernah tahu sampai kapan semua yang kita miliki akan menjadi milik kita, sehingga kita tidak boleh menyombongkannya. Orang-orang kaya bisa bangkrut dan menjadi miskin, orang yang  cantik dan tampan akan bertambah tua, lalu apa yang hendak kita sombongkan?   Penyebab sifat sombong yang ada dalam diri kita adalah karena kita seringkali merasa lebih baik dari orang lain, kita selalu merawa t bahwa kedudukan kita lebih tinggi, kita pun seringkali merasa lebih cantik dari orang lain. Hal-hal semacam inil...

MENGAPA GOSIP DIKANTOR MEMBUNUH PRODUKTIVITAS

Mengapa Gosip di Kantor Membunuh Produktivitas? Bermula dari satu hal, satu orang ke orang lainnya lambat laun sebuah infomasi terus bertambah kontennya. Informasi tersebut akhirnya berubah menjadi gosip. Gosip di kantor merupakan hal yang tidak bisa dipastikan kebenarannya. Seringkali hal tersebut justru dimulai dari rasa iri hati, frustrasi, kurang percaya diri, bahkan yang terburuk adalah candaan semata. Itu tentu saja berdampak sangat buruk. Tidak hanya bagi orang yang menjadi bahas pembicaraan, namun juga bagi pembicara. Jika diibaratkan dengan sepasang kayu dan paku. Paku sebagai rumor buruk yang Anda bicarakan dan kayu sebagai orang yang dibicarakan. Anda memukulkan paku tersebut kepada kayu hingga menyakitinya. Bahkan meskipun Anda telah mencabut paku tersebut, lubang tersebut masih saja tersisa. Seperti inilah luka yang diakibatkan oleh rumor buruk yang Anda perbuat terhadap seseorang. Membicarakan hal buruk mengenai sesama kita dapat menyebabkan sakit hati bagi s...

BIOGRAFI MAHFUD MD : KABINET INDONESIA MAJU JABATAN MENKO POLHUKAM

Biografi Mahfud MD. Beliau dikenal sebagai seorang politisi dan juga akademisi di bidang ilmu hukum. Mahfud MD pernah menjabat sebagai Ketua Mahkamah Konstitusi Indonesia dan juga menjabat posisi menteri di era pemerintahan presiden Abdurrahman Wahid atau Gusdur. Kini ia menjabat sebagai Menteri Koordinator Bidang Politik Hukum dan Keamanan dimasa pemerintahan Presiden Joko Widodo. Berikut kami sajikan profil dan biografi Mahfud MD secara singkat berserta Biodata. Daftar Isi Biodata Mahfud MD Biografi Mahfud MDNama : Prof. Dr. Mohammad Mahfud MD., S.H., S.U Lahir : Madura, Jawa Timur, 13 Mei 1957 Agama : Islam Orang Tua : Mahmodin (ayah), Suti Khadidjah (ibu) Istri : Zaizatoen Nirhajati Anak : Mohammad Ikhwan Zein, Vina Amalia, dan Royhan Akbar Profesi : Akademisi dan Politisi Biografi Mahfud MD Beliau terlahir dengan nama lengkap Mohammad Mahfud dikenal dengan nama Mahmud MD. dilahirkan pada 13 Mei 1957 di Omben, Sampang Madura. Ia merupakan anak dari pas...

PDAM KOTA PONTIANAK DIKUNJUNGI BAPAK DIRJEN PU CIPTA KARYA

BAPAK DIRJEN PU CIPTA KARYA : BUDI YUWONO (Berdiri Posisi Tengah) Jumat 7 Februari 2009 Kunjungan bapak Dirjen PU Cipta Karya di PDAM Kota Pontianak tidak lain melihat kondisi PDAM Kota Pontianak lebih dekat, sebab kantor PDAM Kota beralamat di Jalan Imam Bonjol No 430 Pontianak, sebelumnya dibangun kantor PDAM dulu kantor PSAB tempat beliau bekerja sebagai pejabat struktur di PSAB tahun delapan puluhan, jadi pak Dirjen mendatangi hanya PDAM hanya reuni dan kata pepatah kuno apabila sudah minum air sungai kapuas maka pasti kembali. Selain itu kunjungan Pak Dirjen tak lepas melihat kesiapan PDAM Kota Pontianak mendapat bantuan Pemerintah Pusat melalui APBN senilai 50 Milyar berupa pipa transmisi air baku. Pak Dirjen PU Cipta Karya ; Budi Yuwono sedikit memberikan arahan kepada Direksi PDAM Kota Pontianak, katanya PDAM Kota Pontianak jangan pandai naik tariff saja yang lebih penting turun NRW atau kehilangan air PDAM baik secara komersial losses maupun fisikal losses dan coba liha...