Blogermie.com: Membuat Daftar Link Tampil Pada Postingan

23 Oktober 2011

Membuat Daftar Link Tampil Pada Postingan

Nah kali ini kita akan membahas tentang Membuat Daftar Link Tampil Pada Postingan, dimana dengan menampilkan halaman backlink, memungkinkan kita bisa menampilkan beberapa halaman backlink dengan harapan sobat blogger yang lain berminat saling bertukar link dan Posting. Hal ini bertujuan agar, pengunjung dengan leluasa melihat siapa saja yang telah menjadi backlink kita. Tentu saja dengan semakin banyaknya backlink, diharapkan untuk meningkatkan statistik pengunjung. Dengan demikian ,mencatumkan link teman kita satu persatu pada postingan tertentu saja sangat diperlukan bagi blog yang masih dalam taraf "pemula"

Ada 2 cara untuk bisa memasang daftar link pada postingan. Cara pertama dengan Manual, dan Kedua dengan Otomatis. Cara yang sering saya pergunakan adalah cara Otomatis, karena Kode yang kita pasang tersebut bisa lagsung diterapkan pada template, hanya dengan menambahkan beberapa CSS. Untuk itu saya paparkan dulu dari step awalnya terlebih dahulu:

A. Cara Manual - Memasang Daftar Link Pada Postingan:


  1. Log-in di Blogger - Dasboard>>NewPost
  2. Pada menu "Edit HTML" sisipkan Kode ini diantara Link teman yang sebelumnya sudah dipasangi link tujuan disaat kita menulisnya pada menu "Compose", Contoh:

Membuat Scrolling pada Posting

Membuat Daftar Link pada Posting

    3. Setelah itu sisipkan kode ini diantaranya:
    <style>
    .list
    {background: url("http://lh4.ggpht.com/_15FopxVONSo/ShYuf4RqUuI/AAAAAAAACxI/jcump2GgfLg/iconbullet.gif") no-repeat left center;border-bottom:0px dotted #ddd;line-height:1.2em;padding:0 0 0 20px;}
    </style>
    <div style="border: 1px solid rgb(0, 0, 0); height: 300px; margin: 0px 10px 0px 0px; overflow: auto; padding: 20px; text-align: center; width: 525px;">
    <div class="list">
    <a href="http://tarzan-blogermi.blogspot.com/">Blogermie</a></div>
    <div class="list">
    <a href="URL link Sobat">Judul Link</a></div>
    <div class="list">
    <a href="URL link Sobat">Judul</a></div>
    </div>

    Catatan : kode yang bercetak Tebal adalah Kode untuk menambahkan Style Sroll-nya, dan sebaliknya, anda tinggal mengubah (Overflow) menjadi Hidden,dan ubah pula tingginya (height).

    Oh ya sebagai imbuhan, cara ini juga bisa anda terapkan untuk membuat daftar posting dengan Scroll, terutama bila ingin menghemat tempat. Kode pada cara Manual diatas bisa anda kopas dan meletakkannya menggunakan gadget Java Script

    B. Cara Otomatis - Memasang Daftar Link pada Postingan

    1. Log-in di Blogger - Klik Design>>Edit HTML
    2. Centang Expand Template Widget
    3. Cari Kode: ]]></b:skin> , Kemudian Copy Paste Kode dibawah ini. Baru kemudian Letakkan Tepat diatasnya, kemudian "Save Template"
    .list {
    background: url("http://lh4.ggpht.com/_15FopxVONSo/ShYuf4RqUuI/AAAAAAAACxI/jcump2GgfLg/iconbullet.gif") no-repeat left center;
    border-bottom:0px dotted #ddd;
    line-height:1.2em;
    padding:0 0 0 20px;
    }
        4. Buat sebuah Postingan yang berisi Link link teman pada menu "Compose", Kemudian Beralihlah ke Menu "Edit Html",Contoh:

    Membuat Daftar Link pada Posting

        5. Kemudian Sisipkan Kode ini :
    <div style="border: 1px solid rgb(0, 0, 0); height: 300px; margin: 0px 10px 0px 0px; overflow: auto; padding: 20px; text-align: center; width: 525px;">
    <div class="list">
    <a href="http://tarzan-blogermi.blogspot.com/">Blogermie</a></div>
    <div class="list">
    <a href="URL  link Sobat">Judul Link</a></div>
    <div class="list">
    <a href="URL link Sobat">Judul Link</a></div>...... dan seterusnya
    </div>
    Catatan : Sama seperti keterangan Pada cara manual, bila ingin menambahkan Scroll Postingan,terutama Pada daftar Link, tinggal menambahkan Kode yang ditandai Dengan Cetak tebal.
    Judul: Membuat Daftar Link Tampil Pada Postingan; Reviewer By: Heru Prasetyo; Rating Blog: 5 dari 5
    Heru Prasetyo Blogermie.com Updated at: 10/23/2011 09:04:00 AM

    2 komentar: