Langkah-Langkah Membuat Author Box di Setiap Bawah Postingan - Postingan saya kali ini Cara atau Langkah-Langkah Membuat Author Box di Setiap Bawah Postingan, ini cukuplah mudah. Kotak admin atau sering disebut author box bisa juga ditampilkan disetiap bawah postingan, bagi temen-temen semua yang mau menambahkan photo profilnya pada blog tanpa harus menambah gadget profile ini adalah salah satu caranya. Nah bagaimana cara atau langkah-langkah membuat author box di setiap bawah postingan blogs. Inilah langkah-langkahnya:
 |
| Screen Shoot Author Box |
seperti biasa.
- Masuk ke dashboard blog anda.
- Pilih rancangan => edit html, jangan lupa centang expand template widget, yang paling penting download atw copas dlu template anda ke notepad.
- Copas script kotak admin dibawah ini tepat diatas script <div class='post-footer'>
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Deskripsi Blog Anda</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDRMMPTC7SyWCeV898hZ67mJjbwLZyAmtP5qg4yF-089rS8W51GRfWWVm3OZxevE-amgkhSLswM5L_cd-j3OvkuwXuwIkHM_0DS5NPLKukA4tm_7svp7ayF84Y_I59Pg2jNrnKNjJs_wc/s124/SP_A4083.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://kreasianakgarut.blogspot.com/2012/06/langkah-langkah-membuat-author-box-di.html' target='_blank'>:: Buat Widget Seperti Ini ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
- Kemudian cari lagi script ]]></b:skin>
- Copas kode CSS dibawah ini tepat diatas kode ]]></b:skin> jika gagal letakkan kode CSS tersebut dibawah kode <data:post.body/>
.admin-tulisan{
display:block;
width:auto;
background:#CFE2E0;
border:2px solid #fff;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#8A9C04;
border:none;
border-bottom:1px solid #699019;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#FEEA83;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #954B02;
padding:2px;
background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
- Silahkan ganti link URL gambar profil font yang berwarna merah tadi dengan link URL gambar profil temen-temen. Jika temen-temen ingin mengganti dengan kata-kata ulasan dengan yang lain, edit dulu script tersebut nisa juga di notepad.
- Untuk jenis font/ huruf, warna background, dan border juga dapat diganti/ edit sesuai dengan keinginan anda.
- dan jangan lupa save/ simpan template anda, untuk memastikan kotak admin tersebut dengan sesuai keinginan anda coba priview dulu.
- Dan yang terakhir selamat mencoba salam blogger.
Langkah-Langkah Membuat Author Box di Setiap Bawah Postingan
Judul : Langkah-Langkah Membuat Author Box di Setiap Bawah Postingan
Deskripsi : Langkah-Langkah Membuat Author Box di Setiap Bawah Postingan - Postingan saya kali ini Cara atau Langkah-Langkah Membuat Author Box di Se...