Cara membuat kotak admin di blog
Cara Membuat Author Box di Bawah Postingan - Cara/trik memberi kotak penulis/author box di bawah setiap postingan atau cara menambah identitas penulis di bawah postingan atau cara agar nama penulis bisa tercantum di bawah setiap posting blog, Cara membuat kotak admin di bawah postingan blog
Kotak Admin Adalah salah satu kotak yang berfungsi untuk memberikan informasi tentang posting yang anda buat atau teguran untuk pengunjung. kotak Admin juga berfungsi agar posting bisa di backlink bagi pengunjung yang ingin mencopy posting anda. di posting kali ini saya akan menjelaskan secara mendetail tentang Cara Membuat Kotak Admin Di Blogger. untuk membuat kotak admin anda harus mengedit HTMLTemplate anda agar bisa di pasang di bawah postingan. untuk itu anda harus ikuti cara yang saya akan jelaskan, Berikut Caranya Membuat Kotak admin di blog - Memasang Kotak admin di blog:
5. cari kode <div class='post-footer-line post-footer-line-1'> dan pastekan kode di bawah ini tepat di bawah kode tersebut
Ket: Ganti tulisan berwarna merah dengan URL foto/avatar yang sobat miliki dan ganti tulisan berwarna ungu dengan tulisan singkat mengenai deskripsi singkat diri sobat.
Kotak Admin Adalah salah satu kotak yang berfungsi untuk memberikan informasi tentang posting yang anda buat atau teguran untuk pengunjung. kotak Admin juga berfungsi agar posting bisa di backlink bagi pengunjung yang ingin mencopy posting anda. di posting kali ini saya akan menjelaskan secara mendetail tentang Cara Membuat Kotak Admin Di Blogger. untuk membuat kotak admin anda harus mengedit HTMLTemplate anda agar bisa di pasang di bawah postingan. untuk itu anda harus ikuti cara yang saya akan jelaskan, Berikut Caranya Membuat Kotak admin di blog - Memasang Kotak admin di blog:
1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari kode ]]></b:skin> di template sobat.
4. Pastekan kode berikut tepat di atas kode nomor 3 tadi
.author-box {
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}
5. cari kode <div class='post-footer-line post-footer-line-1'> dan pastekan kode di bawah ini tepat di bawah kode tersebut
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL Foto/Avatar anda' width='70'/><b>About Author</b><br/>
Data/biodata anda<br/></p>
</div>
</b:if>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL Foto/Avatar anda' width='70'/><b>About Author</b><br/>
Data/biodata anda<br/></p>
</div>
</b:if>
Ket: Ganti tulisan berwarna merah dengan URL foto/avatar yang sobat miliki dan ganti tulisan berwarna ungu dengan tulisan singkat mengenai deskripsi singkat diri sobat.
6. Simpan template sobat.
Demikianlah posting artikel mengenai cara membuat author box di bawah postingan. Semoga bermanfaat buat semua. Baca artikel sebelumnya cara membuat kotak komentar wordpress di blog
Terima kasih telah membaca artikel Cara membuat kotak admin di blog
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara membuat kotak admin di blog
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara membuat kotak admin di blog
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
0 comments
Post a Comment
Untuk menyisipkan gambar, gunakan tag <i rel='image'>URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>
Link aktif akan dimatikan secara otomatis.
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.
Konversi Kode di Sini! Emoticon OOT