Saturday, June 30, 2012

Cara Membuat Kotak Admin di bawah posting

Hai....
Pagi semua....
kali ini saya akang meng-share info tentang cara membuat Kotak Admin di bawah posting...
kotak admin itu kaya di gambar itu sobat...


nah nih caranya

  1. Ke Dashboard
  2. Pilih Template
  3. Edit HTML
  4. Centang Expand Template Widget dulu sobat
  5. Lalu cari kode ]]></b:skin>
  6. Masukkan kode berikut di atas kode ]]></b:skin>

    1. .admin-tulisan{
      display:block;
      width:auto;
      background:#FFFFFF;
      border:2px solid #999999;
      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 Arial, Sans-Serif;
      color:#222;
      }
      .admin-tulisan .kontainer{padding:5px;}
      .admin-tulisan h4{
      background:#999999;
      border:none;
      border-bottom:1px solid #699019;
      color:#fff;
      text-transform:normal;
      text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
      font:bold 12px Arial,Sans-Serif;
      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:none
      padding:2px;
      background:#C36702;
      box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
      }

  7. Lalu cari kode <data:post.body/>
  8. Masukkan kode berikut ini di bawah kode <data:post.body/>

    1. <!-- 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> - Tempat Berbagi Info</h4>
      <div class='kontainer'>
      <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhggPeELcNQD6dAs4QZUjSscNZ7nS7wfRfi7lT45w7ht975u4Pbqp7eWa44WgIKdGLCIEqpJl1B-pT35AsFRoEqXDAsPhd403jM-ldeXO0gLP8WkxwqExaVObpsastdNm9h7jqZOJXH4b__/s1600/157397_100000887946342_2058267407_n.jpg'/>
      Artikel <a expr:href='data:post.url'><data:post.title/></a> Semoga bermanfaat bagi sobat semua. Terimakasih atas kunjungan kamu serta kesediaan kamu membaca artikel ini. Kritik dan saran dapat kamu sampaikan melalui kotak komentar.
      <div style='clear:both;'/>
      </div>
      </div>
      </b:if>
      <!-- Kotak Admin -->

  9. Ganti tulisan ORANGE dengan subtitle blog kamu
    Ganti tulisan HIJAU dengan alamat gambar kamu
    Ganti tulisan BIRU dengan kalimat kamu
  10. Lalu simpan deh...
Lihat sekarang.... keren kan,,,

No comments:

Post a Comment