Cara Membuat Kotak Tulisan Di Bawah Postingan

Kembali lagi bersama saya sobat dalam postingan artikel yang berjudul Cara Membuat Kotak Keren Di Atas Komentar Atau Di Bawah Postingan atau disebut juga Kotak Admin Setiap Bawah Postingan Secara Otomatis. Mungkin maksud sobat mencari Cara Memasang Seperti Tulisan Berikut ini:

-------------------------------------------------------------------------------

Artikel BLA-BLA-BLA ini diposting oleh TUKIMAN pada hari SEKIAN, 32-13-2012. Terima kasih atas kunjungan Sobat serta kesediaan Sobat membaca artikel ini, Kritik dan saran dapat Sobat sampaikan melalui kotak komentar. Semoga Artikel BLA-BLA-BLA Bermanfaat .. ^_^

-------------------------------------------------------------------------------

Nah, mungkin itukah maksud sobat?? Kalau itu maksud sobat, kebetulan sekali sobat bisa menemukan artikel yang tepat di MESIN PENCARI. Tanpa basa-basi, langsung saja sobat berikut ini adalah cara pemasangannya. Simak baik-baik ya..!

· Seperti biasa sobat, masuk ke akun blogger sobat.

· Klik Rancangan > Edit HTML > klik “expand template widget”

· Jangan lupa klik “download template lengkap”. Fungsi ini adalah buat jaga-jaga jika nanti terjadi kesalahan.

· Cari kode ]]></b:skin> Untuk memudahkan pencarian, gunakan tombol CTRL + F.

· Jika sudah ketemu, Masukkan kode berikut 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:#0000FF;
    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 #000000;
    padding:2px;
    background:#000000;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }

· Jika sudah, Klik Simpan Template dulu.

· Sobat cari lagi kode <div class='post-footer>

· Lalu masukkan kode berikut tepat di atas kode <div class='post-footer>


<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Di Posting Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ http://putupunyablog.blogspot.com/</h4>
<div class='kontainer'>
<img src='https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/s720x720/303179_289883747698234_100000298329635_1149230_562699087_n.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. Semoga Artikel <data:post.title/> Bermanfaat .. ^_^
<p><span style='float:Center;font:bold 12px Comic Sans Ms;'><a href='http://putupunyablog.blogspot.com/' target='_blank'><b><blink>Klik Untuk Memasang Widget Ini!</blink></b></a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

· Silahkan sobat ganti kode yang BERWARNA MERAH sesuai dengan hati sobat. Saya rasa sobat bisa mengeditnya sambil belajar sobat! Jangan bisanya Copy Paste terus. Sebenarnya saya juga belajar dari orang lain. Kan ada pepatah “sedik demi sedikit, lama-lama menjadi bukit”. Sekian dulu postinga saya satu ini, semoga bermanfaat untuk sobat. Terima Kasih.

Admin : Wayan Putu Sujane

Saya hanya seorang blogger pemula yang mencoba untuk berbagi tentang hal apapun yang saya ketahui dan semoga yang saya bagi ini bisa bermanfaat bagi anda, mohon maaf bila ada kekurang dan terima kasih atas kunjungannya ke blog saya ini.