Cara Buat dan Pasang Kotak Admin di Bawah Postingan Blog

Tutorial Blog pada postingan kali ini akan membahas mengenai bagaimana Cara Membuat dan Memasang Kotak Admin di Bawah Postingan Blog. Jika Anda sering ngesot ke Gubuk Tua saya ini maka Anda akan melihat sebuah kotak Admin atau Author di bagian bawah postingan. Apakah Anda juga telah memasang Kotak Author pada blog Anda ? Jika belum ada dan Anda ingin untuk memasang juga Kotak Author dalam Blog Anda, maka teruskan membaca ! Karena kita akan sama sama membahas bagaimana Cara Membuat dan Memasang Kotak Admin atau Author di Bawah Postingan Blog

Membuat dan Memasang Kotak Author atau Admin dalam blog menurut saya pribadi lumayan bagus dan penting karena di dalam Kotak Author ini nantinya kita bisa memasukkan Permalink Sumber Artikel serta memasukkan Informasi lainnya seperti Hak Cipta Atau Peraturan dan Ketentuan bagi pengunjung yang ingin Copy Paste Arikel Anda.

Untuk membuat Sebuah Kotak Admin pada blog maka kita harus kembali bermain main dengan template blog. Ada Kode CSS dan Kode Kotak Author Yang harus kita tambahkan ke dalam Template Blog

Di bawah ini beberapa langkah yang bisa Anda ikuti untuk membuat dan memasang Kotak Author atau Admin pada blog

Cara Membuat dan Memasang Kotak Admin di Bawah Postingan Blog

1. Seperti biasanya Anda harus Login terlebih dahulu dalam blogger.com Agar bisa mengakses Akun blogger Anda
2. Setelah berhasil Login, silahkan Anda memilih Template seperti screenshoot di bawah ini
   
   
   
3. Berikan tanda Centang atau ceklist pada tulisan Expand Template Widget yang berada pada sudut kiri atas ( Memberikan tanda centang pada tulisan Expand Template Widget sangat penting Anda lakukan karena ini berfungsi untuk memperlihatkan kode yang tersembunyi dalam template blog Anda )
4. Selanjutnya kita harus memasang kode CSS Kotak Author dalam template blog. Caranya, silahkan Anda cari Kode ]]></b:skin>. Tekan Ctrl + F untuk memudahkan pencarian) atau melihat postingan sebelumnya dalam blog ini mengenai Cara Tercepat dan Mudah Mencari Kode HTML Pada Template Blog
5. Jika Kodenya sudah Ketemu, silahkan Anda Copy Kode CSS di bawah ini dan letakkan di atas kode ]]></b:skin>
6. 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. Bagaimana ? Sudah ? Jika sudah, selanjutnya kita akan memasang Kode Kotak Adminnya pada bagian bawah postingan blog, Caranya, Silahkan Anda cari Kode <data:post.body/> . Jika kode itu ada 2, silahkan Anda pilih yang ke 2 dan letakkan Kode Kotak Authornya tepat di bawah Kode <data:post.body/> . Jika Anda pernah mengikuti tutorial sebelumnya mengenai Bagaimana Cara Membuat Permalink SEO Pada Blog, maka letakkan Kode Kotak Author tepat di bawah Kode Permalink SEO AndaAnda juga bisa meletakkan Kode Kotak Author di atas kode <div class='post-footer'>, Jika Ada 2 Kode yang seperti ini dalam template blog, silahkan Anda pilih yang pertama dan letakkan kode Kotak Author tepat di atas kode<div class='post-footer'>. Di bawah ini Kode Kotak Authornya
8. <!-- 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> ~ Isi dengan Deskripsi Blog Anda Disini</h4> <div class='kontainer'> <img src='Isi dengan URL Gambar Profil Blog Anda Disini'/>Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>.Isi dengan kata kata Anda sendiri disini, bisa berupa Ketentuan atau peraturan Anda sebelum Artikel Anda dicopy oleh pengunjung ataupun Informasi lainnya yang menurut Anda Penting Anda masukkan Disini. <br/>Jika Anda memiliki Kotak Permalink yang biasanya di simpan di bawah Postingan blog, Anda bisa juga memasukkan kodenya ke dalam Kotak Admin ini agar lebih Rapi <div style='clear:both;'/> </div> </div> </b:if><!-- Kotak Admin -->
9. Terakhir Simpan Template Blog Anda dan Lihat Hasilnya

Bagaimana ? Apakah Anda sudah berhasil membuat Kotak Admin Atau Author dalam Blog Anda ? Jika Anda berhasil, maka Kotak Authornya akan muncul pada bagian bawah poastingan blog Anda seperti Screenshoot Kotak Admin milik saya di bawah ini

Semoga Sahabat sahabat Blogger yang ingin mengetahui mengenai bagaimana Cara Membuat dan Memasang Kotak Admin di Bawah Postingan Blog bisa mendapatkan setetes manfaat setelah mengikuti tutorial blog yang sederhana ini. Insya Allah pada postingan tutorial blog selanjutnya kita sama sama lagi akan membahas mengenai Cara Membuat dan Memasang Kotak Permalink di Bawah Posting Blog

Terus ciptakan karya terindah lewat jemari Anda melalui postingan demi postingan yang berkualitas untuk memajukan dunia blogging di Indonesia. Saya tunggu karya terindah Anda !

Happy Blogging dan Salam SUKSES !

Dengan memasukan alamat email Anda dibawah ini, berarti Anda akan dapat kiriman artikel terbaru dari www.hayardin.com di inbox E-mail anda

Enter your email address:


Delivered by FeedBurner

Lokasi:

Berbagi :