Home » » Tutorial : Cara Membuat Kotak Link Sahabat Di Sidebar

Tutorial : Cara Membuat Kotak Link Sahabat Di Sidebar

Written By Maulidan Nashuha on Monday, 23 July 2012 | 12:39

Tutorial, Cara Membuat Kotak Link Sahabat Di Sidebar,
Dan's Blog - Sudah lama sekali rasanya saya tidak menulis artikel tentang tutorial. Karena sedikitnya waktu yang saya miliki untuk membuat artikel tersebut dan kurangnya ilmu saya tentang cara membuat artikel dengan tema tutorial yang baik. Saya banyak belajar dari para blogger master dengan mempelajari artikel - artikel yang mereka tulis yang tentu saja artikel tersebut sudah banyak yang membacanya.

Pada kesempatan kali ini saya ingin menjawab pertanyaan yang di ajukan oleh sahabat blogger Bacaan Asik tentang Cara Membuat Kotak Link Sahabat. Untuk membuat kotak link sahabat di sidebar ini sangatlah mudah. Karena caranya sama saja seperti kita menambahkan gadget seperti biasa. Dan untuk langkah - langkah yang saya tulis ini adalah untuk menambahkan pada blog yang menggunakan layanan blogspot. Untuk wordpress ataupun yang lainnya, saya belum pernah mencobanya. Tetapi yang selama ini saya ketahui, cara ini juga bisa digunakan hanya saja langkah - langkahnya berbeda.
  1. Login terlebih dahulu ke akun blog anda.
  2. Buka tata letak pada blog yang ingin kita tambahkan link sahabat.

  3. Klik tambahkan gadget.

  4. Pilih HTML/JavaScript

  5. Masukkan html berikut ke dalam kotak.

    <div style="height: 250px; margin: 0px auto; overflow: auto; padding: 5px; width:auto;">
    <li><a href="http://danmasiver.blogspot.com/" style="font-style: italic;" target="_blank">Dan's Blog</a></li>
    <li><a href="http://rakitinformasi.blogspot.com/" style="font-style: italic;" target="_blank">Rakit Informasi</a></li>
    </div>
    <div style="float: right; font: normal 10px verdana; padding: 5px 0px; text-align: right;">
    Widget by <a href="http://danmasiver.blogspot.com/">Dan's Blog</a></div>
    </div>
    Note :
    Yang berwarna merah adalah tinggi dari kotak link sahabat. Silahkan anda rubah sesuai kebutuhan anda.
    Yang berwarna biru adalah url link sahabat. Silahkan anda ganti dengan url link sahabat yang ingin anda pasang.
    Yang berwarna orange adalah nama blog dari link sahabat yang ingin anda pasang.

    Bila anda ingin menambahkan lagi link sahabat, anda hanya perlu menambahkan html berikut.

    <li><a href="http://danmasiver.blogspot.com/" style="font-style: italic;" target="_blank">Dan's Blog</a></li>

    Letakkan setelah html yang sama.
    <div style="height: 250px; margin: 0px auto; overflow: auto; padding: 5px; width:auto;">
    <li><a href="http://danmasiver.blogspot.com/" style="font-style: italic;" target="_blank">Dan's Blog</a></li>
    <li><a href="http://rakitinformasi.blogspot.com/" style="font-style: italic;" target="_blank">Rakit Informasi</a></li>
    <!-- Letakkan Di Sini -->
    </div>
    <div style="float: right; font: normal 10px verdana; padding: 5px 0px; text-align: right;">
    Widget by <a href="http://danmasiver.blogspot.com/">Dan's Blog</a></div>
    </div>
Apabila terdapat sesuatu yang kurang jelas, silahkan anda tanyakan melalui form komentar di bawah. Terima Kasih. :)
Anda sedang membaca artikel tentang Tutorial : Cara Membuat Kotak Link Sahabat Di Sidebar dan anda bisa menemukan artikel Tutorial : Cara Membuat Kotak Link Sahabat Di Sidebar ini dengan url http://danmasiver.blogspot.com/2012/07/tutorial-cara-membuat-kotak-link.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Tutorial : Cara Membuat Kotak Link Sahabat Di Sidebar ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Tutorial : Cara Membuat Kotak Link Sahabat Di Sidebar sebagai sumbernya.
Share This Article :
Comments
0 Comments

Silahkan Tinggalkan Komentar Anda

Kritik Dan Saran Anda Sangat Berarti Bagi Kami.
Salam Persahabatan Untuk Semua.

Komentar Pop Up Disini

Dan's Blog Copyright © 2010 - 2013
All Rights Reserved - danmasiver.blogspot.com
Template Created And Designed By : Maulidan Nashuha - SafarGuide