Friday, May 25, 2012

Membuat Kotak Admin di bawah Postingan Blog


Membuat kotak di bawah tulisan/ postingan blog teman kutulis semuanya, kali ini saya akan membahas tips atau tutorial blog yang mungkin bisa membantu teman dalam melakukan optimasi seo blogger pemula. oya teman, kalo kamu adalah salah satu orang yang senang lebih memperkenalkan diri atau agar lebih di kenal oleh pengunjung blog anda, mungkin artikel tentang Membuat Kotak Admin di bawah Postingan Blog ini sangat cocok untuk anda.

Bagaimana caranya? Berikut ulasannya.
  1. Login ke dashboard blogger anda.
  2. Pilih Rancangan >> Edit HTML, centang Expand template widget.
  3. Cari kode <div class='post-footer'> pada template.
  4. Copy script kotak admin dibawah ini dan paste tepat di atas kode <div class='post-footer'>.

    <!-- Kotak Admin -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='admin-tulisan'>
    <h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Deskripsi Blog Anda</h4>
    <div class='kontainer'>
    <img src='
    http://a1.sphotos.ak.fbcdn.net/hphotos-ak-ash4/467137_374050085976244_100001137671381_1027255_1513208520_o.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.
    <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href=' http://ngurah-dhika.blogspot.com ' target='_blank'>:: Get this widget ! ::</a></span></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Kotak Admin -->

  5. Kemudian cari lagi kode ]]></b:skin> pada template sobat.
  6. Copy kode CSS dibawah ini dan paste tepat diatas kode ]]></b:skin>. Jika gagal sobat dapat juga meletakkan kode CSS tadi tepat dibawah kode <data:post.body/>.

    .admin-tulisan{
    display:block;
    width:auto;
    background:#CFE2E0;
    border:2px solid #fff;
    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 Arial, Sans-Serif;
    color:#222;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#8A9C04;
    border:none;
    border-bottom:1px solid #699019;
    color:#fff;
    text-transform:normal;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    font:bold 12px Arial,Sans-Serif;
    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 #954B02;
    padding:2px;
    background:#C36702;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }

  7. Preview dulu hasil kotak admin yang dibuat. Jika editing sudah dirasa cukup, Save/Simpan template anda.
Sumber : http://www.kutulis.com/2011/12/membuat-kotak-admin-di-bawah-postingan.html

BERKOMENTARLAH YANG SANTUN, JANGAN SPAM, AYO BERKOMENTARLAH DISINI. . .

Ditulis Oleh : Unknown ~ Mari Berbagi dan Belajar Bersama

Artikel Membuat Kotak Admin di bawah Postingan Blog ini diposting oleh Unknown pada hari Friday, May 25, 2012. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

0 komentar:

Post a Comment

Mari kita saling berkomentar. Jika kalian suka dengan artikel ini, ayo kita "Share" untuk membagikan informasi ini kepada sobat yang lain agar lebih bermanfaat. Terima kasih, Salam Blogger . . .