Cara Membuat Artikel Terkait Dengan Gambar

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

bismillaahirrahmaanirrahiim

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

Assalamu'alaikum warahmatullahi wabarakatuh

Membuat artikel terkait merupakan hal yang cukup penting untuk meningkatkan page view anda. Apalagi jika artikel terkait tersebut menyertakan gambar yang menarik. Ini tentu akan menarik perhatian pembaca agar mengklik gambar tersebut lalu membacanya. Cara ini seringkali dimanfaatkan para blogger untuk mendongkrak jumlah orang yang membaca artikel mereka. Tips membuat artikel terkait dengan gambar ini mengharuskan para blogger untuk memuat gambar pada setiap postingan. Untuk tidak memperpanjang mukadimah,, :-D langsung saja saya sajikan trik buat anda tentang cara, tips dan trik untuk membuat artikel terkait dengan menggunakan gambar yang di kenal juga dengan Related Article. Berikut adalah contoh artikel terkait dengan gambar yang akan kita buat :

Berikut cara memasang artikel terkait dengan gambar.

1. Masuk ke akun Blogger Anda.
2. Klik Rancangan.
3. Klik tab Edit HTML.
4. Klik Download Template Lengkap, untuk berjaga-jaga kalau nanti terjadi kesalahan dalam mengedit template.
5. Beri tanda centang pada Expand Template Widget kamu.
6. Cari kode </head> Bila Anda menggunakan browser Mozilla Firefox, tekan tombol Ctrl + F, lalu isikan kode yang dimaksud untuk memudahkan pencarian.
7. Copy kode berikut dan paste di atas kode </head>
   

   <!--Related Posts with thumbnails Scripts and Styles Start-->
   <!-- remove --><b:if cond='data:blog.pageType == "item"'>
   <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, Times New Roman , 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 type='text/javascript'>
   var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY4ZaJlI0rFDMFgQ-tqNxencjuztoiVOvl_oU20sC2YN_JD6e66jERjAFnNacv9nmowTtF4AcLRR-nk8QhMURofPRSHtGPC1AIkk8su3M4-n-9OX0FreLOAKT1qw_Ix78mwkSY9dMOBo8/s400/noimage.png";
   var maxresults=5;
   var splittercolor="#d4eaf2";
   var relatedpoststitle="Related Posts";
   </script>
   <script src='http://infonetmu.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
   <!-- remove --></b:if>
   <!--Related Posts with thumbnails Scripts and Styles End-->

8. Cari kode <div class='post-footer-line post-footer-line-1'> atau <p class='post-footer-line post-footer-line-1'>
9. Copy kode berikut dan paste diatas kode <div class='post-footer-line post-footer-line-1'> atau <p class='post-footer-line post-footer-line-1'>
   

   <!-- 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'>
   removeRelatedDuplicates_thumbs();
   printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
   </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://www.khairulumam.com/2012/02/cara-membuat-artikel-terkait-dengan.html'><img style="border: 0" alt="Cara membuat Artikel terkait dengan Thumbnail" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
   </b:if></b:if>
   <!-- Related Posts with Thumbnails Code End-->

10. Klik tombol SIMPAN TEMPLATE.

Keterangan:

• Anda dapat mengubah jumlah artikel terkait yang ingin ditampilkan dengan mengubah kode var maxresults=5;
• Untuk mengubah judul widget, Anda dapat mengedit kode berikut var relatedpoststitle="Related Posts";
• Bila ingin mengganti default thumbnail, edit kode berikut var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY4ZaJlI0rFDMFgQ-tqNxencjuztoiVOvl_oU20sC2YN_JD6e66jERjAFnNacv9nmowTtF4AcLRR-nk8QhMURofPRSHtGPC1AIkk8su3M4-n-9OX0FreLOAKT1qw_Ix78mwkSY9dMOBo8/s400/noimage.png";
• Untuk mengubah warna dari Splitter Line, silakan edit kode var splittercolor="#d4eaf2";

Sumber : http://infonetmu.blogspot.com/2011/12/cara-membuat-artikel-terkait-dengan.html

Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com NB :: Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code, membeli hardware elektronika untuk kepentingan Perusahaan maupun Tugas Akhir (TA/SKRIPSI), Insyaallah Saya siap membantu, untuk Respon Cepat dapat menghubungi kami, melalui :

No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com

atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Alhamdulilah hirobil alamin

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

wassalamualaikum warahmatullahi wabarakatuh

Artikel Cara Membuat Artikel Terkait Dengan Gambar, Diterbitkan oleh scodeaplikasi pada Senin, 13 Februari 2012. Semoga artikel ini dapat menambah wawasan Anda. Website ini dipost dari beberapa sumber, bisa cek disini sumber, Sobat diperbolehkan mengcopy paste / menyebar luaskan artikel ini, karena segala yang dipost di public adalah milik public. Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code ,Dengan Cara menghubungi saya Ke Email: Fajarudinsidik@gmail.com, atau No Hp/WA : (fajar) : 085369237896, (puat) : 085267792168.