Artikel Terkait Menggunakan Gambar - Hallo sahabat Leyssycool, Apa Kabarnya ? Semoga Selalu dalam Keadaan sehat, Untuk itu A-medika Alkes Batang ingin menawarkan sebuah produk kesehatan yang bagus yakni Artikel Terkait Menggunakan Gambar, bila sobat amedika ingin membeli, bisa hubungi No HP / Wa 085706666683 kami akan senantiasa membantu segala keperluan sobat. mudah-mudahan Produk Kesehatan Blogger, dapat membantu anda dalam solusi kesehatan. selamat membaca dan belanja terimakasih.

Judul : Artikel Terkait Menggunakan Gambar
link : Artikel Terkait Menggunakan Gambar

Artikel Terkait Menggunakan Gambar

Bagi anda yang sudah menggunakan atau ingin menggunakan Thumbnail Related Posts (artikel terkait bergambar), tentu akan lebih tertarik menggunakannya, karen tampilannya cukup menarik dengan adanya gambar.





Nah, untuk contoh Thumbnail Related Posting

Oke, cara untuk membuat Related posting ini sebagai berikut :

1. Login dahulu ke Blogger
2. Masuk pada Tata Letak/Layout
3. Lalu pilih Edit HTML
4. Centang tulisan Expand Widget Template
5. Kemudian cari code ini </head>
6. Letakkan code dibawah ini sebelum code </head> tadi
   
   

   <!--Related Posts with thumbnails Scripts and Styles Start-->
   
   <!-- remove --><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: black;
   
   font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
   
   margin-bottom: 0.75em;
   
   margin-top: 0em;
   
   padding-top: 0em;
   
   }
   
   #related-posts a{
   
   color:black;
   
   }
   
   #related-posts a:hover{
   
   color:black;
   
   }
   
   #related-posts a:hover {
   
   background-color:#d4eaf2;
   
   }
   
   </style>
   
   <script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
   
   <!-- remove --></b:if>
   
   <!--Related Posts with thumbnails Scripts and Styles End-->

7. Langkah selanjutnya, cari code ini
<div class='post-footer-line post-footer-line-1'>
8. Jika tidak menemukannya coba cari yang ini
   <p class='post-footer-line post-footer-line-1'>
9. Jika sudah ketemu, letakkan code dibawah ini Setelah code diatas
   
   

   <!-- Related Posts with Thumbnails Code Start-->
   
   <!-- remove --><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>
   
   <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=6&quot;' type='text/javascript'/></b:loop>
   
   <script type='text/javascript'>
   
   var currentposturl=&quot;<data:post.url/>&quot;;
   
   var maxresults=5;
   
   var relatedpoststitle="Related Posts";
   
   removeRelatedDuplicates_thumbs();
   
   printRelatedLabels_thumbs();
   
   </script>
   
   </div><div style='clear:both'/>
   
   <!-- remove --></b:if>
   
   <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
   
   <a href='http://blogidinrohidin.blogspot.com/2011/02/membuat-artikel-terkait-menggunakan.html' style='display:none;'>Thumbnail Related Post</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
   
   </b:if></b:if>
   
   <!-- Related Posts with Thumbnails Code End-->
   
   

10. Untuk code jumlah related post yang berwarna merah bisa anda sesuaikan dengan blog anda
11. Untuk tulisan Related Post bisa anda ganti sesuai selera anda, seperti Posting terkait, Artikel terkait, dll.
12. Simpan hasil kreatifitas anda, coba lihat hasilnya.

Jika anda ingin merubah warna atau yang lainnya, anda bisa merubah dibagian CSS. Jika blog anda tidak menggunakan sistem Read More, dan anda ingin menampilkan Related Posting ini di seluruh halaman, tidak hanya di postingan pertama saja, silakan hapus code yang diberi tanda keterangan pada code di dalam kotak yang pertama dan kedua.



Selamat mencoba, Semoga bermanfaat

CARA MUDAH BELI Artikel Terkait Menggunakan Gambar

Demikian Sedikit Info Tentang Artikel Terkait Menggunakan Gambar , mudah-mudahan bisa memberi informasi untuk anda semua. baiklah, sampai jumpa dalam postingan alkes lainnya, bila anda tertarik untuk membeli alat kesehatan jangan lupa untuk menghubungi saya di nomor 085706666683.

Anda sekarang membaca artikel Artikel Terkait Menggunakan Gambar dengan alamat link https://leyssycool.blogspot.com/2011/10/artikel-terkait-menggunakan-gambar.html

SHARE THIS