Created (c) by Princexells Seyka (Princelling Saki)

Sabtu, 23 Maret 2013

Cara Membuat Kotak Profile Di Setiap Bawah Posting


Udah Lama Gak Posting Tentang Tutorial Blogger Sekarang Saya Akan Posting Lagi . " Cara Membuat Kotak Profile Di Setiap Bawah Postingan ". Silakan Coba Gan...

1. Login ke Blogger Kamu
2. Masuk Ke Rancangan
3. Klik Edit HTML, Lalu centeng Expand Template Widget
4. Cari Kode ]]></b:skin> Letakkan kode CSS dibawah ini Tepat diatas kode tadi

      .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:#0004b1;
        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:#0000ff;}
        .admin-tulisan img{
        width:81px;
        height:68px;
        margin:0 10px 0 0;
        float:left;
        border:1px solid #0004b1;
        padding:2px;
        background:#0004b1;
        box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;

5. Kemudian Cari Kode Ini <div class='post-footer'> atau <div class='post-footer-line post-footer-line-1'>
dan letakkan Script ini Di atas kode yg km cari tadi

    <!-- Kotak Admin by Dark-48 -->
    <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='URL GAMBAR KAMU'/>
    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. Terima Kasih !
    <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://dark-48.blogspot.com/2012/09/cara-membuat-kotak-profile-di-setiap.html' target='_blank'>:: Get this widget ! ::</a></span></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Kotak Admin by Dark-48 --> 


NB : Sesuaikan Warna Yang Ada Di Kode Atas Dengan Warna Yang Anda Inginkan

Tidak ada komentar:

Posting Komentar

Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Lagi Perbaikan Blog
Back to Top