Nah ketemu lagi nih kayaknya, ane mau share lagi nih info yang ane dapet, lumayan bagus looh infonya. mau tau? cekidot!
agan agan pasti berfikir kalau kotak tersebut kurang berguna, tapi kotak tersebut ternyata berguna agar postingan kita dapat terdindeks pada mesin pencari, mengapa? karena kita dapat menyisipkan kata kata "terimakasih sudah datang dan mau membaca artikel saya tentang
Membuat kotak tulisan admin dibawah postingan blog" dengan sengaja atau tidak, kita telah menambahkan keyword yang dapat terindeks oleh mesin pencari dengan cepat. Udah ga sabar pengen tau cara bikin kotaknya ya? langsung aja deh cekidot!
Seperti biasa, masuk ke akun blogger kalian, lalu
· Klik Rancangan > Edit HTML > klik “expand template widget”
· Jangan lupa klik “download template lengkap”. Fungsi ini adalah buat jaga-jaga jika nanti terjadi kesalahan.
· Cari kode ]]></b:skin> Untuk memudahkan pencarian, gunakan tombol CTRL + F.
· Jika sudah ketemu, Masukkan kode berikut di atas kode ]]></b:skin>
.admin-tulisan{
display:block;
width:auto;
background:#FFFFFF;
border:2px solid #000000;
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 Comic Sans Ms;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#0000FF;
border:none;
border-bottom:2px solid #000000;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Comic Sans Ms;
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 #000000;
padding:2px;
background:#000000;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
· Jika sudah, Klik Simpan Template dulu.
· Sobat cari lagi kode <div class='post-footer>
· Lalu masukkan kode berikut tepat di atas kode <div class='post-footer>
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Di Posting Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ http://putupunyablog.blogspot.com/</h4>
<div class='kontainer'>
<img src='https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/s720x720/303179_289883747698234_100000298329635_1149230_562699087_n.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 Sobat serta kesediaan Sobat membaca artikel
ini, Kritik dan saran dapat Sobat sampaikan melalui kotak komentar.
Semoga Artikel <data:post.title/> Bermanfaat .. ^_^
<p><span
style='float:Center;font:bold 12px Comic Sans Ms;'><a
href='http://putupunyablog.blogspot.com/'
target='_blank'><b><blink>Klik Untuk Memasang Widget
Ini!</blink></b></a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
Silahkan sobat ganti kode yang BERWARNA MERAH sesuai
dengan hati agan. ane rasa
agan agan bisa mengeditnya sambil belajar kan? Sebenarnya ane juga belajar
dari orang lain
kok. Sekian dari ane. Terima Kasih.
