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>

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>
<!-- Kotak Admin -->

·        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.

Baca Juga Artikel Dibawah Ini!



16 komentar:

  1. <div class='post-footer> code ini mana ad gan???

    BalasHapus
  2. <div class='post-footer> code ini mana ad gan???

    BalasHapus
  3. wah gak work nih gan, tolong dong di update lagi ya acarnya... oh ya gan jangan lupa visit blog aku ya... ramazxc28.blogspot.com thanks

    BalasHapus
  4. dah berhasil gan..makasih sudah sharing ilmunya
    http://filmgratis-aja.blogspot.com

    BalasHapus
  5. post-footer di koreksi ya sob,, cuma gara2 kurang tanda ' orang bisa bingung 8 keliling loh,, harusnya jadi 'post-footer',, tirmmzz ^_^

    BalasHapus
  6. Kode ini footer>
    Seharusnya footer'>

    Kurang tanda Kutip (') di atas aja..

    BalasHapus
  7. G berhasil gan , coba aja liat di blog saya

    www.blogging-bareng.blogspot.com

    BalasHapus
  8. "Julio Joveren mengatakan...
    < div class='post-footer> code ini mana ad gan???"

    kurang satu tanda kutip gan, seharusnya
    < div class='post-footer'>
    sudah ane coba dan berhasil, thaks tutorialnya mas Putu :)

    BalasHapus
  9. okedehh gan mksh buat tutor'a yaaa ^^

    BalasHapus

Silahkan Berkomentar. Dilarang Live Link. Tidak Memakai Verifikasi Kata. Berkomentarlah Dengan Sopan!.

Entri Populer

 
Copyright © 2012 - 2013 Putupunyablog | Powered by Blogger