Cara Membuat Profil Admin dibawah Postingan Blog

Iseng-iseng blogwalking ke sana-sini. Akhirnya saya nyasar di blog bang Rayhan. Disana ada sebuah tips dan trik blogger yang menarik tentang Cara Membuat Profil Admin dibawah Postingan Blog. Karena saking manariknya langsung saja saya tulis ulang di blog ini untuk dibagikan kepada sobat-sobat. Artikel ini bukan copy paste karena saya mereview kembali dengan kata-kata saya sendiri tentunya. 

Profil Admin dibawah Postingan Blog ini dimaksudkan agar para pembaca tahu siapa yang menulis beserta judul dan kapan postingan tersebut dipublish. Tentunya juga dengan style yang minimalis dan bisa sobat modifikasi sendiri sesuai keinginan sobat.

Tanpa panjang lebar lagi, silahkan ikuti petunjuk dibawah ini untuk Membuat Profil Admin dibawah Postingan Blog:

• Login ke akun blog sobat.
• Pergi ke menu Template.
• Pilih Edit HTML.
• Jangan lupa cek Expand Widget Template.
• Cari dan temukan kode <div class='post-footer'>, dan copy kan kode berikut tepat diatas kode <div class='post-footer'>.

<!-- Kotak Admin -->

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguM6dpLcJ3Zb44yKKvXd4y7GLbDgyycENX634YZNc_FUB66nrNK-n7EyNaamCzAfYpbZCJXqtuiOfhhyphenhyphenzvjbWjLc8EFptFnbXOISTlADvmZfWUMP7GweF7bbhNLePDQlb2OIBggNTJj9A/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>

<!-- Kotak Admin -->

• Setalah itu cari kode  ]]></b:skin> dan copy lagi kode berikut diatas kode ]]></b:skin>, jika gagal, sobat bisa meletakkannya dibawah kode z <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;

• Ganti URL gambar yang berwarna biru dengan URL gambar sobat. Sobat juga bisa mengganti kata-kata yang akan tampil sesuai keinginan sobat. Ukuran dan jenis fontnya, warna background serta warna border juga bisa sobat ganti.
• Terakhir simpan template sobat.

Demikianlah postingan saya tentang Cara Membuat Profil Admin dibawah Postingan Blog. Semoga bermanfaat bagi sobat sekalian. 

Lihat sumber aslinya: http://rayhanzhampiet.blogspot.com/2011/11/cara-membuat-kotak-admin-dibawah.html.

Baca juga tips dan trik blogger saya sebelumnya tentang:

1. Cara Membuat Daftar Menu Blog Otomatis
2. Cara Memposting Kode HTML di Blog
3. Cara Membuat Menu Tab View di Blog
4. Cara Membuat Related Post dengan Thumbnails pada Blog
5. Cara Memasang Emoticon pada Kotak Komentar
6. Cara Membuat Reply Comment pada Blog
7. Meta Tag Dinamis Terbaik
8. Cara Membuat Highlight pada Postingan
9. Cara Mempercepat Loading Halaman
10. Cara Mengubah Blog Nofollow menjadi Dofollow
11. Kelebihan dan Kekurangan Blog Dofollow
12. Cara Mengetahui Harga Suatu Blog
13. Cara Daftar Google Adsense via Docstoc