Cara Membuat Pesan Dibawa Posting Blog

Cara Membuat Pesan Dibawa Posting Blog ini adalah salah postingan mengenai Tutorial Blog yang ada di Blog Maz Tony, untuk membuat Pesan Dibawah Posting sobat bisa mengikuti langkah-langkah yang akan maz tony berikan mengenai Cara Membuat Pesan Dibawa Posting Blog . Berikut tahap-tahapnya:

 Contoh tampilan Cara Membuat Pesan Dibawa Posting Blog :

Cara Membuat Pesan Dibawa Posting Blog :

1. Seperti biasa masuk ke akun blog anda 
2. Pilih rancangan 
3. Pilih edit HTML 
4. Centang Expand Template Widget, Sebelum mengedit silahkan download dulu template anda untuk menjaga kalau – kalu dalam melakukan perubahan terjadi kesalahan (error)
5. Cari kode HTML ini <div class='post-footer'> 
6. Copy code dibawah ini dan pastekan sebelum / diatas kode <div class='post-footer'>

  <!-- Kotak Admin mulai -->
    <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> ~ Mansyur Syamsudin</h4>
    <div class='kontainer'>
    <img src='https://lh4.googleusercontent.com/-wfNetQLuKJc/UNXFTEmyWDI/AAAAAAAAAUo/3l7nVt1C1v4/h113/toko%2Bonline%2Bmaz%2Btony.png'/>
    Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel <a expr:href='data:post.url'><data:post.title/></a> ini.Di Posting  <data:post.dateHeader/>.  Tak Lengkap Rasanya Jika Kunjungan Anda di Blog ini Tanpa Meninggalkan Komentar Untuk Itu Silahkan Berikan Kritik dan saran Anda Pada Kotak Komentar Di Bawah. Semoga Artikel <a expr:href='data:post.url'><data:post.title/></a> dapat Memberi manfaat untuk Anda ..Trima Kasih. :)
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Kotak Admin end -->

7. Silahkan ganti link URL gambar profil ('https://lh4.googleusercontent.com/-wfNetQLuKJc/UNXFTEmyWDI/AAAAAAAAAUo/3l7nVt1C1v4/h113/toko%2Bonline%2Bmaz%2Btony.png') dengan link gambar profil
8.  Ganti juga kata-katanya sesuai keinginan teman-teman.
9. Kemudian cari lagi kode ]]></b:skin>
10. Copy kode CSS dibawah ini dan paste tepat diatas kode ]]></b:skin> 
.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:#ffffff;
border:none;
border-bottom:1px solid #699019;
color:#000;
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:#FF0000;}
.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;
}
11. Simpan

  
 Untuk melihat contoh hasilnya lihat punya maz tony di bawah
Sekian Postingan Maz tony mengenai Tutorial Blog yaitu Cara Membuat Pesan Dibawa Posting Blog semoga bermanfaat.