Tuesday, June 26, 2012

Cara Memasang Kotak Admin Di blogspot

Posted by Unknown Tuesday, June 26, 2012, under | No comments

Cara Memasang Kotak Admin Diblog - Begitu banyak cara untuk membuat blog tampak cantik, baik dan komunikatif. Salah satunya adalah dengan cara memasang kotak admin dibawah posting blog yang berisikan nama,foto,artikel, dan pesan dari admin. Sobat blogger juga bisa menulis kata-kata yang sobat inginkan melalui kotak admin ini. Sobat bisa langsung melihat contohnya dibawah posting artikel saya ini. Kalau misalkan sobat tertarik ikuti langkah saya tulis sebagai berikut :


1. Login ke Akun Blogger sobat.
2. Pilih Menu Rancangan.
3. Klik Edit HTML.
4. Centang Expand Widget Template.
5. Kemudian cari kode ini <div class='post-footer'> gunakan Ctrl+F atau F3 untuk mempercepat pencarian.
6. Selanjutnya copy kode dibawah ini


<!-- 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> ~ Gubuk Curhat</h4> <div class='kontainer'> <img src='http://i1173.photobucket.com/albums/r582/idambashori/hanya-gubuk.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 Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://rayhanzhampiet.blogspot.com/2011/11/cara-membuat-kotak-admin-dibawah.html' target='_blank'>:: Get this widget ! ::</a></span></p> <div style='clear:both;'/> </div> </div> </b:if> <!-- Kotak Admin -->

7. Taruh kode yang sobat copy di atas kode nomor 5.
8. Cari kode seperti ini  ]]></b:skin>


.admin-tulisan{ display:block; width:auto; background:#CFE2E0; border:2px solid #fff; 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:#8A9C04; 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:1px solid #954B02; padding:2px; background:#C36702; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; }

9. Copy Kode diatas dan taruh dan taruh tepat di atas kode nomor 8.
10. Save atau Simpan Template sobat.

Nah sekarang kotak admin yang keren sudah terpampan diblog sobat.!!! Untuk kritik dan saran sobat bisa sampaikan di kotak komentar dibawah. Sampai disini dulu sobat Cara Memasang Kotak Admin Diblog. Semoga cara tadi bermanfaat buat sobat dan saya pribadi......... :)

Post a Comment

BerKomentar Lah Dengan Baik Dengan Berkata Bermanusiawi Jangan Berkata Kasar Di Posting Ini Atau Akun Anda Akan Kami Hacking Jadi Berhati Hatilah Sebelom Berkomentar -":Salam HaCker ":-

Related Posts Plugin for WordPress, Blogger...

Tags

Blog Archive

Blog Archive

 
cursor: url("https://picasaweb.google.com/110667291707517219649/IMAGETUTORIAL2#5729338440284600194"), default;