Buat deskripsi blog kita dibawah postingan

Hai sobat Ekka,,nie Ekka ada artikel unik"membuat kotak admin dibawah postingan kita" . .nie sie cuma buat sekedar menampilkan keindahan blog kita jadi lenih menarik sob . . ok langsung dicobat aja ok

Cara Membuat Kotak Admin Di Blogspot :

1. Login ke dashboard blogger anda.

2. Pilih Rancangan >> Edit HTML, centang Expand template widget.

3. Cari kode <div class='post-footer'> pada template.

4. Copy script kotak admin dibawah ini dan paste tepat di atas kode <div class='post-footer'>.

<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Tentang blog sobat</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguXfp19CAdlHFz_lY1veKvy3SAXd9pVQn8_7GxJozEEX02P8_VmLYhNA1vPTY_Y7mbsRmZWDShVatjLBq6c75aFDWMmyhEyKz9MTsVtBRF3Rfo6yUeAqUJNdfnVwno5dav1FOHz4GK5wM/s220/AVATAR+KU-128.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://rayhanzhampiet.blogspot.com/2011/11/cara-membuat-kotak-admin-dibawah.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

5. Kemudian cari lagi kode ]]></b:skin> pada template sobat.

6. Copy kode CSS dibawah ini dan paste tepat diatas kode ]]></b:skin>. Jika gagal sobat dapat juga meletakkan kode CSS tadi tepat 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;
}

7. Silahkan ganti link URL gambar profil yang berwarna Biru dengan link gambar profil sobat. Jika sobat ingin menuliskan dengan kata-kata ulasan yang lain, ganti/edit dulu kata-kata ulasannya di notepad.

8. Untuk jenis font, warna background dan border juga dapat sobat ganti/edit sesuai keinginan.

9. Preview dulu hasil kotak admin yang dibuat. Jika editing sudah dirasa cukup, Save/Simpan template anda.

10.Kode tadi itu gambarnay Ariel peterpan sob .,,,hehehe maaf,coz Ekka penggermar Ariel peterpan sob

Nah gimna sob udah jadi lom,,,,,low belum jangan teledor yah,,kasih komentar dulu ok sobb , ,

Tolong baca Sobat Ekka !

Hay sobat,gimana bacaan artikel diatas,menarik bukan.Tapi inget jangan hanya kopas ya sobb.kasih komentar juga atau isi buku tamunya biar tambah ramai,,makasih sobat thanks

GET UPDATE VIA RSS

GET UPDATE VIA EMAIL

Dapatkan kiriman artikel yang terbaru
Dari Kami langsung ke email anda!

0 komentar:

Posting Komentar

Hai sobat Ekka,kasih komentar kalau tidak mudeng ok . .

Silahkan berikan komentar sobat, kritikan atau saran sobat mengenai artikel di atas untuk mendapatkan backlink gratis dari Your Blog ini. Komentar yang tidak sesuai topik, SPAM, Penghinaan, dsb terpaksa akan Ekka hapus ! Tanks be 4,,.