• About
  • Contact
  • Sitemap
  • Buku Tamu

Author Info Widget Blogger

 on Oct 24, 2012  

Author Info Widget Blogger, Widget Tentang Penulis, widget info penulis. Lama sudah gak posting Tutorial Blogger kalau gak salah terakhir post tutorial tentang Cara Membuat Scroll Pada Widget Blog. Sekarang baru post lagi setelah ada permintaan temen yang naksir sama widget yang ada di blog lyrics-asix.
Ada sebagian blogger yang membutuhkan Widget tambahan untuk blogspot ini namun ada juga yang menganggapnya gak penting. Didalam widget ini terdapat nama penulis, tanggal publish/terbit artikel, judul artikel, url artikel, dan pesan penulis.


OK langsung saja ini cara menambahkan Author Info Widget Blogger
Login ke blogspot klik template, edit HTML, Lanjutkan, jangan lupa centang Expand Template Widget.
Cari kode ]]></b:skin> gunakan CTRL + F untuk mempermudah letakkan kode CSS ini diatas kode ]]></b:skin>

.authorinfo{background:#FCFEFF;font-size: 12px;line-
height:1.5;border:1px solid #C7DAED;color:#333;display:block;float:left;margin-bottom:10px;margin-top:10px;overflow:auto;padding:5px;text-decoration:none;width:98%;}
.authorinfo img{background:#FCFEFF;border:1px solid #C7DAED;height:62px;margin:1px 5px 0 0;padding:4px;width:62px}
.authorinfo a:hover{text-decoration:underline}
.authorinfo:hover{border:1px solid #075C85;}
#cmd-avatar{float:left;margin:0 5px 0 0}

Lanjut temukan kode <div class='post-footer-line post-footer-line-2'/> masukkan kode berikut dibawahnya.
<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='authorinfo'><img alt='Nice Girl' id='cmd-avatar' src='http://3.bp.blogspot.com/-pkDe8-ti5EE/TkO1C6ejP9I/AAAAAAAAAZY/stDvLkgfNXw/s320/cewek+sexy+cantik+%25281%2529.jpg'/> Ditulis Oleh : <data:post.author/> | Diterbitkan Pada : <data:post.dateHeader/> | Judul Artikel : <strong><data:blog.pageName/></strong> | Url : <data:post.url/> | Silahkan sebarluaskan artikel ini dengan like dan bagikan ke facebook, twitter dan google</div></b:if>
Ganti url yang berwarna merah dengan url gambar Anda.
Sesuaikan menurut bahasa anda sendiri pada tulisan yang berwarna hijau.

Jangan lupa simpan perubahan template Anda klik Simpan Template.

Nah, selesai sudah artikel pendek tentang Cara Membuat Author Info Widget Blogger atau Widget Info Penulis Keren :D, kalau ada yang ditanyakan silahkan isi di kolom komentar.

Author Info Widget Blogger 4.5 5 Anwar Sofii Oct 24, 2012 Author Info Widget Blogger, widget keren blogspot, widget tentang penulis, widget author, widget blog Author Info Widget Blogger, Widget Tentang Penulis, widget info penulis . Lama sudah gak posting Tutorial Blogger kalau gak salah terakhir ...


7 comments:

Pembaca Yang Baik ialah Pembaca Yang Meninggalkan Komentar Yang Nyambung dengan isi artikel, komentarmu = sifatmu!!!
- Jangan tinggalin link dalam komentar, bila terjadi akan saya hapus!
- Dilarang Komentar kasar, kotor, dan sara!

J-Theme