Custom Related Post Widget For Blogger (With Thumbnail)

By this time every blogger use related post widget to represent more related sources to their readers. Using related post widget under every blog post is very important for several cases. So in this article, I will show you how to add related post widget for blogger blog. I will also provide a beautiful responsive related post widget with a thumbnail.

As I was telling that related post is very import for many reasons. Like:
User Engagement: If you show Related Posts under your every blog post then user get the chance to get more related sources of your site. The user gets the opportunity to visit more related topics on your site. This activity increases user engagement of your site.

Responsive Drop Down Menu In Blogger

Navigation menu is a vital part of a blog. A blog is not complete without navigation menu. In this post, I will share a responsive drop down menu for blogger. This is a mobile responsive drop down menu. By default, there is no opportunity to create a responsive drop down menu in blogger.

Almost every blogs are using the responsive template by this time. So with this responsive template, we need a beautiful responsive drop down menu for arranging our blog’s categories, pages, and other important links. If our menu is not responsive then we will surely lose user experience. On the other hand, a drop down menu will let us arrange our navigational elements more beautifully.

30 Style Label Blogger New!

Di blogger, label adalah sebuah sebutan untuk menyebutkan suatu fitur yang digunakan untuk mengkategorikan artikel/postingan kedalam sub sub tertentu. Dari sudut pandang pengunjung, label sangat berfungsi untuk mempermudah mereka mencari artikel/postingan berdasarkan kategori tertentu. Maka dari itulah, pemberian label pada sebuah postingan adalah hal yang wajib dilakukan untuk meningkatkan SEO blog itu sendiri.

Optimalnya, penempatan navigasi Label biasa ditempatkan di sidebar, karena posisi ini dianggap paling efektif untuk menarik perhatian pengunjung untuk membaca artikel lain di blog anda.

How to remove THEMES24x7 credit link

Ever wonder how to remove the credit link of themes downloaded from www.themes24x7.com without having your blogger site/website redirect to credit.themes24x7.com? If so, then you've come to the right site.

This site serves as a live demo... No more credit link and definitely no redirection to whatsoever.

After several trial and errors, I've finally discovered the secret of that causes a website to redirect if the credit link has been removed. So here are the steps:

Use Content Spoiler With Simple Animation

Here is a light spoiler code that can be used to hide parts of your blog content. You can use it in posts, pages, widgets, or wherever you see fit.  This spoiler adds a few improvements to our previous spoiler, such as:

• Button text changes according to the state of the spoiler - “Show” in hide state and “Hide” in show state.
• Animated expand and collapse actions, achieved using CSS3 Transitions. The animation won’t work in Internet Explorer though.
• Allows for multiple spoilers in one page without having to assign unique IDs to them.

Cara Membuat Related Post

Cara Membuat Related Post  / Artikel Terkait SEO untuk memperbagus blog dan supaya pengunjung bisa melihat artikel-artikel yang terkait atau label yang sesuai tema. Menambahkan Artikel terkait atau related post ini sangat penting karena bisa menambahkan nilai seo di Serp engine.

Penting sekali memasang Related Post / Artikel Terkait yang menambahkan nilai SEO untuk mempermudah pengunjung dengan artikel-artikel yang terkait. Memasang Related Post ( Artikel terkait ) akan mempercepat index ke google.

Jika anda yang masih pemula bisa langsung membaca artikel khusus buat pemula yaitu artikel Persiapan SEO untuk pemula, Anda disana bisa melihat dasar-dasar SEO sebelum membuat blog.

Cara Memasang Breadcrumbs SEO di Blog

Cara Memasang Breadcrumbs SEO di Blog - Pada kali ini saya akan membahas hal yang terkait dengan blog dan SEO, Memang membahas tentang SEO tidak ada habisnya, tapi kalo kita memahami sedikit sedikit kita akan mengetehui seputar SEO. Tapi kali ini saya akan menjelaskan tentang cara memasang breadcrumbs atau bagaimana cara membuat navigasi.

Buat yang masih pemula bisa melihat Belajar SEO Gratis, disana akan membahas Persiapan SEO untuk Pemula.

Fungsi Navigasi Breadcrumbs

Fungsi Navigasi Breadcumbs adalah berfungsi untuk mempermudah robot search engine dalam mengindex artikel / konten yang ada di blog kita.

Dan mempermudah pengunjung dalam mengetahui letak posisi artikel yang pengunjung cari.

On-Page SEO: 10 Cara Mudah Memaksimalkan PageSpeed (Kecepatan Loading) Blog Anda

Page Speed atau kecepatan loading suatu halamanan blog / website adalah salah satu faktor dalam on-page SEO yang nantinya akan bisa berpengaruh pada ranking blog di SERP.

Dalam algoritma terbaru search engine Google, kecepatan loading adalah salah satu faktor penting karena berkaitan langsung dengan user experience yang belakangan ini memang makin diutamakan oleh Google.

Pada tulisan kali ini, saya akan membeberkan 9 cara mudah untuk memaksimalkan page speed atau kecepatan loading blog Anda agar user experience dan bounce ratenya makin bagus.

Google Code Dihentikan, Banyak Widget Blog Tidak Tampil

Pengaruh Dihentikannya Hosting Google Code terhadap Blogger.

CB menerima email dari The Google Apps Team18 Agustus 2016. Isinya mengingatkan bahwa hosting atau simpanan kode di Google Code sudah dihentikan dan mulai 31 Agustus 2016, giliran file kode yang disimpan di Google Drive yang akan diberangus.

Anda juga mungkin menerima email serupa, khsusunya jika Anda menggunakan layanan Google Code dan Google Drive untuk menyimpan kode CSS, HTML, ataupun JavaScript.

Cara membuat Ongoing Series Mirip AWSubs

Kali ini Kang Taha akan memberikan sebuah tutorial yang sangat dicari oleh blogger anime tutorial tersebut adalah cara membuat Ongoing series seperti salah satu fansubs yaitu AWSubs (wardhanime).

Kelebihan dari fitur ongoing series ini adalah memiliki tampilan yang keren dan dilengkapi dengan gambar cover series anime sehingga memiliki daya tarik sendiri bagi pengunjung. Disamping itu cara pembuatannya cukup mudah juga. jadi tak perlu risau tentang editingnya. Disini Kang Taha akan memberikan tutorial yang begitu mudah dipahami buat para blogger anime. Langsung saja tanpa basa basi lagi berikut ini tutorial cara membuat ongoing series seperti AWSubs.

Membuat Sticky Menu - Menu Melayang Setelah Discroll

Membuat Sticky Menu - Pada tutorial terdahulu saya menjelaskan Cara Membuat Widget Melayang di Blog (Sticky Widget), saat ini saya akan berbagi bagaimana membuat Sticky Menu.

Dengan membuat sticky menu, tentunya akan memudahkan pengunjung mengeksplor blog sobat tanpa harus naik turun scroll. Sticky Menu ini awalnya akan terlihat normal, tetapi akan melayang (fixed) ketika mouse discroll ke bawah.

Image Maps (Map Area Coords)

Bismillah. Alhamdulillah. Pernahkah kita berkunjung pada suatu situs yang didalamnya menggunakan peta? Kemudian ketika kita arahkan mouse dan klik suatu area maka kita diarahkan pada suatu target URL? Jika pernah maka kemungkinan terbesar situs tersebut menggunakan Image Maps (Pemetaan Gambar). Fungsi ini sangat bermanfaat dan mampu menyederhanakan peranan tag-tag lain, namun tag map ini sangat jarang digunakan. Entah karena kerumitannya atau karena ketidaktahuan? Mari kita pelajari bagaiman Image Maps ini bekerja dan semoga apa yang dijabarkan mampu membantu menyederhanakan hal yang terlihat rumit menjadi mudah, sederhana dan dipahami dengan baik.

Cara Memasang kolom komentar disqus di blog

Beberapa waktu lalu saya pernah membagikan tutorial mengenai cara memasang komentar disqus di blog (blogger), namun karena tutorial tersebut berdampak besar bagi blog seperti loading lama serta mempunyai masalah terlebih dahulu muncul kotak komentar blog sebelum komentar disqus. nah oleh karena itu saya disini kembali memberikan tutorial memasang komentar disqus diblog namun kali ini dengan cara langsung edit dari template yang akan bermanfaat membuat loading blog tidak terlalu lama.

Mungkin banyak dari anda yang pernah melihat komentar disqus di berbagai blog besar seperti blog berita atau blog yang menyediakan berbagai informasi, jangan heran karena komentar disqus memang pilihan terbaik jika ingin mengganti komentar pada blog. dimana disqus menyediakan layanan yang tidak ada pada jenis komentar lain semacam bisa berkomentar selain dengan akun disqus seperti bisa menggunakan akun facebook, twitter, google+. terlebih lagi disqus bisa menautkan komentar yang ada diblog langsung dengan akun disqus.

Meletakkan Judul Posting Dan Thumbnail Di Atas Postingan Dan Sidebar

