Membuat Kotak Admin Dibawah Artikel Blog

Home

Membuat Kotak Admin Dibawah Artikel Blog

Kali ini saya akan membagikan sebuah artikel yang sangat menarik yaitu Membuat Kotak Admin Dibawah Artikel Blog. Sebagian blogger Membuat Kotak Admin Di Bawah Artikel/Postingan Blog dan artikel ini sama dengan Cara membuat kotak admin di blog tetapi sedikit berbeda itu perlu, ada yang bilang ini juga salah satu SEO untuk Blog Sobat Apa yang di maksud Kotak Admin Di Bawah Artikel/Postingan Blog ?

Untuk lebih jelas-nya silahkan Sobat lihat gambar di bawah ini, letak-nya tepat di bawah postingan Blog Sobat, jika Sobat tertarik tanpa panjang lebar langsung saja ikuti petunjuk di bawah.

Berikut Cara Membuat Kotak Admin Di Bawah Artikel/Postingan Blog Kotak admin Permalink Blog :

Log in ke account Blogger Sobat

Pada "Dashboard" klik "Design", setelah itu klik "Edit HTML"

Klik krusor dikotak HTML itu dan tekan tombol CTR + F untuk memudahkan pencarian, atau jika Sobat mau lebih jelas tentang masalah ini, Sobat bisa membaca artikel Cara Mencari Kode HTML di Edit Template Blogspot Tampilan Baru ini dulu biar makin jelas

Cari kode di bawah ini

]]> </b:skin>

Setelah ketemu kode di atas, Copy kode di bawah ini dan Paste tepat di atas-nya ]]> </b:skin>

.kotak-admin{display:block; width:auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg93u-sF8hR1JkeKa-wv4SCIrKoB5zkYU7ruY9K2gBayRlnhhm3AmW1oBHbv-HOcYEcNdmY5Aqw9sLYXd-90ds88UM7m5qs4q2nAseLgPHhWm8SlXR-4E5FNIHjJma2qVmZCgznezVFilgE/); 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;} .kotak-admin .kontainer-admin{padding:5px;} .kotak-admin h4{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg93u-sF8hR1JkeKa-wv4SCIrKoB5zkYU7ruY9K2gBayRlnhhm3AmW1oBHbv-HOcYEcNdmY5Aqw9sLYXd-90ds88UM7m5qs4q2nAseLgPHhWm8SlXR-4E5FNIHjJma2qVmZCgznezVFilgE/);border:none;border-bottom:1px solid #699019;color:#000;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;} .kotak-admin h4 a{color:#222;} .kotak-admin 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;}

Selanjut-nya cari kode di bawah ini
<div class='post-footer'>
Jika sudah dapat kode di atas, Copy kode di bawah ini lalu Paste tepat di atas-nya

<b:if cond='data:blog.pageType == "item"'>
<div class='kotak-admin'>
<h4>Penulis: <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Tutorial Blog | Tips Trick | Jejaring Sosial</h4>
<div class='kontainer-admin'>
<img src='http://i1352.photobucket.com/albums/q642/Ali_Baewis/2_zpsa4d13c17.gif'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini dipublish oleh <data:post.author/> pada hari <data:post.dateHeader/><br/>Terima kasih Anda telah membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> , Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi Blog dan teman-teman anda, namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya. Semoga artikel ini bermanfaat dan menambah wawasan kita semua. Jika anda menyukai Blog ini, silahkan like di facebook dan follow kami di twitter. Terima kasih atas kunjungan serta kesediaan Anda membaca dan berkomentar tentang artikel ini.
<p><span style='float:right;font:italic 2px Arial, Sans-Serif;'><a href='http://maubacabaewis.blogspot.com/2013/05/membuat-kotak-admin-dibawah-artikel-blog.html' target='_blank' title='Get this widget !'>seowaps</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

Setelah itu klik "Save template/Simpan template" Sobat, dan lihat hasil-nya.
Oya, Sobat juga bisa mengganti url gambar yang berwarna coklat itu dengan url gambar Sobat

Semoga Artikel ini bermanfaat,amin..

Terima kasih Sobat, anda telah membaca Artikel Membuat Kotak Admin Dibawah Artikel Blog yang mana Artikel ini mungkin bermanfaat bagi sobat-sobat semua. Adapun Keluh,kesah dan unek-unek Sobat setelah membaca Artikel Membuat Kotak Admin Dibawah Artikel Blog ini. . . dapat Sobat sampaikan melalui kotak Curhatan di bawah ini

Membuat Kotak Admin Dibawah Artikel Blog

Menyukai & Bagikan Artikel :

Komen gak Komen yang Penting Thank You...

Subscribe to: Post Comments (Atom)

Kotak Pencarian

Pilih Stasiun Awal

Pilih Stasiun Tujuan

Tanggal Keberangkatan
(Thn-Bln-Tgl)

Dewasa

Anak Umur
3-9 Thn

Bayi Umur Kurang Dari 3 Thn

*Tiket bayi tidak mendapat kursi

Pilih Kelas

maubacabaewis

Recent Comments

Introduction

Recent Posts

Anda Pengunjung Ke

Indahnya Saling Berbagi

Save Palestina

Ganti Background Blog ini

Kumpulan Radio 'Ilmiah

Paling Banyak Dibaca

About Me

Blog Archive

Membuat Kotak Admin Dibawah Artikel Blog

Translate

Ketahuilah

Kotak Pencarian

Suara Termerdu di Gereja

Al-Haqqah - Hari Kiamat

Kumpulan Majalah & Video

Click Gambar ini

Kumpulan Link Unik

Followers Setia