Banyak dibaca

Popular Posts

Google+

Member of

Bloggers' Shout Out!
Orange Blogger
www.kancutkeblenger.com
Warung Blogger
Ditulis oleh : Sophie Riswandono Jun 6, 2013

Tutorial : Membuat Widget Informasi Penulis Pada Blog

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.

author

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 == &quot;item&quot;'>
<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!

[ 8 comments... baca di bawah atau tambahkan komentar ]

  1. Terimakasih masukan/info yang sangat bermanfaat ini....

    ReplyDelete
    Replies
    1. Sama-sama pak, semoga bermanfaat dan selamat mencoba :)

      Delete
  2. Ini tips bagus buat saya, belajar lebih kreatif lagi, salam kenal ditunggu kunjungan baliknya

    ReplyDelete
    Replies
    1. Salam kenal juga Mas Yuvi
      semoga bermanfaat dan terima kasih :D

      Delete
  3. Salam Kenal Gan,,

    Sebenarnya 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

    ReplyDelete
    Replies
    1. Salam kenal juga sob :)
      Memang 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

      Delete
  4. Bagaimana kalau ada 2 penulis atau lebih seperti di website Kelas Cinta ?

    ReplyDelete

Teman Blogger yang baik adalah mereka yang meninggalkan goresan komentar walaupun hanya sedikit ^^

- Copyright © 2013 Kolong Langit - Powered by Blogger - Designed by Johanes Djogan - Edited By Sophie Riswandono -