Home » » Cara Membuat Author Box atau Membuat Kotak Admin Dibawah Posting

Cara Membuat Author Box atau Membuat Kotak Admin Dibawah Posting

Unknown | 22.34 | 0 comments
Berikut ini sedikit kami berikan cara membuat author box dibawah postingan atau dengan kata lain kontak admin dibawah postingan, dan ini sedang banyak digunakan semua kawan-kawan blogger seperti yang kami gunakan di bawah ini.


Jika Anda tertarik silahkan ikuti cara membuat author box di bawah posting seperti yang kami berikan ini:
  1. Login ke account blogger atau dashboard anda , lalu Pilih template 
  2. Sebaiknya klik Backup/Restore dulu untuk membackup template Anda
  3. Kemudian  klik  Edit HTML >> Lanjutkan/Proses
  4. Centang Expand Template Widget biyar sedikit aman jika ada kegagalan dalam mengedit
  5. Cari kode <div class='post-footer'> , untuk memudahkan mencarinya gunakan Ctrl +F atau kalau di Firefox klik Edit….> Find … ( di blog saya kodenya ada 2 dan saya simpan di atas kode yg pertama).
  6. Copy kode HTML dibawah ini dan pastekan sebelum / diatas kode <div class='post-footer'>
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'> <h4>Posted by : <a expr:href='data:blog.homepageUrl'> Redi A.H </a> ~ / Tutorial windows, SEO , Info gadget, Download games</h4> <div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkaHu7NvgC5a4njJkjWGF7hQ7FAattBCfR9D-wzIc67tgMSaGXy-zefnqtrm0w2c_c9UkWyckQYhTwaADmdP7VqXE9pQ0seKTdorC6MunGSR3SkfFwVo83WJ_S5aeN5A6YmJSfr0LfC98/s220/jamplx.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> diposting oleh <b> Redi A.H </b>pada <data:post.dateHeader/>. Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar..  Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Happy blogging!!!
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin selesai -->

Catatan Penting :

Yang warna biru silahkan ganti  dengan link gambar profil sobat. kata-katanya juga boleh diganti sesuai selera.

Redi A.H bisa juga diganti dengan <data:post.author/>
7. Sekarang ketahap berikutnya , silahkan cari kode ]]></b:skin>
8. Sebelum / diatas kode ]]></b:skin>, silahkan Copas kode CSS dibawah ini (Jika error coba letakkan       tepat dibawah kode <data:post.body/>
/*--Mulai Kotak Admin --*/
.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;
}
Demikian sedikit informasi tentang cara membuat kontak admin di bawah postingan seperti yang ada di blog Tutorial windows 7 ini. Semoga bermanfaat untuk Anda semua.
sumber asli
Berbagi Dengan Teman:

Posted by : Redi A.H ~ / Tutorial windows, SEO , Info gadget, Download game

Artikel Cara Membuat Author Box atau Membuat Kotak Admin Dibawah Posting Di posting oleh Redi A.H pada 24 Sep 2012. Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kontak atau komentar. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Happy blogging!!!

0 comments:

Posting Komentar

Terimakasih atas kunjungan anda semua, sebelumnya mohon maaf kami tidak menerima komentar yang berbau tentang pornografi.
TERIMAKASIH atas partisipasinya.

 
Site Meter :
Copyright © 2011. Tutorial Windows 7 - All Rights Reserved
Proudly powered by Blogger
Thank You For Google