Cara Membuat Profil Admin dibawah Postingan Blog

Bookmark and Share
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 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='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. 
Lihat sumber aslinya: http://rayhanzhampiet.blogspot.com/2011/11/cara-membuat-kotak-admin-dibawah.html.

Baca juga tips dan trik blogger saya sebelumnya tentang:


{ 15 comments... Views All / Send Comment! }

Adi said...

Yang lebih singkat ada ga gan? mohon bantuannya untuk blogku. :)

Franky said...

sepp , join blog gw juga ya , www.forumgenkster.blogspot.com

Software Software gratis said...

Thanks Kawan...

Dian Permana said...

visit blog ane gan http://me-permana.blogspot.com

Software Software gratis said...

saya sudah coba tapi tidak gak muncul

Tehamz Marsogot said...

wah saya sudah nyoba, tapi kok gak muncul ya gan?, bisa kasih solusi?...

KTSP Smart System said...

infonya mantap brow, mampir juga ya

Khabaran Unik said...

Makasih ya Bang tutor nya...,

Media Cyber said...

Waaahhh..., keren Sob, memang ne yang ane cari..., i like, dengan sedikit oprek ne pasti akan menghasilkan form yg keren ya Sob ya...?

Blog Dofollow said...

Thanks brade info tutor nya.., semoga tambah bayak ne pengunjung di blog nya brade...!

warisman kedua said...

Gak Ada DI Blog Saya Mah gan tolol Jawab plizz siapa sih yang punya blog

zamroniys said...

josss gandoosss

Agunk Nevada said...

Gan kode <*div class='post-footer'> di blog gw ada dua, pilih yang ke 1 atau yang ke 2?

midah delopin said...

thanks buat tips'a ya...

ditunggu kunjungannya di www.hamidah-21.blogspot.com

Sony Gumilar said...

mampir juga di sini gan http://sonytutorial.blogspot.com/

:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Post a Comment

Terima kasih telah berkunjung. Jika ada yang mau disampaikan silahkan tuliskan komentar sobat dibawah ini. Komentar sobat sangat berarti bagi blog ini. Tapi tolong jangan SPAM. Karena saya sangat membenci SPAM.
Best Regards
Tips dan trik Blogger