Cara Memasang Kotak Admin - Author Box Di Blogger

Cara Memasang Kotak Admin - Author Box Di Blogger - Selamat Datang sahabat Kumpulan Kunci Gitar Lagu Terbaru, Pada Artikel yang anda baca kali ini dengan judul Cara Memasang Kotak Admin - Author Box Di Blogger, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. Mudah-mudahan isi postingan Artikel blogger, Artikel Widget, yang kami tulis ini ada manfaatnya. Baiklah, selamat membaca.

Judul : Cara Memasang Kotak Admin - Author Box Di Blogger
Link : Cara Memasang Kotak Admin - Author Box Di Blogger

Hai sobat blogger ketemu lagi kita dipostingan baru saya , maksud saya postingan baru dicopas. nah pada pertemuan kali ini saya akan membagikan artikel tentang cara membuat kotak admin atau author box di blog anda masing masing untuk membuat nya anda harus mengikuti langkah langkah atau

cara berikut ini...:

Login ke account blogger atau dashboard anda , lalu Pilih template
Sebaiknya klik Backup/Restore dulu untuk membackup template anda
Kemudian klik Edit HTML >> Lanjutkan/Proceed
Centang Expand Template Widget
Cari kode <div class='post-footer'> , untuk memudahkan mencarinya gunakan Ctrl +F atau kalau di Firefox klik Edit….> Find … ( di blog saya kodenya ada 2 dan saya simpan di atas kode yg pertama).
Copy kode HTML dibawah ini dan pastekan sebelum / diatas kode no. 5 diatas.

<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Posted by : <a expr:href='data:blog.homepageUrl'>Cara Admin </a> ~ / Software Collections , Blog Tutorial , Internet Bisnis</h4>
<div class='kontainer'>
<img src='https://lh5.googleusercontent.com/-fm58MMf7D0g/UFBN1EVY0gI/AAAAAAAACTk/aAtjvWLajrk/s800/Saung.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> diposting oleh<b> Cara Admin </b>pada <data:post.dateHeader/>. Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Happy blogging
<div style='clear:both;'/>
</div>
</div>
</b:if>

Catatan :
- Yang warna merah silahkan ganti dengan link gambar profil sobat. kata-katanya juga boleh diganti sesuai selera.
- Cara admin bisa juga diganti dengan <data:post.author/>
Sekarang ketahap berikutnya , silahkan cari kode ]]></b:skin>
Sebelum / diatas kode ]]></b:skin>, silahkan Copas kode CSS dibawah ini (Jika error coba letakkan tepat dibawah kode <data:post.body/>
/*--Mulai Kotak Admin --*/
.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;
}
Untuk jenis font, warna background dan border bisa diganti sesuai selera
Selesai jangan lupa Simpan template lalu ucapkan Alhamdulillah..

Sampai disini artikel tentang Cara Membuat Kotak Admin atau Author Box Dibawah Posting . Selamat mencoba. Siapa tahu dengan setelah memasangnya blog sobat akan semakin akan semakin berkualitas dan SEO Friendly hingga pagerank google semakin naik .

Sumber : www.saunglink.com