ade irawan. Diberdayakan oleh Blogger.
RSS

Tips Membuat Kotak Admin dibawah Postingan Blog


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='bookmark'><ul> 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://aderaw.blogspot.com/</h4>
    <div class='kontainer'>
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNXOsaCKmtPGUNj7-6rLlH5KtqUsj3k1Vct6Xz3QQIdYhpGoisUfooA1U-F1W0tNHyajhYCzjxqCD_xwBtrpvrRtjqxbBAw1xqplql2BR919vTSMT2nnwkKgaiYun5Ja8moyd7F0p6UG8/s237/aaaaaaaaaaaaaaaaaaaaaaaa.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://aderaw.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 -->
  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.

Di Posting Oleh : Promo vivo akhir tahun ~ http://aderaw.blogspot.com/

Artikel Tips Membuat Kotak Admin dibawah Postingan Blog ini diposting oleh Promo vivo akhir tahun pada hari Jumat, 12 Juli 2013. Terimakasih atas kunjungan Sobat serta kesediaan Sobat membaca artikel ini, Kritik dan saran dapat Sobat sampaikan melalui kotak komentar. Semoga Artikel Tips Membuat Kotak Admin dibawah Postingan Blog Bermanfaat .. ^_^

Klik Untuk Memasang Widget Ini!

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 komentar:

Posting Komentar