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

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 BiruDESKRIPSI BLOG ANDA” = Ganti dengan deskripsi/tentang blog sobat.
- Pada Tulisan berwarna BiruALAMAT 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

15 komentar

  1. thanks bro atas inf0nya

    BalasHapus
  2. Yupz... yupzz....
    Masama, thank's juga kunjungannya

    BalasHapus
  3. Thanks sob.. tutorialnya sngat membantu :)
    brknjung jg k blog gw:
    Just Want To Share

    BalasHapus
  4. Sama-sama sob...
    thank'ssudah berkunjung :)
    Kunjungan perdana, sob

    BalasHapus
  5. Kog di blog ane gak ada "yang no.3'>",, gimana tuh??

    BalasHapus
  6. Yaa coba di centang "expand template widget"
    klo ttp gada cari yg mirip" laah.. yg ada footer"nya :D ehehe..
    good luck

    BalasHapus
  7. bisa ga jika tida memakai css.!

    thanks atas infonya , izin copas ya gan

    BalasHapus
  8. hehehe... nanti ngga ada warna.nya mas-
    ntar gada tulisannya,mungkin eror

    BalasHapus
  9. Silahkan copas, jangan lupa sertain link--yaah

    BalasHapus
  10. Wah mantap , kebetulan blog ane authornya hilang tah kemana..

    BalasHapus
  11. Wah keren bang, terima kasih infonya :D

    BalasHapus
  12. thanks mas bro infonya..
    lumayan ini buat seo :-D

    BalasHapus

Komentar anda sangat dibutuhkan bagi kemajuan kami untuk terus berkarya.
Diharapkan :
* Berkomentarlah dengan bahasa yang baik
* Tidak ada unsur SARA, SPAM, PORNO
* Tidak merugikan orang lain
* Menunjukkan identitas yang jelas bukan Anonim

Diperkenankan :
* Komentar promosi link web anda
* Kritik & Saran

[Protected] by DMCA Protection Pro™
EmoticonEmoticon