13 Juni 2013

Menambahkan pita author pada kotak komentar di blog

Posted at  23.45  |  in  tips dan triks blog


Postingan kali ini adalah permintaan salah satu sobat blogger yaitu berkenaan dengan cara menambahkan pita author pada kotak komentar. Untuk memberikan sentuhan khusus dalam menambahkan pita author pada kotak komentar, kita menggunakan properti CSS. Cara menambahkannya cukup mudah, tinggal mengikuti langkah-langkahnya berikut dibawah ini.

LANGKAH-LANGKAHNYA

  • Masuk ke akun blogger anda kemudian -> Klik Drop Down Menu
  • Kemudian pilih -> Template-> Edit HTML
  • Cari tag/kode ]]></b:skin> tekan CTRL+F untuk memudahkan proses pencarian
  • Berikutnya kopi dan pastekan kode CSS dibawah ini tepat diatas kode ]]></b:skin> 
.comments .comments-content .icon.blog-author { position: absolute; top: -2px; right: -9px; margin: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmGS7Da07rxh7CFkjHkjJaXyFq5shrLXvUZYeo0Y8f14bP0BtUTIw0ZJD7JZtGujQvgEl5bmCHYt0BtKDHw8D3FhPHfkG2Yhcv6Yv7wT7-MEwuDM6EF6mI-ahTZSiB2s1UqcdbIvi1PFw/s320/author-pink.png) no-repeat; width: 36px; height: 36px; } 
  • Simpan template

KUSTOMISASI:

Untuk mengganti warna pita author, anda tinggal mengganti link pita author pada kode yang disorot warna biru

Ada 3 pilihan warna pita, silahkan pilih mana yang anda suka: 

Warna merah muda/pink : sudah tertera diatas

Warna hijau : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFWb2qbh20YeYiOQ1LiSkhaB3A9ziFanQT5GAJ2WP6S195627q_x4-cWkrvZKK1LWunxfJgp-zz7xmujSkmxjgY0-cxI2_FVrQnmILx0evR5pQqErHOMlioDffoCpqD6HA4yUrzbNrtt-5/s1600/rb+green+ribbon.gif

Warna biru: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj93pQvZEiMelY1peRvmPZLTmOhCNubAyVLTMU1QqASTSf-cDgZ5W8byPogtGmyE00TiZDXzTOsNutVNLLBpgVBA_JCXDLYwyTwyPm1dburEUUbr36qmi5adzsndjd-4iXyqHIXby3i1WOU/s1600/rb+blue+ribbon.gif

Semoga bermanfa'at...

Written by: jalupangna
Wawasan spiritual dan blogging, Updated at: 23.45
Anda menyukai postingan di atas? Silahkan di share..!
Blogging dan wawasan spiritual Post Author

Pengajar sekaligus pendidik di salah satu SMPN yang ada di daerah banten. seorang newbie blogger yang lagi belajar blogging. Strong will and effort adalah filosofi hidup saya agar supaya sukses dikemudian hari.

16 komentar:

  1. mantapp kang , hehehe izin bookmark deui yeuh !!! Blog ieu sigana engke bakal jadi gudang Elmu euy jadi patut dikunjungi tiap hari, !!!

    sing sukses kang diantosan artikel berikutna yeuh !!!

    BalasHapus
    Balasan
    1. Hatur nuhun kang ujang atas apresiasina, mangga kang teu sawios-wios. hehe..aamiin yaa Robb, insya Allah. Hatur nuhun pisan kunjungan sareng komentarna. Salam..

      Hapus
    2. :-) Kotak komentar makin bagus jadinya dgn pita author berwarna merah disebelah kanan. :>) makasih tutorialnya Kang.

      Hapus
    3. Sami-sami kang, terima kasih udah berkenan berkunjung..

      Hapus
  2. keren gan.. thanks ya buat infonya :)

    BalasHapus
    Balasan
    1. Terima kasih mas nandar atas kunjungannya, sama-sama.. :)

      Hapus
  3. Balasan
    1. Sama-sama mas habib alam, terima kasih atas kunjungannya..

      Hapus
  4. hehehe langsung ditanggapi ... mantep deh kang ;D

    BalasHapus
    Balasan
    1. Pelayanan prima harus diutamakan mas, hehe.. :-)

      Hapus
  5. Dicoba dulu ya pak :)
    http://firmanardyansyah.blogspot.com/

    BalasHapus
  6. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  7. kok g Bisa ya? ;(( kyknya saya doang yg kgk bisa ;((

    BalasHapus
    Balasan
    1. wkwkwk...masa sih, coba lagi aja jgn pesimis dulu.. :d

      Hapus
  8. wuah....
    sepertinya tergantung bawaan template masing2 nih yah sob...
    pertamanya nyoba masang ke blog yg ini http://shadowz-space.blogspot.com/
    mengalami kasus sama seperti komentator di atas, gak ngefek, alias gk muncul pitanya...
    tapi pas nyoba ke blog ini http://sz-fiction.blogspot.com/
    ternyata bisa kok...

    jadi intinya tergantung pada template-nya...
    kalo template yg udah modif gitu, emank susah utk diedit, seperti halnya masang pita ini, gak muncul...

    tapi tetap aja, thanks utk tutornya... ^_^

    BalasHapus

About Us-Privacy Policy-Contact us
Copyright © 2013 Wawasan spiritual dan blogging. Blogger Template by BloggerTheme9
Proudly Powered by Blogger.
back to top