Related Post dengan Thumbnails dibawah Postingan Blogspot

Membuat Related Post dengan Thumbnail pada Blogger bukan hal yang baru lagi bagi sahabat yang sudah sekian lama hidup di dunia blogspot. Related Post yang menyertakan image alias gambar secara thumbnail akan lebih mempercantik tampilan blog, dan diyakini dapat meningkatkan pageview pada blog sahabat yang mungkin saja bisa meningkatkan kualitas alexa pagerank atau tambahan recehan dolar. Cara Membuat Related Post dengan Image Gambar Posting adalah sebagai berikut:1.Login ke akun blogger kamu.2.Masuk ke Rancangan/Design >> Edit HTML3.Beri tanda centang pada "Expand Template Widget".4.Cari kode  </head>5.Letakkan kode berikut diatas/sebelum kode </head><b:if cond=’data:blog.pageType == &quot;item&quot;’> <style...

Read more »

Related Post dibawah Postingan Blogspot

Cara Membuat Related Post | Cara membuat artikel terkait ( related post ) tepat di bawah postingan blog - Tips ini sebenarnya sudah sangat banyak beredar, namun tidak ada salahnya di ulas kembali untuk membantu blog-blog pemula yang masihawam dengan tips ini. Berikut ini cara dalam membuat artikel terkait di bawah postingan. Login ke blogger Anda. Pilih Rancangan, kemudian kli Edit HTML Beri tanda centang pada Expand Widget Template. Cari kode <data:post.body/>, supaya mudah, gunakan kotak Find dengan menekan tombol F3 tempatkan script/kode berikut di bawah kode <data:post.body/> Jika di template blog anda memakai fungsi " Read More" , maka cari kode seperti ini : <data:post.body/> </b:if>  tempatkan script/kode...

Read more »

Memasang Widget Recent Post di Blogspot

   Anda pasti sudah pernah melihat widget seperti gambar diatas bukan? widget ini berguna untuk menampilkan Postingan terbaru pada blog kamu. di widget ini juga ditampilkan Thumbnail serta jumlah komentar pada postingannya. 1. Login blogger 2. Rancangan(Design) 3. Pilih Elemen Halaman 4. Tambah Gadget Pilih "HTML / JAVASCRIPT" 5. Copy Kode Dibawah ini Kedalamnya: <script language="JavaScript"> imgr = new Array(); imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[1] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[2] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[3] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = 298; cellspacing = 8; borderColor...

Read more »

Membuat Widget Popular Post Pada Blogger

Widget ini berisi Artikel Paling paling populer dengan mengurutkan berdasarkan jumlah komentar pada posting tersebut. Akan tetapi, pada widget ini tidak ada Thumbnailnya, sehingga widget ini tidak terlalu membebani kecepatan loading blog kamu. Berikut Cara membuatnya: 1. Login blogger 2. Rancangan(Design) 3. Pilih Elemen Halaman 4. Tambah Gadget Pilih "HTML / JAVASCRIPT" 5. Copy Kode Dibawah ini Kedalamnya: <!-- Popular posts with comment count Start --> <script type="text/javascript"> function getYpipePP(feed) { document.write('<ol style="">'); var i; for (i = 0; i < feed.count ; i++) { var href = "'" + feed.value.items[i].link + "'"; var pTitle = feed.value.items[i].title; var pComment = " \(" + feed.value.items[i].commentcount + "\)"; var pList = "<li>" +...

Read more »

Membuat Fungsi Scroll Pada Blog Archive

Jika postingan di blog kamu lebih dari 50 post/harinya, mungkin akan ada banyak sekali entri yang tampil di widget "Blog Archive" atau nama lainnya "Arsip Blog". dengan begitu widget ini akan banyak memakai ruang di sidebar blog kamu yang otomatis akan mengganggu widget-widet lainnya. Tak apa. karena semua itu bisa diatasi. caranya adalah dengan memperkecil widget Blog Archive dengan menggunakan fungsi Scroll pada widget itu. Bagaimana cara membuatnya?? Ikuti langkah-langkah berikut ! Masuk dulu ke Acount Blogger atau Dashboard Pilih Layout , lalu klik Edit HTML Centang dulu  Expand Widget Templates Cari kode yang seperti ini : <div id='ArchiveList'>  atau kata Archive. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan,...

Read more »

Membuat Widget Followers Blog Show/Hide

Kali ini saya akan beritahu cara memasang widget Google Friend Connect atau yang lebih dikenal Google Followers dengan cara yang berbeda dari yang lainnya. Apa yang berbeda? jika biasanya widget ini hanya terpasang di sidebar blog orang-orang, maka kali ini Widget tersebut bisa disembunyikan, dan dapat dilihat dengan diklik. Berminat? Ikuti langkah-langkah berikut ! 1. Login dengan akun blogger sobat2. Masuk rancangan/design3. Pilih Tata Letak/Layout4. Klik Add a gadget, dan pilih HTML/Javascript5. Selanjutnya, Copy Paste kode berikut didalamnya : <style type="text/css">#fl{position:fixed;left:150px;z-index:+1000;}* html #fl{position:relative;}.flcontent{float:left;border:2px solid #676767;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCczhGDHb-8XhOjt7wBuq94SXqgcVvj1PXH9OoLnjZlbIlgO4bIepR2XFfw8exaWdpfd4F5WtiqbpTz4gO6wUWxTiWaF_YWlfxbRjCeUf4P6PDRhrwiNP77SBm3eIBWuQCtXTBPyUubPTD/)#000000...

Read more »

Membuat Daftar Isi di Blogger

Postingan yang terlihat hanya Post yang memiliki Label, tanpa memiliki label, Postingan tersebut tidak akan terlihat di Table of Content(Daftar Isi) ini. Cara membuat daftar isi/sitemap blog di blogger/blogspot:1. Buat sebuah halaman posting baru, sebaiknya halaman statis (static page).Dashboard > New Post/Edit Post > Edit Pages > Create New Page 2. Beri judul sesuka anda, misalnya: "Daftar Isi", "Table of Content", "Sitemap Blog", dan lain lain.3. Pada bagian kanan kotak posting klik "Edit HTML".4. Masukkan script berikut:<script src="http://yourjavascript.com/18113981113/bukarahasiablog-toc.js"></script> <script src="http://azmi-muzaky.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script> Ganti http://azmi-muzaky.blogspot.com dengan...

Read more »