Minggu, 24 November 2013
Author Info Widget Blogger
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 == "item"><div class=authorinfo><img alt=Nice Girl id=cmd-avatar src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJC7AaUh-cmgSLQph815x9KhpWGHHbxy7WiFxZgjoDqzE2OA2tW4KxZ-PRSs9nTsu5BuwM97U1UA61g-1L1ladED1AU_H-pVBzDxDXXaQttHkVUIyCwQ1LutpWOaQPgzbZVpgJpe89q3c/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.
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar