Artikel Terbaru :

Cara Membuat Author Box di Blogger

Senin, Mei 21, 2012 | komentar (3)

Cara Membuat Author Box di Blogger | Keterangan di Bawah Postingan Blog - Author box atau kotak berisi tulisan atau keterangan di bawah postingan blog.

Bagaimana cara membuatnya? Ikuti petunjuknya dibawah ini....
  • Login Ke akun blogger anda
  • Lalu pilih Rancangan ==> Edit HTML, jangan lupa centang Expand Template Widget ya..?
  • Langkah selanjut nya , anda cari kode : <div class='post-footer-line post-footer-line-1'> menggunakan CTRL + F biar lebih mudah.
  • Lalu Copy & Paste Kode di bawah ini, letakkan tepat di bawah kode : <div class='post-footer-line post-footer-line-1'>

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'>
<data:post.author/></a> :: <span style="color: #073763;">Inspiring People</span></h4>
<div class='kontainer'>
<img src=' <span style="color: red;"> http://i646.photobucket.com/albums/uu183/seruyan/KhairulBlog.jpg</span>'/> Artikel <a expr:href='data:post.url'>
<data:post.title/></a> ini diposting oleh <data:post.author/>
pada hari <data:post.dateHeader/>. Jika artikel <a expr:href='data:post.url'>
<data:post.title/></a> ini dirasa menarik, anda bisa sebarluaskan lewat blog anda, tapi mohon mencantumkan sumbernya. Terimakasih. Happy blogging. <p>
<span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://bangarulsite.blogspot.com/2012/05/cara-membuat-author-box-di-blogger.html' target='_blank'>::Get This Widget:: </a></span></p>
<div style='clear:both;'/> </div> </div> </b:if>
<!-- Kotak Admin -->

  • Langkah Selanjutnya adalah cari kode : ]]></b:skin> pada template anda.
  • Lalu anda Copy & Paste Kode di bawah ini, tepat di atas kode : ]]></b:skin> 

.admin-tulisan{
display:block;
width:auto;
 background: #585656;
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; }

  • Langkah selanjutnya anda, Pilih Pratinjau, jika tidak ada masalah baru pilih simpan.
  • Selamat Mencoba, dan Semoga berhasil Catatan : Kode yang Berwarna Biru, itu Adalah Deskripsi Blog Anda Sedangkan Kode yang Berwarna Merah adalah Photo Author ( Bisa Photo Anda sendiri )
Share this article :
Artikel tentang Cara Membuat Author Box di Blogger. diposting oleh Bang Arul pada hari Senin, Mei 21, 2012.Tak lengkap rasanya jika kunjungan anda di pehu.web.id. ini tanpa meninggalkan sedikit jejak. Semoga artikel Cara Membuat Author Box di Blogger ini bermanfaat. Terimakasih...

Get free daily email updates!

Follow us!

3 KOMENTAR

21 Mei 2012 11.11

Pengen coba pasang di blog ane juga ne..thx

18 November 2012 11.11

terima kasih atas langkah2nya, sangat mudha dimengerti

5 Februari 2013 21.18

makasih banget ilmunya gan
akan ane coba pasang di blog ane
salam kenal

TULIS KOMENTAR DI BAWAH INI

Terima kasih atas kunjungannya. Bahagia rasanya jika Anda berkenan meninggalkan sedikit jejak disini. But No Spam, No Porn....OK Bro!!!

 
Template dimodifikasi oleh pehu.web.id
Copyright © 2013. | Powered by Blogger