Tips Cara Membuat Kotak Admin Author Di Bawah Posting Blog - Salah satu widget yang cocok buat teman teman blog kutulis yang ingin lebih dekat dengan para pengunjung blog dengan menempatkan widget kotak admin di bawah posting dengan maksud agar lebih di kenal oleh penggunjung atau hanya sekedar ingin memberikan sepatah dua kata kepada para pembacanya tips ini mungkin bisa menjadi pilihan bagus buat kamu. Tips Cara Membuat Kotak Admin Author Di Bawah Posting Blog juga bisa memberikan kesan menarik serta kebih variatif dengan adanya widget widget pemanis di dalam blog anda.
Jika kamu tertarik silahkan mengikuti langkah langkahnya di bawah ini.
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;
}
Selanjutnya cari kode <div class='post-footer-line post-footer-line-1'> dan letakkan kode berikut dibawahnya
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='http://i1192.photobucket.com/albums/aa330/hayeksaja/gambarlucu-1.jpg' width='70'/><b>About Author</b><br/>
Contoh Author box<br/></p>
</div>
</b:if>
Ganti link warna merah dengan link foto anda dan silahkan di save sekarang sudah tersedia kotak admin di bawah posting blog anda.
Semoga artikel dari saya yang berjudul Tips Cara Membuat Kotak Admin Author Di Bawah Posting Blog ini bisa bermanfaat untuk teman teman yang sedang melakukan optimasi blog dan terima kasih keep blogging.
Jika kamu tertarik silahkan mengikuti langkah langkahnya di bawah ini.
- Masuk Ke Blogger anda
- Rancangan >> Edit Html >> Centang "Expand Widget Template"
- Copy paste kode berikut sebelum kode ]]></b:skin>
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;
}
Selanjutnya cari kode <div class='post-footer-line post-footer-line-1'> dan letakkan kode berikut dibawahnya
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='http://i1192.photobucket.com/albums/aa330/hayeksaja/gambarlucu-1.jpg' width='70'/><b>About Author</b><br/>
Contoh Author box<br/></p>
</div>
</b:if>
Ganti link warna merah dengan link foto anda dan silahkan di save sekarang sudah tersedia kotak admin di bawah posting blog anda.
Semoga artikel dari saya yang berjudul Tips Cara Membuat Kotak Admin Author Di Bawah Posting Blog ini bisa bermanfaat untuk teman teman yang sedang melakukan optimasi blog dan terima kasih keep blogging.
Tidak ada komentar:
Posting Komentar