Membuat Kotak Keren di Bawah Posting

Masih di catatan Kuliahku Membuat Kotak Keren di Bawah Posting di blog Mu

Silahkan sobat Copy Paste script di bawah ini , dan simpan di atas kode ]]></b:skin>

.admin-tulisan{

    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;

    }

    .admin-tulisan .kontainer{padding:5px;}

    .admin-tulisan h4{

    background:#FF0000;

    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;

    }

    .admin-tulisan h4 a{color:#FEEA83;}

    .admin-tulisan 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;

    }

Dengan cara log in ke blogs sobat >> klik Rancangan >> klik Edit Html >> centang Expand Template Widget >> tekan Ctrl + F silahkan paste script ]]></b:skin> jika sudah ketemu silahkan Copy Paste script di atas 

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'>

<!-- 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> ~http://variasiblogger.blogspot.com/</h4>

<div class='kontainer'>

<img src='http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/logo-blogspot-variasi-blogger.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 Sobat serta kesediaan Sobat membaca artikel ini, Kritik dan saran dapat Sobat sampaikan melalui kotak komentar , Mohon jangan pasang Link hidup di komentar contoh Link hidup <a href='http://www.google.co.id/' target='_blank'>google</a> , <a href='http://id.yahoo.com/' target='_blank'>yahoo</a> , <a href='http://www.bing.com/' target='_blank'>bing</a> , <a href='http://www.alexa.com/' target='_blank'>alexa</a> yang diperbolehkan di kotak komentar contoh Link http://technorati.com Terimakasih

<p><span style='float:right;font:italic 10px Comic Sans Ms;'><a href='http://variasiblogger.blogspot.com/2011/12/membuat-kotak-keren-di-bawah-posting.html' target='_blank'>:: Get this widget ! ::</a></span></p>

<div style='clear:both;'/>

</div>

</div>

</b:if>

<!-- Kotak Admin -->

Catatan : silahkan edit kembali script di atas sesuai keinginan sobat , Simpan dan lihat hasilnya semoga bermanfaat