MUH AKRAM
Menu
  • Home
  • About
  • Contact
  • Sitemap
  • Privacy Policy
Beranda » Blog

Minggu, 08 Juli 2012

cara membuat Related Post Dengan Gambar

Muh Akram
Muh Akram
Minggu, 08 Juli 2012

 kali ini saya akan menjelaskan cara membuat ara membuat Related Post Dengan Gambar , sama seperti artikel yang dulu yaitu Cara membuat Related Post Dengan Gambar Berjalan tetapi artikel yang dulu related post nya bergerak sedangkan ini tdk bergerak . Anda Bisa Lihat Hasinya Seperti Gambar Di Bawah Ini Jika Anda Tertarik Untuk Membuatnya Silahkan Ikuti Langka Langka Berikut Ini


 


Langsung saja simak baik" cara nya.!
  • Login keBlogger
  • Lalu masuk ke Rancangan
  • Lalu Edit HTML
  • Centang Expand Template Widget
  • Jika takut gagal mencoba, lebih baik download dulu template nya
  • Kemudian cari kode </head> (untuk mempermudah pencarian klik F3 atau CTRL + F pada keyboard)
  • Copy kode dibawah ini dan letakan tepat diatas kode </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #000;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;}
#related-posts a{
color:#4eabff;}
#related-posts a:hover{
color:#4eabff;}
#related-posts a:hover {
background-color:#d4eaf2;-box-shadow:0 2px 2px 2px #4eabff;-moz-box-shadow:0 2px 2px 2px #4eabff;-webkit-box-shadow:0 2px 2px 2px #4eabff}
</style><script src='http://sastrablog.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Keterangan: Kode yang berwarna Biru adalah kode warna, bisa kalian ganti dengan sesuka kalian.

  • cari kode yang mirip dengan ini. <data:post.body/>
  • Lalu Copy dan pastekan kode dibawah ini tepat dibawah kode diatas.


<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=6;
var relatedpoststitle=&quot;Related Post:&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End--> 
  • Simpan template dan lihat hasil akhirnya.!

Keterangan: Tulisan yang berwarna merah bisa di ganti dengan sesuka kalian.
  • Tulisan Related Post: (Bisa kalian ganti dengan tulisan apa aja.)
  • Angka 6 (Jumlah Artikel yang di tampilkan.)
Tags: #Blog
Muh Akram

Penulis Muh Akram

Assalamu'alaikum, perkenalkan nama saya Muhammad Akram bisa dipanggil Akram, asal dari Pinrang Sulawesi Selatan. Saya mulai mengenal blog pada tahun 2011. dan saya senang berbagi

Artikel Lainya

  • Cara Membuat Google Translate Di Blog
  • Membuat garis pinggir pada kolom posting di blog
  • Cara Membuat Tombol Scroll To Top di blog
  • Cara Membuat Widget Daftar Isi Di Blog
  • Cara Membuat Link Facebook Tersembunyi Di Pinggiran Blog
  • Cara Membuat facebook like box dibawah posting

Postingan Populer

  • Cara Menghubungkan Cisco ke PC-Laptop
  • Ciri-Ciri Website Yang Disuka Oleh Google
  • tes
  • Cara Alami Mengatasi Sakit Gigi
  • iwan fals - ijinkan aku mencintaimu
  • Pengertian Dari Karangan Narasi Beserta Contohnya
  • Cara Membuat Jam Garuda pada blog
  • Free Download PESEdit PES 2013 Update Patch 2.0
  • Cara Membuat Auto Readmore Pada Blog
  • Hal-Hal yang Dapat Menurunkan SEO Blog
Logo Footer Kompi Ajaib

Blog yang membahas tentang info-info menarik dan terbaru yang bermanfaat bagi anda.

Kategori

  • Agama
  • Blog
  • CHORD
  • Fisika
  • Fotoh
  • Games
  • Guru
  • Info
  • SEO

Dukungan :

  • About Me
  • Contact
  • Privacy Policy
  • Sitemap
  • Jasa Riview
Copyright © 2015 MUH AKRAM - All Rights Reserved - DMCA
Proudly powered by Blogger