Home » » Tips Membuat Kotak Admin dibawah Postingan Blog

Tips Membuat Kotak Admin dibawah Postingan Blog

Written By Topiktrend Chanel on Tuesday, July 2, 2013 | 2:33 PM

Seputar Blog, Sobat blogger yang saya cintai, setelah beberapa hari ga update artikel entah sibuk kerja, main game, facebook -an, search in google dll, kini saya menyapa lagi sobat-sobat blogger yang entah sekedar lewat atau yang tetap setia mengikuti update blog saya.

Kali ini saya akan berbagi dengan teman-teman blogger mengenai tata cara mebuat kotak Admin dibawah postingan blog, fungsinya adalah untuk menunjukkan kepada pengunjung tentang diri anda agar dikenal lebih dekat lagi.

Daripada basa-basi mending saya langsung aja pada tips :
  1. Buka design blog
  2. Masuk ke Template dan buka Edit HTML
  3. Cari Kode Script ]]></b:skin> (untuk memudahkan pencarian gunakan control+F)
  4. Masukkan code script dibawah ini 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;
        }
  5. Setelah itu cari code script <div class='post-footer'> biasanya paling bawah, lalu masukkan code script dibawah ini tepat diatasnya :
    <!-- 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://bloggerpohuwato.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://bloggerpohuwato.blogspot.com/2013/07/tips-membuat-kotak-admin-dibawah.html' target='_blank'><b><blink>Klik Untuk Memasang Widget Ini!</blink></b></a></span></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Kotak Admin -->
  6. Ganti code yang berwarna merah sesuai dengan keinginan anda, ingat! hanya code berwarna merah.
  7. Simpan dan cek hasilnya
Demikian penjelasan saya mengenai Tips Membuat Kotak Admin dibawah Postingan Blog, kiranya beroleh manfaat dari postingan ini.
Share this article :

0 comments:

Post a Comment

Enter your email address:

Delivered by FeedBurner

Subscribe to Blogger Pohuwato by Email

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Blogger Pohuwato - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger