Please TurnOff Your AdsBlock And Klik Ads For This Site !!!

Tolong Matikan AdsBlock Di Browser Sobat & Klik Satu Iklan Yang Ada Di NearBlog Demi Kelangsengan NearBlog :)

Banner space

600x150 > 10000/3bulan
600x150 > 5000/bulan
Via pulsa XL
Pemesanan ::
Kontak admin via fanspage NearBlog
https://www.facebook.com/near80

Search

Cara Membuat Related Post / Artikel Terkait dengan Gambar Di Bawah Postingan



السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Selamat Pagie sobat Nears ...
Sebelum nya ,Jangan Lupa Ikuti Perkembangan Blog ini dengan Cara :
| ツ LIKE || FANSPAGE || NearBlog |
| ツ FOLLOW || TWITTER || SAYA | 

Kali ini mimin akan membagikan cara membuat Related Post dengan Gambar (Thumbnail) di bawah post. Tentunya dengan sangat mudah, customize, dan dijamin berhasil 100%.Mudah dan pasti berhasil, karena menggunakan widget pihak ketiga, Customize karena dapat diatur dari segi tata letak dan lain-lain. Seperti kita ketahui, Related Post sangat esensial bagi sebuah blog karena dapat membantu pengunjung untuk mendapatkan informasi lain yang mungkin mereka cari. Dengan begitu, pengunjung blog sobat pasti akan betah berlama-lama membaca artikel sobat kan!

Berikut caranya:

1. Daftar di Linkwithin
lihat contoh::


2. Setelah semua diisi, Klik Get Widget! dan sobat akan dibawa ke sebuah laman baru
Pilih Install Widget--> nanti sobat akan dibawa ke laman baru lagi


3. Pilih Edit Content. Simpan kode yang ada.


4. Setelah itu buka akun blogger sobat. Pilih Layout > add Gadget > Html/javascript. Copy kode yang tadi diperoleh dan simpan.
5. Selesai.


Sekarang silahkan lihat blog sobat, pasti Related Postnya sudah muncul di bawah semua post. Tapi ternyata disini ada masalah bagi blog yang memakai fitur Read More. Karena Related Post tetap muncul di bawah semua post. Tampilan blog akhirnya jadi kurang elegant dan berantakan. 

Nah, untuk mengatasi itu ikuti beberapa trik dibawah:

1.Trik mengganti kalimat "You Might Also Like"

Buka aku blogger sobat, Pilih Template > Edit Html > Expand Widget Template, lalu tambahkan kode berikut dibawah <head>

<script type='text/javascript'>linkwithin_text=&#39;Artikel Terkait:&#39;</script>





2. Trik menyembunyikan Related Post dari Halaman Depan Blog (Beranda Blog)

Cari kode dibawah lalu sisipkan kode Linkwithin sobat

<b:if cond='data:blog.pageType == &quot;item&quot;'>

script Linkwithin sobat disini

</b:if>


Sampai disini trik yang bisa mimin bagi, jangan lupa tinggalkan alamat blog sobat di komentar untuk memudahkan mimin dan temen-temen yang lain melihat blog sobat yang udah sukses dengan trik ini.


Sekian dulu ,, Wassalamualaikum wr wb

Bagikan ke :

Facebook Google+ Twitter Digg Technorati Reddit

0 komentar:

Post a Comment

Copyright ©2014 Near Blog. Powered by Blogger.