Meletakkan Judul dan Gambar di atas Postingan dan Sidebar. Postingan ini saya buat untuk mendokumentasikan tutorial blog yang saya dapat dari blokwalking. Dan kebetulan pada waktu itu saya ingin mencoba mengedit template yaitu dengan memindahkan Judul postingan dan gambar diatas postingan dan sidebar seperti pada template wordpress pada website national geographic.

Saya pikir jika di wordpress bisa, kenapa di blogger tidak? Kemudian saya mencoba membuat eksperimen-eksperimen namun hasilnya tetap saja gagal. Saya sempat frustasi, kemudian dari pada saya bingung, akhirnya saya teringat dengan salah satu master blog Indonesia favorit saya yaitu kang Adhy Suryadi dengan blog-nya kompiajaib.com. Ah..!! bukankah template Kang Adhy juga seperti yang saya maksud?

Cara Membuat Menu Navigasi Push Page

Menu merupakan salah satu navigasi yang paling diperlukan dalam stuktur blog. Banyak bertebaran di website-website tutorial blog yang menawarkan berbagai macam dan modifikasi menu navigasi.

Dan diantara sekian banyak menu yang paling saya sukai adalah menu push page. Mungkin diantara sobat semua ada yang belum mengetahui apa itu menu push page? Menu ini adalah navigasi menu yang jika diklik ikon menu kan muncul dari tempat tersembunyi dari kiri kanan bawah atau bahkan atas. Dan munculannya pun menjadi menarik karena seperti mendorong posisi layar blog.

Membagi Tulisan Panjang Menjadi Dua Bagian Halaman Di Blog

Jika kita memakai platform wordpress, memang terdapat plugin yang bisa membagi postingan menjadi 2 halaman atau lebih. Di blogspot pun juga bisa. Namun mungkin hasilnya akan sedikit berbeda. Perbedaannya adalah, jika kita memakai plugin di wordpress, maka url yang muncul akan tetap alias sama antara halaman satu dengan yang lainnya. Namun di blogspot tidak. Mau tahu? Coba aja sendiri, hehehehhe.. :D.

Lalu apakah berpengaruh terhadap SEO? Mmm,, saya kira tidak. Maksudnya tidak tahu, hahahhaa... tapi mungkin tidak berpengaruh, toh yang dicari pembaca adalah konten, bukan yang lain. Jika kita mempunyai konten yang unik dan kita mensharenya ke media sosial, lalu pengunjung tertarik untuk membaca, walaupun blog itu mempunyai postingan yang dipisah menjadi 2 atau tidak, saya kira pengunjung tidak memikirkan hal seperti itu, yang penting mereka membaca. Udah, titik.

Cara Membuat Related Post with Tab View

Seperti anda tahu dengan Tab View anda bisa mendaftarkan atau menyusun isi dari blog anda untuk lebih mudah dibaca oleh pengunjung blog anda. Sehingga besar kemungkinannya pengunjung blog anda akan berlama-lama di blog anda karena mereka menemukan artikel-artikel yang menarik yang ada pada daftar tab view anda.

Memasang Facebook Like Box Melayang di blog.

Cara terbaru memasang Facebook Like Box SEO Friendly di blog.

KOTAK "Like" halaman Fanspage (Facebook Like Box) adalah salah satu fasilitas Facebook untuk menambah jumlah fans atau "likers".

Namun, banyak blogger yang memilih kode <iframe> sehingga tidak SEO Friendly.

Jika kita menggukan kode <iframe> di blog, termasuk kode dari Facebook itu, maka skor SEO blog di Chkme bisa turun drastis, dari 100% bisa menjadi 78% saja. Pasalnya, kode iframe tidak diindeks mesin pencari.

Memperbaiki H1, H2, H3 Check Seo di Chkme.com

Yang dimaksud dengan SEO (Search Engine Optimization) itu sendiri adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung. (Sumber)

Javascript SDK In Blog

Bismillah. Alhamdulillah. Setelah kemarin kita belajar membuat aplikasi Facebook untuk Blogger, artikel kali ini adalah lanjutan dari pembahasan tentang Facebook untuk Blog. Application ID atau API Key adalah kunci yang akan kita gunakan pada artikel kali ini. Setelah aplikasi kita buat, sebenarnya banyak plugin dan fungsi yang bisa kita gunakan dari Facebook, namun bagaimana semua ini bisa terjadi? Dan bagaimana mana pula sebuah blog mampu mengambil data dari Facebook? Mari kita pelajari...