Membuat Kotak Tulisan Di Tulis Oleh Di Bawah Postingan

Albarnation | Membuat Kotak Tulisan Oleh Dibawah Postingan. Coba saja Sobat Lihat Di bagian bawah postingan saya Ini pasti ada gambar yang seperti ini

Nah Ini dia yang akan saya bagi pada postingan Kali ini, yaitu bagaiman cara membuat Kotak Tulisan Di Tulis Oleh Di Bawah Postingan. Ok dari pada lama-lama mukaddimahnya ada baiknya kita langsung coba saja, Berikut caranya :

1. Login blogger Anda
2. Masuk rancangan.
3. Pilih edit html
4. Jangan lupa centang Expand Template Widget
5. Cari kode ]]></b:skin> dan untuk memudahkan pencarian Anda tinggal tekan CTRL + F atau F3
6. Dan kalau sudah menemukan kode ]]></b:skin>copy kode dibawah ini tepat diatas kode ]]></b:skin>

/*---------------------------
kotak admin
---------------------------*/
.hisam-learning{
    display:block;
    width:auto;
    background:#FFFFFF;
    border:2px solid #000000;
    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 Comic Sans Ms;
    color:#222;
    }
    .hisam-learning .kontainer{padding:5px;}
    .hisam-learning h4{
    background:#000000;
    border:none;
    border-bottom:2px solid #000000;
    color:#fff;
    text-transform:normal;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    font:bold 12px Comic Sans Ms;
    padding:5px 10px;
    margin:0 0 0 0;
    display:block;
    }
    .hisam-learning h4 a{color:#FEEA83;}
    .hisam-learning img{
    width:70px;
    height:70px;
    margin:0 10px 0 0;
    float:left;
    border:1px solid #0000FF;
    padding:2px;
    background:#000000;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }

Kemudian silahkan cari kembali kode script ini <div class='post-footer'> jika di template sobat ditemukan dua kode yang sama silahkan sobat pilih yang pertama kemudian silahkan Copy Paste script di bawah ini dan simpan di atas kode <div class='post-footer'>

<b:if cond='data:blog.pageType == "item"'>

<div class='hisam-learning'>

<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a></h4>

<div class='kontainer'>

<img src='http://i1067.photobucket.com/albums/u439/albarnation/Snapshot_20120801_7.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 kalian semua serta kesediaan Anda membaca artikel ini, Kritik dan saran dapat Anda sampaikan melalui kotak komentar . Terimakasih Anda sudah mau membaca
<p><span style='float:right;font:italic 10px Comic Sans Ms;'><a href='http://albarnation.blogspot.com/2012/08/membuat-kotak-tulisan-di-tulis-oleh-di.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

Dan Klik simpan/Save

Cara Mendapat Kan Url Gambar Sobat

Untuk mendapatkan url gambar foto sobat, sobat bisa mengunakan photobucket. Silahkan Sign Up jika belum mempunyai akun dan Sing In jika sudah. setelah masuk silahkan klik Upload pada bagian Menu Headler lalu browser foto tujuan anda dan setelah selesai menguduhnya. sorot gambar tersebut dan copi scriptnya yang bacaanya direct Link/ Pada Kotak No 2

CATATAN:
untuk tulisan yang berwarna AQUA silhakan Sobat Ganti dengan code warna anda yang Anda inginkan.
Untuk code yang berwarna MERAH silahkan Anda ganti dengan url gambar Sobat.
Dan untuk tulisan yang berwarna KUNING silahkan anda ganti dengan kata-kata Sobat sendiri

Sekian dari saya semoga bermanfaat: salam Blogger->Membuat Kotak Tulisan Di Tulis Oleh Di Bawah Postingan

mjh 08

Free download