Rabu, 22 Agustus 2012
Banyak cara untuk membuat tampilan blog menjadi lebih baik dan komunikatif. Salah satunya adalah dengan membuat/memasang kotakadmin dibawah postingan yang berisikan keterangan dari Penulis/Author blog tersebut tentang artikel yang ditulisnya. Ulasan yang dibuat di kotak keterangan dari admin (penulis/author)
ini terserah pada kreasi masing-masing. Sobat blogger bisa juga
menuliskan kata-kata lucu didalamnya. Yang jelas untuk link nama
penulis/author, judul posting dan tanggal publish postingan sudah saya
sertakan dalam script widget kotak admin ini, sehingga sobat tidak perlu lagi mengisikan linknya secara manual. Sobat dapat melihat langsung contoh kotak admin (about author box) yang saya pasang dibawah postingan blog ini sebagai demo-nya.
1. Login ke dashboard blogger anda.
2. Pilih Rancangan >> Edit HTML, centang Expand template widget.
3. Cari kode <div class='post-footer'> pada template.
4. Copy script kotak admin dibawah ini dan paste tepat di atas 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> ~ Deskripsi Blog Anda</h4><div class='kontainer'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhllffNkkf9RzluLpFeY2bsZSt93ZGOsbil9_P1FaL45BXO2EADt70o4wTRhO5rsxhYBCckDBVZ7b8cu5dz5cCDhEW47PnVmMBz6JzZ5IN6Z6GR_nTSBsPiD88puJm_XP7lYMAFzcv7LFs/s220/AVATAR+KU-128.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://abelavriyanno.blogspot.com/2012/05/cara-membuat-kotak-admin-di-bawah.html' target='_blank'><small><button>:: Get this widget ! ::</button></small></a></span></p><div style='clear:both;'/></div></div></b:if><!-- Kotak Admin -->
5. Kemudian cari lagi kode ]]></b:skin> pada template sobat.
6. Copy kode CSS dibawah ini dan paste tepat diatas kode ]]></b:skin>. Jika gagal sobat dapat juga meletakkan kode CSS tadi tepat dibawah kode <data:post.body/>.
.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;}
7. Silahkan ganti link URL gambar profil yang berwarna merah
dengan link gambar profil sobat. Jika sobat ingin menuliskan dengan
kata-kata ulasan yang lain, ganti/edit dulu kata-kata ulasannya di
notepad.
8. Untuk jenis font, warna background dan border juga dapat sobat ganti/edit sesuai keinginan.
9. Preview dulu hasil kotak admin yang dibuat. Jika editing sudah dirasa cukup, Save/Simpan template anda.
Contohnya bisa liat di...
http://dewa-city372.blogspot.com/2012/06/cara-memasang-emoticon-yahoo-pada-kotak.html
Contohnya bisa liat di...
http://dewa-city372.blogspot.com/2012/06/cara-memasang-emoticon-yahoo-pada-kotak.html
Rating: 5.0
Penulis: Abel Avriyanno - Cara Membuat Kotak Admin Di Bawah Postingan Blogger
Langganan:
Posting Komentar
(Atom)
Asal Kunjungan
My Blog List
Etiquetas
- edit blog (19)
- free software (5)
- game online (5)
- modul (2)
- pengetahuan (10)
Artikel Lain
Asmaul Husna
Langganan
Waktu saat ini
About Me
- Unknown
Followers
Archivo del blog
-
▼
2012
(45)
-
▼
Agustus
(15)
- Adobe photoshop CS4 free download
- Cara membuat Windows 7 Menjadi Genuine (Asli)
- Sleep Moon Xpress V.2 | Perintah Komputermu dengan...
- Cara Membuat Efek Daun Berjatuhan Di Blog
- Template for blog
- Cara Buat Link Warna Warni di Blog
- cara memasukan lagu ke blog
- kode warna untuk blog
- cara agar pada saat di copy paste otomatis ada sum...
- cara buat kotak admin di blog
- cara buat lencana facebook di blog
- cara buat auto readmore di blog
- cara menambahkan emoticon di kotak komentar pada blog
- Cara buat facebook auto hide like box
- Cara buat permalink seo di blog
-
▼
Agustus
(15)
Simple Blog
Energy Saver Mode, Move the mouse to return to the page!
Mode Hemat Energi,Gerakkan mouse anda untuk kembali ke halaman!
0 komentar:
Posting Komentar