Headlines News :
Home » » Cara membuat kotak admin di blogspot

Cara membuat kotak admin di blogspot

Written By Azzahida on Sunday, 4 May 2014 | 07:32

  Assalamualaikum wr,wb. mengikuti tutorial blog yang di buat oleh banyak orang dalam  dunia blog memeang kadang gampang gampang susah karena kita harus tau kode html,  salah satunya adalah tutorial cara membuat kotak admin, yang sudah lama di pertanyaakan oleh sahabat saya dalam dunia blog yaitu mas amirul muminin. yang katanya ga muncul di blog miliknya.


Baiklah langsung saja di simak baik baik artikel saya jika anda tertarik.
pertama anda login ke blog anda lalu pilih rancangan kemudian klik edit HTML.
Jika anda sudah yakin anda tidak perlu download tempelate blog anda, namun jika anda belum yakin untuk berjaga jaga, silahkan download tempelate blog anda.
 setelah anda klik edit html silahkan anda cari kode ]]></b:skin>
setelah anda menemukan kode tersebut silahkan masukan kede berikut... sebelum 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;
    }
j  Jika sudah silahkan klik simpan, terlebih dahulu ! dan sampai sekarang saya masih melihat di blog mas amirul muminin masih ada tulisan Share this article   di situlah anda harus otak atik.  jika anda menggunakan template maskolis. yang harus anda cari adalah kode <div 
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/>
</div> 

Atau lebih gampangnya anda cari kode addthis.
letakan kode berikut tepat di bawah kode di atas.

<!-- Kotak Admin -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Published By : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> Gema sholawat santri </h4>
<div class='kontainer'>
<img src='http://mw2.google.com/mw-panoramio/photos/medium/91534851.jpg'/>
Anda baru saja membaca artikel  <a expr:href='data:post.url'><data:post.title/></a> Yang di publikasikan oleh <data:post.author/> pada tanggal <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar. Semoga Artikel <data:post.title/> ini bermanfaat. 
<p><span style='float:Center;font:bold 12px Comic Sans Ms;'><a href='https://www.dmca.com/Home/Default.aspx' target='_blank'><b>Dan semua artikel yang terbit di situs kami di lindungi oleh Google DMCA!</b></a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->

   Silahkan ganti tulisan warna merah dengan url foto anda !.
   Ganti Tulisan warna biru sesuai ke inginan anda. jika sudah silahkan klik save silahkan anda lihat hasilnya apakah sudah muncul apa belum. jika anda tetap belum bisa silahkan tinggalkan komentar anda. sebenarnya tutorial ini saya dapatkan dari blog petir fenomenal.

    Sunber petir fenomenal
Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Kids Indonesia - All Rights Reserved
Original Design by Creating Website Modified by Adiknya