RSS

News Update:
Selamat datang di Kholilnews.com, semoga informasi yang ada disini dapat bermanfaat untuk Anda semua. Jika Anda mempunyai pertanyaan, kritik maupun saran untuk blog ini, silakan sampaikan melalui akun media sosial yang sudah tertera, terima kasih.

Cara Membuat Teks Berjalan di Bawah Blog

Jumat, 19 April 2013

Beberapa hari yang lalu ternyata ada seorang teman blogger yang berkunjung ke blog ini dan menanyakan bagaimana cara membuat tulisan berjalan seperti yang ada dibawah blog ini. Lihat gambar dibawah ini.
Sebenarnya cara penempatan teks berjalan dibawah blog inilah yang sudah lama saya inginkan, namun baru beberapa bulan saya terapkan di blog ini karena memang baru ketemu caranya setelah ngoprak ngoprek template kesana kemari sambil tanya-tanya ke mbah google.  

Caranya sangat mudah sekali. Jika kamu berminat untuk menerapkan di blog yang kamu miliki, ikutilah step by step cara dibawah ini.
  1. Log in ke blog kamu.
  2. Edit HTML.
  3. Klik format template yang ada di pojok kanan atas (lihat gambar dibawah untuk detailnya).
  4. Tekan tombol Ctrl + F dari keyboard kamu.
  5. Cari kode </b:skin> di kotak tersebut, kemudian enter.
  6. Format template blogger untuk saat ini ada sedikit perubahan, jadi misalnya sudah kamu ketik </b:skin> maka yang muncul akan seperti gambar dibawah ini.

    Taruh cursor kamu di depan (</b:skin>) yang di blok itu, kemudian tekan tombol Backspace dari keyboard kamu. Setelah itu baru muncul kode </b:skin> yang lengkap.
  7. Copy kode dibawah ini
    #nav{
    height:20px;
    border-bottom:1px solid #000000;
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    background:#000000 url(../images/nav.png) repeat-x center left;
    z-index:999999;
    }
    #nav ul{
    height:20px;
    list-style:none;
    margin:6px auto 0px auto;
    width:900px;
    }
    #nav ul li{
    display:inline;
    float:left;
    margin:0px 2px;
    }
    #nav a{
    font-size:11px;
    font-weight:bold;
    float:left;
    padding: 2px 4px;
    color:#000000;
    text-decoration: none;
    border:1px solid #000000;
    cursor: pointer;
    background:transparent url(../images/overlay.png) repeat-x center left;
    height:15px;
    line-height:15px;
    }
    #nav a:hover{
    background:#000000 none;
    color: #000000;
    }
  8. Paste di atas ]]> </b:skin> 
  9. Save template kamu.
  10. Langkah selanjutnya klik Tata Letak
  11. Klik Tambahkan Gadget, pilih yang HTML

  12. Copy kode dibawah ini dan paste di kotak tersebut
    <div id="nav"> Kode teks berjalan Anda ada disini </div>
  13. Save dan lihat hasilnya.
Nach, jika masih ada pertanyaan atau seputar masukan tentang posting ini, silakan gunakan kotak komentar dibawah untuk memberikan informasinya, semoga bermanfaat.

Kholilnews.com "Menjelajah Dunia Membuka Cakrawala" | RSS

Artikel Cara Membuat Teks Berjalan di Bawah Blog ini diterbitkan oleh Kholilnews.com pada hari Jumat, 19 April 2013. Jika Anda merasa postingan ini bermanfaat, silakan bagikan dengan menggunakan beberapa plugin yang ada dibawah. Apabila Anda ingin berlangganan artikel gratis dari Kholilnews.com, setelah input email harap segera mengecek inbox/spam email Anda untuk konfirmasi. Terima kasih atas kunjungan Anda.

Daftarkan email Anda untuk berlangganan artikel gratis dari Kholilnews.com

DMCA.com



2 komentar :

Eka heriyansah mengatakan...

keren buat blog berita ini cocok

Linda Wijayanti mengatakan...

Terima kasih ilmu nya,
saya lama nyari yang seperti ini, saya coba dulu

Posting Komentar

 

Kholilnews.com ● Copyright © 2007 - All Rights Reserved