Nah, ketemu lagi nih,.. Mumpung masih dalam suasana lebaran, saya mengucapkan Minal Aidzin Wal Faidzin, Mohon Maaf Lahir Batin. Agak lama ya saya gak postingnya..??
hihihi,..
Kali ini saya akan Posting tentang Cara Membuat Kotak Admin di Blog.
Kotak Pesan Admin biasanya digunakan sebagai tanda pengenal seorang penulis dari sebuah blog, atau berupa penyampaikan pesan singkat dari penulis. Kotak pesan tersebut terdapat gambar dari penulis blog serta ucapan terima kasih kepada penunjung yang telah berkunjung dan membaca artikel pada blog. Kotak admin pada dasarnya ditempatkan dibawah posting blog dan umumnya judul posting yang dibaca. Saya akan memberikan langkah untuk membuat author box pada blog anda.
1. Login ke Blogger
2. Masuk ke Rancangan lalu pilih Edit HTML
3. Expand Template Widget anda
4. Paste kode dibawah ini diatas kode ]]></b:skin>
.admin-tulisan{display:block;width:auto;background:#F5F5F5;border:1px solid #C0C0C0;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:#C0C0C0;border:none;border-bottom:1px solid #C0C0C0;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:0px solid #E6E6FA;padding:2px;background:#E6E6FAbox-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
5. Paste kode dibawah ini diatas kode <div class='post-footer'>
<!-- Kotak Admin --><b:if cond='data:blog.pageType == "item"'><div class='admin-tulisan'><h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Blog Trik dan Tips</h4><div class='kontainer'><img height='75' src='http://profile.ak.fbcdn.net/hprofile-ak-snc4/161678_100003620215451_907106864_n.jpg' width='75'/>Anda sedang membaca sebuah artikel yang berjudul <b><a expr:href='data:post.url'><data:post.title/></a></b>, Mohon maaf apabila konten dari posting yang anda baca sudah rusak atau terjadi kesalahan dalam penulisan. Jika ada pertanyaan yang ingin disampaikan silahkan tulis pada kotak komentar. Semoga artikel tersebut bermanfaat untuk anda. <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://separuhtulisanku.blogspot.com' target='_blank'>:: Thank you for visiting ! ::</a></span></p><div style='clear:both;'/></div></div></b:if><!-- Kotak Admin -->
Keterangan: kode merah adalah url gambar
6. Simpan template anda lalu lihat hasilnya
Kini anda akan memiliki Author Box yang keren. Selanjutnya anda tinggal mengedit kode diatas agar pesan author box sesuai dengan kebutuhan anda. Oke selamat mencobanya!
@kaptenpenguind
Mungkin Ini Juga Yang Anda Cari :
.:: Related Post ::.
TUTORIAL BLOG
- Trik Baru Meningkatkan Pagerank Alexa
- Membuat Emotion Di Omegle Indonesia
- Membuat Buku Tamu Keren Keluar Dari Atas
- Domain Dot Com Gratis untuk Selamanya
- Membua Loading Blog Lebih Cepat dengan HTML Compressor
- Cara Membuat Effect Tulisan 3 Dimensi
- Cara Buat Text Area Otomatis Blok
- Cara Membuat Informasi di Bawah Postingan secara Otomatis
- Pajang MP3 AutoPlay di Blog
- CARA MEMBUAT DAFTAR ISI SECARA OTOMATIS
- Membuat Screen Saver di Blog
- Membuat Jam Digital di Blog
- Cara Membuat Teks Area Copy Semua
- Cara Mudah Download File di Scribd
- Cara membuat daftar isi secara random di blog
- Cara Membuat Tulisan Berjalan Di Buku Tamu CBOX
- Membuat Sumber Link Otomatis Saat Artikel di Copy Paste.
- Membuat Widget Fans Page FB/Like Box Menjadi Lebih Menarik
- Cara Membuat Tanda Tangan Di Bawah Postingan
- Mengubah Ukuran Template Blog
- Cara Membuat Auto Like Facebook
- Cara Membuat Tulisan Bergerak ke Atas
- Cara Mudah Membuat Readmore Otomatis di Blog Terbaru
- TUTORIAL - MEMBUAT BUKU TAMU MELAYANG
