Membuat Kotak Admin Dibawah Postingan

Membuat Kotak Admin Dibawah Postingan

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://3.bp.blogspot.com/-KKGtEy0FlfA/VCujVzDu6gI/AAAAAAAAAYI/vZvNO_RSoB4/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. 




    Share On:

    You Might Also Like:

    Disqus
    Blogger
    Pilih Sistem Komentar Yang Disukai

    0 Comment

    Add Comment

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

    https://infoalya.com

    Gunakan konversi tool jika ingin menyertakan kode atau gambar.


    image
    How to style text in Disqus comments Top Disqus Commentators
    • To write a bold letter please use <strong></strong> or <b></b>.
    • To write a italic letter please use <em></em> or <i></i>.
    • To write a underline letter please use <u></u>.
    • To write a strikethrought letter please use <strike></strike>.
    • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
      And use parse tool below to easy get the style.
    Show Parser Box

    How to get ID DISQUS - https://disq.us/p/[ID DISQUS] - lihat di sini

    strong em u strike
    pre code pre code spoiler
    embed

    Like Info Alya? Keep us running by whitelisting Info Alya in your ad blocker.

    This is how to whitelisting Info Alya in your ad blocker.

    Thank you!

    ×
    ×
    ×