Cara Membuat Artikel Terkait Dengan Gambar

Kali ini Miev akan berbagi tips dan trik seputar Blogger,di sini Miev share Cara Membuat Artikel Dengan Gambar.sobatMiev pasti membutuhkan Artikel ini,karena kebanyakan Posting terkait itu share hanya dengan Artikel text saja,makanya Miev share yang sedang banyak yang di cari,tapi maaf Miev share tapi tidak tepasang di blog Miev,karena blog Miev sudah terlalu banyak gambar jadi Miev gunakan yang simple aja menggunakan text,tapi cara ini suadh Miev coba dan 100% Work.

Langsung saja,Cara Membuat Artikel Terkait dengan Gambar

1. Login ke Blogger
2. Masuk ke Menu Template - Edit HTML
   Centang pada Expand Template Widget untuk yang masih menggunakan Tampilan Blogg lama,tapi jika sobatMiev yang menggunakan Tampilan Blog yang baru masalah "Expand Template Widget" tidak ada,tapi bukan berarti tidak ada,hanya saja Blogger telah menyatukannya ke dalam tampilan Edit HTMLnya
3. Cari kode </head> Gunakan tombol CTRL + F untuk mempermudah pencarian.
4. Lalu Copy kode berikut dan letakan tepat diatas kode </head>
   
   <!--Start Related Posts-->
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <style type='text/css'>
   #related-posts {
   float:center;
   text-transform:none;
   height:90%;
   min-height:90%;
   padding-top:0px;
   padding-left:8px;
   }
   #related-posts h2{
   font-size: 1.0em;
   font-weight: bold;
   color: white;
   font-family: Rockwell,Georgia,Serif;
   margin-bottom: 0.8em;
   margin-top:0em;
   padding-bottom:0em;
   }
   #related-posts a{
   color:white;
   }
   #related-posts a:hover{
   color:white;
   }
   #related-posts a:hover {
   background-color:#080;
   }
   </style>
   <script type='text/javascript'>
   var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCcWlP627SMU4m4SMQ5iiqza4M63txGXqN4RQ7PNWmBwwr57g_ErXPlgAr7MIqJrtgWND8fJNsIGFLwlAf7RDpDpEq1Pga2LjtgsUb1X5QirYGoI4SMby7HspgDDe_Jh42hT75JXND4dE3/s1600/No+Image.jpg&quot;;
   var maxresults=6;
   var splittercolor=&quot;#000000&quot;;
   var relatedpoststitle=&quot;Silahkan Baca Artikel ini Juga:&quot;;
   </script>
   <script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
   </b:if>
   <!--End Related Post-->
   
   
5. Selanjutnya sobatMiev cari kode <data:post.body/> "Jika ada dua kode, pilih bagian yang kedua"
6. Jika ketemu,Pastekan Kode di bawah ini Tepat Di Bawah kode  <data:post.body/>
   
   <!-- Start Related Posts-->
   <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=7&quot;' type='text/javascript'/></b:loop>
   <script type='text/javascript'>
   removeRelatedDuplicates_thumbs();
   printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
   </script>
   </div><div style='clear:both'/>
   </b:if>
   <!-- End Related Posts-->
   
7. Terahir Save/Simpan.

Catatan .. !!!
Berikut ini adalah kode warna yang bisa sobatMiev gantisesuai keinginan sobatMiev,

Warna Tulisan var splittercolor=&quot;#000000&quot;;
Judul artikel terkait var relatedpoststitle=&quot;Silahkan Baca Artikel ini Juga:&quot;;
Menampilkan jumlah artikel terkait yang muncul max-results=7

Semoga Artikel ini bermanfaat untuk sobatMiev

.

Posted in: Tutorial Blog