Pencarian

TERBARU

Template Login page hotspot mikrotik bertemakan ramadhan 1442H

 Assalamualaikum warahmatullahi wabarakatuh Mari kita belajar lagi pada kesempatan siang hari ini saya mau berbagi sebuah login page hotspot...

Kamis, 19 Juni 2014

Cara Membuat Artikel Terkait Tampil Persis Dibawah Posting

Untuk Membuat Artikel Terkait Tampil Persis Dibawah Posting Dengan Gambar
Ini Sangat mudah, Contoh Tampilan Atrikel Terkait Seperti gambar di bawah ini Sob :
Untuk Membuatnya
Ayu ikuti Langkah - Langkah yang saya tulis dibawah ini,..

Langkah:
1. Masuk blog anda seprti biasa Lalu
2. Klik Template, Lalu
3. Klik Edit HTML Lalu Cari Kode </head> Gunakan CTRL+F biar mudah carinya
Jika Sudah Ketemu, Copy Kode Dibawah ini, Lalu Pastekan Diatas Kode </head>

     <!--Related Posts ariecellular.blogspot 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;
    font-size: 12px;
    font-weight:none;
    color: #002bff;
    font-family: Calibri;
    margin-bottom: 0.75em;
    margin-top: 0em;
    padding-top: 0em;
    }
    #related-posts h2{
    color: black;
    }
    #related-posts a{
    font-size: 15px;
    font-weight:none;
    color: #002bff;
    font-family: calibri;
    }
    #related-posts a:hover{
    color:black;
    }
    #related-posts a:hover {
    background-color:#d4eaf2;
    }
    </style>
    <script src='http://my-project-favicon.googlecode.com/files/relatedposts.js.txt' type='text/javascript'/>
    </b:if>
    <!--Related Posts ariecellular.blogspot.com Styles End-->

Selanjutnya Cari Kode <data:post.body/> Biasanya Ada 3 Kode <data:post.body/>
Jika ada 3 Maka Pastekan Kode Dibawah Ini Tepat dibawah kode <data:post.body/> Di Nomor 2

  <!--Related Posts ariecellular.blogspot.com Styles 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>
    <h3><b>MUNGKIN MAU BACA ARTIKEL YANG DIBAWAH INI JUGA SOB? MONGGO.......</b></h3>
    <script type='text/javascript'>
    var currentposturl=&quot;<data:post.url/>&quot;;
    var maxresults=6;
    var relatedpoststitle=&quot;&quot;;
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs();
    </script>
    </div><div style='clear:both'/>
    </b:if>
    <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
    <a href='http://ariecellular.blogspot.com/' style='display:none;'/>
    </b:if>
    </b:if>
    <!--Related Posts ariecellular.blogspot.com Styles End-->

4. Pada Warna Orange Silahkan Anda ganti kata - kata sesuka hati
5. Pada Warna Biru silahkan anda ganti dengan URL blog Anda
6. Klik Simpan
7. Selesai & Lihat Hasilnya sob....... semoga Berhasil

Tidak ada komentar:

Posting Komentar

Popular Posts