Cara Membuat Kotak Pesan Admin/Author Otomatis Dibawah Postingan Blog dengan Foto Versi 2, Cepat, Mudah 2012

Satria Perwira    8/25/2012    Trixs Blogging   

Cara Membuat Kotak Pesan Admin/Author Otomatis Dibawah Postingan Blog dengan Foto Versi 2, Cepat, Mudah 2012

Ketemu lagi deh bersama saya…
Hehehe… :D
Hello, sahabat Rafi Orilya Groups..

Waaww… sepertinya hari ini hari yang sangat membuat semangat yah.. :D
Weeww, apa yang dirasakan-?
Galau-?
haah…-?? Kok bisa….
Hmm… oke-oke, daripada ngeGalau. Mending baca postingan kali ini yuukzz..

Kali ini saya berbagi Cara Membuat Kotak Pesan Admin/Author Otomatis dibawah Postingan Blog, sobat… :)
Udah kebayang donk, kaya apa jadinya-? Heheh..
WADUHH…. Belum kebayang yah-?
Yauda, liat screenshot diatas aja deh :D wkwkwk…

Kalau tertarik ayoo.. pasang sob.
Ikuti langkah-langkah dibawah ini yah… :)
Gampang, ko..

Langkah-langkah :

1. Login ke blogger

2. Pilih Rancangan, Lalu pilih Edit HTML. Centang Expand Template Widget.

3. Cari Kode <div class='post-footer'> , untuk mempercepat tekan CTRL+F kemdian masukan Kode tersebut pada form yang muncul.

4. Copy Scrit Kotak Pesan dibawah ini dan pastekan tepat diatas kode <div class='post-footer'>

<!-- Kotak Pesan Admin by ROG -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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=' ALAMAT URL FOTO ANDA '/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terima Kasih atas kunjungan sahabat kesini. Semoga sobat dapat berkenan untuk sedikit memberikan sekelumit komentar mengenai postingan kali ini.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://no-doong.blogspot.com/2012/06/cara-membuat-kotak-pesan-di-posting.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Pesan Admin b ROG-->

Pengaturannya gini, mas.. :
- Pada Tulisan berwarna Biru “DESKRIPSI BLOG ANDA” = Ganti dengan deskripsi/tentang blog sobat.
- Pada Tulisan berwarna Biru “ALAMAT URL FOTO ANDA” = Ganti dengan alamat URL foto sobat yang akan ditampilkan.
- Pada Tulisan berwarna KUNING, sesuai keinginan sobat,

5. Selanjutnya cari kode ]]></b:skin> untuk mencari lebih cepat tekan CTRL+F dan masukkan Kode.nya pada form yang muncul.

6. Copy kode CSS berikut ini dan paste kan tepat diatas kode ]]></b:skin>. Jika gagal sobat dapat juga meletakkan kode CSS berikut tepat dibawah kode <data:post.body/>.

.admin-tulisan h4{
background:#999999;
border:none;
border-bottom:1px solid #FFFFFF;
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:#FFFFFF;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #FFFFFF;
padding:2px;
background:#FFFFFF;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

Pengaturannya :
Warna Biru = bisa diubah dengan warna lain
Warna Kuning = bisa diubah dengan ukuran lain
Warna Pink = bisa diubah dengan Jenis Font Lain

7. Jika sudah… silahkan Pratinjau dulu.
Hehehe… :)

Sudah yakin.kah-?
Let’sgo…. SAVE TEMPALTE.. yuppz…

Wees... akhirnya dengan langkah yang muter2… selessai juga :)
hehehe…
Happy blogging.. :)

Artikel Dilindungi dan Di Proteksi
Sertakan alamat blog ini jika mengcopy paste
(Hak Cipta Dilindungi)

Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin