Membuat Kotak Admin Dibawah Postingan




Kotak admin dibawah postingan sudah sangat populer di dunia blogger, berikut ini cara pemasangan
kotak admin di blog.

  • Masuk ke akun blogger anda.
  • Lalu masuk ke template dan edit HTML.
  • Cari kode ]]></b:skin> , gunakan fungsi CTRL+F untuk mempercepat pencarian.
  • Lalu masukan kode dibawah ini tepat diatas kode ]]></b:skin>

.admin-tulisan{
    display:block;
    width:auto;
    background:#FFFFFF;
    border:2px solid #047f18;
    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:#02863a;
    border:none;
    border-bottom:2px solid #047f18;
    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 #047f18;
    padding:2px;
    background:#000000;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }



  • Selanjutnya anda cari kode <div class='post-footer'>




  • kemudian copy dan paste kode dibawah ini tepat diatas kode  <div class='post-footer'>(biasanya ada dua kode, silahkan anda letakkan pada kode yang pertama ataupun kedua, pemasangan pada blog biasanya berbeda)


  • 
    <!-- 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> ~ https://www.madrasah.infoalya.com/</h4>
    <div class='kontainer'>
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpHCXp_m89My3qKQn1cVgosVRkwMbe3j-BBdOuu0SZGU5oIsUq0UXIIBOWE9cGfI321mOsCk9ZNsfa0haBFteAhM7Bk7K1cmGfpQFUIns-g86inABqJedU-Uf_9e1LrUzeMMAeF4RSw0Z1/s1600/1122.png'/>
    Info <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 informasi ini. Kritik dan saran dapat Anda sampaikan melalui menu contact us. Semoga Info <data:post.title/> ini bermanfaat.
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Kotak Admin --> 

    • Ungu  ganti dengan url blog anda
    • Merah ganti dengan url gambar anda
    • Orange ganti dengan tulisan anda 
    • Jika Selesai klik save. 



    [+] Silahkan tinggalkan komentar
    [+] Berkomertarlah dengan santun
    [+] Mohon tidak meninggalkan live link
    [+] Terima kasih untuk komentar anda

    https://infoalya.com

    Post a Comment (0)
    Previous Post Next Post