Wednesday, March 6, 2013

Cara Membuat Kotak Admin di Bawah Postingan


Mungkin diantara sobat blogger pasti sudah tau tentang Tutorial blog yang satu ini. Jika sobat memasang cara ini di blog sobat. Blog sobat tidak hanya terlihat terkesan dan menarik , tetapi juga supaya pengunjung blog sobat bisa tahu Pesan yang sobat lampirkan dalam Artikel ini.
  bagi sobat yang mau mencoba Tutorial blog ini,langsung aja deh ke langkah-langkahnya :

- Login blog sobat.
- Klik Edit HTML > centang Expand Template Widget,.
Cari kode  ]]></b:skin> ( gunakan CTRL+F )
-    - Kemudian Copy-paste Script Berikut tepat diatas  ]]></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;
    }



    - Selanjutnya cari Kode <div class='post-footer>
    - Copy-paste script berikut tepat diatas <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://soahku.blogspot.com/</h4>
    <div class='kontainer'>
    <img src='http://lh4.googleusercontent.com/-yhwFxY9kjHU/AAAAAAAAAAI/AAAAAAAAAB0/qO1FkpgqnzQ/s512-c/photo.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 Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar. Semoga Artikel <data:post.title/> ini bermanfaat.
    <p><span style='float:Center;font:bold 12px Comic Sans Ms;'><a href='http://soahku.blogspot.com/2013/03/cara-membuat-kotak-admin-di-bawah.html' target='_blank'><b><blink>Silahkan Klik Untuk Memasang Widget Ini!</blink></b></a></span></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Kotak Admin -->  

    - Save dan Lihat hasilnya , semoga bermanfaat ! !
    *Catatan :
    tulisan yang berwarna merah ganti sesuai keinginan Sobat sendiri. http://soahku.blogspot.com/ Anda ganti dengan URL blog Sobat. 
    * Kemudianhttp://lh4.googleusercontent.com/-yhwFxY9kjHU/AAAAAAAAAAI/AAAAAAAAAB0/qO1FkpgqnzQ/s512-c/photo.jpg ganti dengan URL photo Sobat.
    -

    Di Posting Oleh : onessfee II ~ http://soahku.blogspot.com/

    Artikel Cara Membuat Kotak Admin di Bawah Postingan ini diposting oleh onessfee II pada hari Wednesday, March 6, 2013. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar. Semoga Artikel Cara Membuat Kotak Admin di Bawah Postingan ini bermanfaat.

    sukague

    2 comments: