Selasa, 24 Januari 2012

Cara Membuat Profil Admin dibawah Postingan Blog

| Selasa, 24 Januari 2012 | 1 komentar

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. 

Cara Membuat Profil Admin dibawah Postingan Blog
Profil Admin dibawah Postingan Blogini 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='http://4.bp.blogspot.com/-aJGLVA8QmCA/TkFsqEXMgKI/AAAAAAAAAPg/naQPOENy01E/s220/AVATAR%2BKU-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. 

Silahkan Share yah sob! :
Anda sedang membaca artikel tentang Cara Membuat Profil Admin dibawah Postingan Blog dan anda bisa menemukan artikel Cara Membuat Profil Admin dibawah Postingan Blog ini dengan url http://zidiyuto.blogspot.com/2012/01/cara-membuat-profil-admin-dibawah.html, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Profil Admin dibawah Postingan Blog ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Cara Membuat Profil Admin dibawah Postingan Blog sumbernya.

1 komentar:

Silahkan berkomentar kepada sobat blogger semua. Diharapkan komentar yang berkaitan dengan isi dari blog ini. Terima Kasih.



TULISKAN KOMENTAR DI BAWAH!!!

Related Posts Plugin for WordPress, Blogger...
 

Sobat Blogger

About Me

Foto Saya
Saya adalah seseorang yang senang berbagi. Oleh karena itu mari kita saling berbagi informasi di dunia maya ini.

My Status

© Copyright 2012. zidiyuto.blogspot.com . All rights reserved | zidiyuto.blogspot.com is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com