Membuat kotak tulisan admin dibawah postingan blog

Nah ketemu lagi nih kayaknya, ane mau share lagi nih info yang ane dapet, lumayan bagus looh infonya. mau tau? cekidot!


agan agan pasti berfikir kalau kotak tersebut kurang berguna, tapi kotak tersebut ternyata berguna agar postingan kita dapat terdindeks pada mesin pencari, mengapa? karena kita dapat menyisipkan kata kata "terimakasih sudah datang dan mau membaca artikel saya tentang Membuat kotak tulisan admin dibawah postingan blog" dengan sengaja atau tidak, kita telah menambahkan keyword yang dapat terindeks oleh mesin pencari dengan cepat. Udah ga sabar pengen tau cara bikin kotaknya ya? langsung aja deh cekidot!

Seperti biasa, masuk ke akun blogger kalian, lalu
·         Klik Rancangan > Edit HTML > klik “expand template widget”
·         Jangan lupa klik “download template lengkap”. Fungsi ini adalah buat jaga-jaga jika nanti terjadi kesalahan.
·         Cari kode ]]></b:skin> Untuk memudahkan pencarian, gunakan tombol CTRL + F.
·         Jika sudah ketemu, Masukkan kode berikut 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:#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;
    }
·         Jika sudah, Klik Simpan Template dulu.
·         Sobat cari lagi kode <div class='post-footer>
·         Lalu masukkan kode berikut tepat di atas kode <div class='post-footer>

<!-- 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://putupunyablog.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://putupunyablog.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 -->

        Silahkan sobat ganti kode yang BERWARNA MERAH sesuai dengan hati agan. ane rasa 
agan agan bisa mengeditnya sambil belajar kan? Sebenarnya ane juga belajar dari orang lain
kok. Sekian dari ane. Terima Kasih.

Sumber : putupunyablog

Ditulis Oleh : pangky felix // 18.52.00
Kategori:

3 komentar:

  1. ini kunjungan saya gan.. dan trimakasih agan sudah kasih link sumber aktifnya :) semoga blog agan bermanfaat dan berguna untuk semuanya :) salam kompak selalu gan :)

    BalasHapus
  2. makasih udah dateng gan.. ya sama sama.. AMIN gan moga moga blog ane bisa dterima sama adsense ^_^

    BalasHapus
  3. Kunjungan perdana Bos... kontennya bagus dan ok punya, sukses ya

    BalasHapus

 

Viewers Update

Blog Stats

Followers Blog

Supported By:

NGEBLOG Free Automatic Backlinks


MyFreeCopyright.com Registered & Protectedhow do you copyright

Blog Archive

Diberdayakan oleh Blogger.