Membuat Kotak Keren di Bawah Posting

Belajar SEO dan Blog Bagi pemula
Membuat Kotak Keren di Bawah Posting

Masih di Variasi Blogger share Membuat Kotak Keren di Bawah Posting cekidot

Silahkan sobat Copy Paste script di bawah ini , dan simpan di atas kode ]]></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:#FF0000;
    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 #0000FF;
    padding:2px;
    background:#000000;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }

Dengan cara log in ke blogs sobat >> klik Rancangan >> klik Edit Html >> centang Expand Template Widget >> tekan Ctrl + F silahkan paste script ]]></b:skin> jika sudah ketemu silahkan Copy Paste script di atas

Kemudian silahkan cari kembali kode script ini <div class='post-footer'> jika di template sobat ditemukan dua kode yang sama silahkan sobat pilih yang pertama kemudian silahkan Copy Paste script di bawah ini dan simpan 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> ~ http://variasiblogger.blogspot.com/</h4>
<div class='kontainer'>
<img src='http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/logo-blogspot-variasi-blogger.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 , Mohon jangan pasang Link hidup di komentar contoh Link hidup <a href='http://www.google.co.id/' target='_blank'>google</a> , <a href='http://id.yahoo.com/' target='_blank'>yahoo</a> , <a href='http://www.bing.com/' target='_blank'>bing</a> , <a href='http://www.alexa.com/' target='_blank'>alexa</a> yang diperbolehkan di kotak komentar contoh Link http://technorati.com Terimakasih
<p><span style='float:right;font:italic 10px Comic Sans Ms;'><a href='http://variasiblogger.blogspot.com/2011/12/membuat-kotak-keren-di-bawah-posting.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->

Catatan : silahkan edit kembali script di atas sesuai keinginan sobat , Simpan dan lihat hasilnya semoga bermanfaat


Share to

10 Responses to "Membuat Kotak Keren di Bawah Posting"

  1. thx sob..Work tutorny

    BalasHapus
  2. Balasan
    1. maaf kalau boleh tau , belum bisa dibelah mananya ya sob :)

      Hapus
  3. ma kasih kakang atas infonya :D

    BalasHapus
    Balasan
    1. ya sob, semoga tutorials Author Box widget diatas mudah dalam cara pemasangan di web atau blog sobat :)

      Hapus
  4. mantabs kawan ilmunya nice post

    BalasHapus
    Balasan
    1. ya sob, semoga widget keren di atas bisa diterapkan di web sobat hehehe.... :)

      Hapus

Jika ada Tutorial Info Blog Indonesia ini, yang kurang dimengerti silahkan luangkan saja waktu anda untuk berkomentar, karena pertanyaan anda sangat berharga untuk perkembangan dan kemajuan blogs ini.

Soalnya diblogs ini adalah wadah untuk belajar mengenal webs/blogs, disini kita sama - sama belajar, seandainya anda adalah seorang pakar blogger profesional atau pakar seo indonesia bimbinglah saya, untuk menulis artikel berkualitas.

Oia sebelum menyisipkan script silahkan gunakan tools konversi terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar.

Terimakasih.. salam kenal dan salam hangat untuk blogger indonesia, yang selalu setia di Info blog Indonesia variasi blogger.

¯\(◕ ‿◕)/¯



convert TOS

ADMIN Blog