0 Membikin Artikel terkait dengan Gambar

Ini postingan saya kali ini baca dengan sebaiknya
agar tidak ada kesalahan

 Berikut cara memasang artikel terkait dengan gambar
baca dengan baik yang sabar.

    Masuk ke akun Blogger Anda.

    Klik Rancangan.

    Klik tab Edit HTML.

    Klik Download Template Lengkap, untuk berjaga-jaga kalau nanti terjadi kesalahan dalam mengedit template.

    Beri tanda centang pada Expand Template Widget kamu.

    Cari kode </head> Bila Anda menggunakan browser Mozilla Firefox, tekan tombol Ctrl + F, lalu isikan kode yang dimaksud untuk memudahkan pencarian.

    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/AVvXsEgWJariSDQzB9ekbexEcnVRtuTXRuMdpOby3iRv48g6cDa3oO1PxgHqsn-Ka2_-UB8Pmk1uOskc7PmB0tQciC4VEHinZuY2Fv-Qisb7QjJ8iJ6HoRLrKWuTr9kSg6V04Mk831wmq8Uvaqg/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-->

    Cari kode <div class='post-footer-line post-footer-line-1'> atau <p class='post-footer-line post-footer-line-1'>

    Copy kode dibawah ini 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-->

    Klik tombol SIMPAN TEMPLATE.