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

PRESIDEN REPUBLIK INDONESIA KE 3

BIOGRAFI JUSUF HABIBIE MASA JABATAN  21 Mei 1998 – 20 Oktober 1999 Presiden ketiga Republik Indonesia, Bacharuddin Jusuf Habibie lahir di Pare-Pare, Sulawesi Selatan, pada 25 Juni 1936. Beliau merupakan anak keempat dari delapan bersaudara, pasangan Alwi Abdul Jalil Habibie dan RA. Tuti Marini Puspowardojo. Habibie yang menikah dengan Hasri Ainun Habibie pada tanggal 12 Mei 1962 ini dikaruniai dua orang putra yaitu Ilham Akbar dan Thareq Kemal. Masa kecil Habibie dilalui bersama saudara-saudaranya di Pare-Pare, Sulawesi Selatan. Sifat tegas berpegang pada prinsip telah ditunjukkan Habibie sejak kanak-kanak. Habibie yang punya kegemaran menunggang kuda ini, harus kehilangan bapaknya yang meninggal dunia pada 3 September 1950 karena terkena serangan jantung. Tak lama setelah bapaknya meninggal, Habibie pindah ke Bandung untuk menuntut ilmu di Gouvernments Middlebare School. Di SMA, beliau mulai tampak menonjol prestasinya, terutama dalam pelajaran-pelajaran eksakta. Habibie m...

TUJUAN KOMUNIKASI VERBAL

TUJUAN KOMUNIKASI VERBAL :  Komunikasi verbal melalui lisan dapat dilakukan secara langsung bertatap   muka antara komunikator dengan komunikan, seperti berpidato atau ceramah.   Selain itu juga, komunikasi verbal melalui lisan dapat dilakukan dengan  menggunakan media, contoh seseorang yang bercakap-cakap melalui telepon.  Sedangkan komunikasi verbal melalui tulisan dilakukan dengan secara tidak   langsung antara komunikator dengan komunikan. Proses penyampaian informasi   dilakukan dengan menggunakan berupa media surat, lukisan, gambar, grafik   dan lain-lain. Adapun tujuan menggunakannya komunikasi verbal (lisan dan tulisan) antara   lain : Penyampaian penjelasan, pemberitahuan, arahan dan lain sebagainya, Presentasi penjualan dihadapan para audien, Penyelenggaraan rapat, Wawancara dengan orang lain, Pemasaran melalui telepon, dan sebagainya. Baca juga  Praktek-komunikasi-verbal

TIGA TRIK RAHASIA MENJADI PEMIMPIN YANG DISEGANI

Gunakan kompetitor sebagai motivator Kompetitor bisa jadi adalah teman terbaik Anda. Ya, mereka bisa menjadi  acuan dalam bekerja. Biarkan staf Anda melihat ‘keluar’ dan tahu bagaimana  kompetitor bekerja serta memenuhi target agar terpacu untuk bekerja  melebihi mereka. Mempublikasi permintaan maaf Mungkin sebagian pemimpin enggan untuk meminta maaf apabila melakukan  kesalahan. Permintaan maaf sangatlah kuat mengundang empati dan menunjukkan  pertanggungjawaban. Untuk itu, jangan segan meminta maaf setidaknya kepada  staf-staf ahli yang Anda bawahi. Mintalah bantuan kecil Semua orang dalam tim tentu ingin merasa dibutuhkan. Untuk itu, jangan  segan untuk turun ke bawah mendekati karyawan meski hanya bantuan-bantuan  kecil. Ini akan membuat mereka merasa dekat dengan atasannya. Cara ini  sangat ampuh dalam meningkatkan hubungan dengan rekan kerja Anda. Itulah tiga rahasia bagaimana cara menjadi pemimpin yang disegani ole...

CARA USAHA KECIL KECILAN YANG COCOK UNTUK PELAJAR DAN MAHASISWA

Usaha Kecil Kecilan yang Cocok untuk Pelajar/Mahasiswa Pelajar atau mahasiswa pada dasarnya masih memiliki tanggung jawab utama untuk belajar dan meningkatkan kemampuan atau keahlianya. Namun saat ini, pelajar atau mahasiswa juga dituntut untuk memiliki jiwa wirausaha. Menjadi enterpreneur lebih dini adalah hal yang lebih, persoalannya adalah bagaimana menjadi wirausaha yang tidak mengganggu kegiatan utamanya sebagai seorang pelajar atau mahasiswa.  Pelajar atau mahasiswa saat ini merupakan generasi digital yang sudah tidak asing lagi dengan perkembangan teknologi. Teknologi memberikan dukungan yang luar biasa terhadap perkembangan dunia usaha. Hal ini menjadi sangat bagus jika seorang pelajar atau mahasiswa memulai usaha dengan memanfaatkan sumberdaya teknologi. Apapun jenis usahanya akan menjadi lebih cepat berkembang jika didukung dengan teknologi. Ada beberapa jenis usaha yang cocok untuk para pelajar atau mahasiswa. Bisnis pulsa elektronik Pelajar atau mahas...

CARA MELAKUKAN KADERISASI DENGAN MEMILIH KARYAWAN TERBAIK

CARA MELAKUKAN KADERISASI DENGAN MEMILIH KARYAWAN TERBAIK Salah satu hal yang sulit di dalam sebuah usaha adalah mencari karyawan yang sesuai dengan keinginan atau kriteria Anda yang tentunya berkualitas dan mampu dalam menjalankan tugasnya. Mencari orang yang tepat membutuhkan sebuah konsentrasi yang cukup tinggi dan juga pengalaman yang banyak. Ketika usaha Anda masih baru, tetapi permintaan pasar semakin besar maka Anda pasti membutuhkan beberapa karyawan. Oleh karena itu ada beberapa langkah dan cara melakukan kaderisasi yang dapat Anda gunakan untuk mempermudah di dalam mendapatkan karyawan yang berkualitas sesuai dengan keinginan dan kriteria, antara lain sebagai berikut : Menentukan kualifikasi Sebelum mencari karyawan, Anda harus menentukan sebuah kualifikasi terlebih dahulu atau dengan cara melakukan kaderisasi. Karena pada setiap posisi di dalam usaha tentu membutuhkan seseorang dengan kualitas tertentu. Contohnya pada saat Anda mencari marketing, maka harus me...