Jun 6, 2013
Kita semua telah melihat Info widget penulis/author di bawah setiap posting di blog WordPress, yang tidak banyak terlihat di Blogger. Pada dasarnya Blogger bukanlah platform untuk pemula. Ada kemungkinan yang tak terbatas untuk membuat Blogger kamu terlihat seperti sebuah blog WordPress. Jadi kali ini saya akan menocba memberikan cara untuk menambahkan info widget penulis/author di bawah setiap postingan blog seperti yang nampak pada gambar di bawah ini.
Posting ini ditulis oleh :
Sophie Riswandono - Yang menjadi kontributor untuk Kolong Langit.Adalah seorang KASKUSer dan blogger. Follow dia di Twitter atau berteman dengannya di Facebook
Langkah 1:
Masuk ke dashboard Blogger Anda dan arahkan ke Template > Edit HTML. Sekarang cari kode ]]> </ b: skin> Setelah kamu menemukannya, ganti kode tersebut dengan kode di bawah ini :
.author_info {
float: left;
width: 450px;
padding: 10px;
border: 1px solid #ccc;
margin-bottom: 15px;
margin-top: 15px;
background: #eee;
}
.author_info h3 {
margin-bottom: 10px;
}
.author_photo {
float: right;
margin: 0 0 0 10px;
}
.author_photo img {
border: 1px solid #666;
}
]]></b:skin>
Note :
Silahkan ganti angka berwarna merah yang saya tandai di atas sesuai dengan lebar dari blog teman masing-masing.
Langkah 2:
Sekarang kita akan menambahkan div bagian dari info widget penulis. Untuk melakukan itu cari kode <div class='post-footer-line post-footer-line-1'> dan paste kode di bawah ini setelah <div class = 'post-footer-line post-footer-line-1' >
<b:if cond='data:blog.pageType == "item"'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' src='#'/></div>
<h3>Pos ini ditulis oleh:</h3>
<p>Isi keterangan kalian</p>
</div>
</b:if>
Note:
Ganti tanda # berwarna merah dia atas dengan link gambar kamu. Untuk keterangan warna biru di atas dapat kalian ganti dengan kata-kata lain seperti 'Posted by', 'Writed by', dll. Edit informasi kamu sesuai dengan kebutuhan dan selesai. Untik memeriksa silahkan Save Template blog kamu untuk melihat perubahan.
Demikianlah Cara Membuat Widget Informasi Penulis Pada Blog dari saya. Semoga bermanfaat untuk semua. Salam blogger! Merdeka!
Demikianlah Cara Membuat Widget Informasi Penulis Pada Blog dari saya. Semoga bermanfaat untuk semua. Salam blogger! Merdeka!
Posting Terkait
Sama-sama pak, semoga bermanfaat dan selamat mencoba :)
ReplyDeleteIni tips bagus buat saya, belajar lebih kreatif lagi, salam kenal ditunggu kunjungan baliknya
ReplyDeleteSalam kenal juga Mas Yuvi
Deletesemoga bermanfaat dan terima kasih :D
Salam Kenal Gan,,
ReplyDeleteSebenarnya Bawaan Authore pada blog sudah ada default,,jadi gak pake script diatas pun tetap bisa,,namun berada tepat di footer,
Kalo dengan script diatas te[pat berada di bawah Pstingan.. Keep Posting Gan,, Jangan lupa Kunjungan Baliknya! di
http://mutingpost.blogspot.com
http://jurnalkegitanku.blogspot.com
Salam kenal juga sob :)
DeleteMemang iya Blogger juga udh ngasih bawaan dgn penambahan widget :D
Cuma kode script penggunaan author yang di atas juga gak terlalu memberatkan loading blog kok :D
Salam blogger :D
Setuju Gan!!
DeleteBagaimana kalau ada 2 penulis atau lebih seperti di website Kelas Cinta ?
ReplyDelete