Cara Memindahkan Widget Hubungi Kami ke Halaman pada Blogspot

Cara Memindahkan Widget Hubungi Kami ke Halaman pada Blogspot - Blogger telah merilis salah satu fitur baru yaitu widgetFormulir Kontak. Namun kelemahan widget tersebut hanya dapat ditaruh di sidebar, tidak dapat ditaruh di dalam postingan maupun di halaman khusus. Kali ini saya ingin memberikan sedikit trik Cara Memindahkan Widget Hubungi Kami ke Halaman pada Blogspot.

Langkah pertama yang harus dilakukan adalah menambahkan widget Contact Formnya,

1. Masuk Akun Blogger Sobat 
2. Tambahkan Gadget Formulir Kontak, Klik pada Gadget Lainnya, dan Pilih Formulir Kontak Seperti gambar dibawah ini :

 

3. Kemudian Drag WidgetFormulir Kontak tadi ke bawah kotak postingan.

Langkah Kedua adalah menyembunyikan Widget Formulir Kontak dengan CSS

Copy Paste kode script dibawah ini pada menu Template dan Klik Edit HTML di atas kode : ]]></b:skin>

 .widget.ContactForm {
display: none;
}


Langkah Ketiga Membuat Halaman Hubungi Kami
Masuk ke Menu Laman, dan buatlah laman kosong, didalam editor, pilih mode HTML dan copy pastekan kode dibawah ini :

<style type="text/css"> .widget.ContactForm { display: block; } .post-footer { display: none; } #blog-pager { display: none; } .blog-feeds { display: none; } .widget.ContactForm .title { display: none; } .widget.ContactForm * { max-width: 300px; } </style>

Setelah itu klik Publikasikan.

Nah, itulah langkah-langkah mengenai Cara Memindahkan Widget Hubungi Kami ke Halaman pada Blogspot dari saya. Jika anda punya tips lain anda bisa tambahkan lewat komentar, berikan kritik dan sarannya juga ya kalau ada salahnya.

Bagaimana Cara Membuat Scroll pada Label / Kategori Blog

Bagaimana Cara Membuat Scroll pada Label / Kategori Blog : Postingan kali ini saya akan menjelaskan  mengenai Scroll pada Label / Kategori dan mungkin ini akan berguna atau bermanfaat bagi yang belum mengerti Bagaimana Cara Membuat Scroll pada Label / Kategori Blog untuk memperindah Template Blog kita. Ada 2 cara untuk membuat Scroll pada Label / Kategori ini Bagi yang berminat, silahkan ikuti Bagaimana Cara Membuat Scroll pada Label / Kategori Blog di bawah ini :

1. Cara yang pertama Bagaimana Cara Membuat Scroll pada Label / Kategori Blog :

1. Login Ke blogger.
2. Klik Tata Letak.
3. Klik Edit HTML.

4. Selanjutnya cari kode <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>  (gunakan Ctrl + F) agar lebih cepat.

5. Kemudian Copy dan paste Kode di bawah ini Tepat dibawahnya kode di atas.

  <div style='overflow:auto; width:ancho; height:200px;'>

6. Selanjutnya cari kode dibawah ini

 </b:includable> .
7. Bila sudah ketemu Copy dan pasti kode dibawah ini tepat diatasnya.
</div>

8. Terakhir, simpan Template

NB : Bila kode diatas tidak ketemu di blog sobat silakan cari kode

.

2. Cara yang kedua Bagaimana Cara Membuat Scroll pada Label / Kategori Blog :

1. Login Ke blogger seperti diatas.
2. Klik Template lalu klik Edit HTML.

3. Kemudian Cari kode ]]></b:skin>

(dengan menggunakan Ctrl + F) agar lebih cepat.

4. Lalu Copy Kode di bawah ini dan Paste tepat diatas atau sebelum Kode ]]></b:skin>

.

#Label1 .widget-content{
    height:200px;
    width:auto;
    overflow:auto;
    }

5. Silahkan save Templatenya.

Untuk mengatur tinggi Scroll Label / Kategori silahkan ganti yang berwarna Biru. Mungkin hanya ini saja mengenai Bagaimana Cara Membuat Scroll pada Label / Kategori dan semoga bermanfaat bagi saya dan anda semua. terima kasih.

Bagaimana cara membuat Recent Post Pada Blogger

Bagaimana cara membuat Recent Post Pada Blogger – Selamat Pagi buat para blogger di Indonesia, semoga dalam keadaan baik-baik saja. Kali ini saya akan membuat artikel mengenai Recent Post. Pada Blogspot memang sudah ada widget Feed gunanya untuk menambahkan konten dari feed RSS atau Atom ke blog Anda. Tetapi, buat para blogger yang ingin membuat Recent Postnya dengan Kode html, berikut langkah-langkahnya.

1. Login Ke akun Blog
2. Pada bagian Dasbor pilih tata letak
3. Kemudian Tambah Gadget
4. Pilih HTML/Javascript
5. Kemudian Copy Paste kode script dibawah ini pada HTML/Javascript yang baru tambahkan :

  <script type="text/javascript" src="http://bloggergubug.googlecode.com/files/recentpost.js"></script><script type="text/javascript">var numposts = 7;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script type="text/javascript" src="http://dikhabadi.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

6. Nah gantilah Tulisan http://dikhabadi.blogspot.com dengan alamat blog anda.
7. Save.

Sekian tutorial dari saya, semoga bermanfaat :)

Bagaimana cara membuat iklan melayang di samping kanan dan kiri blog

Bagaimana cara membuat iklan melayang di samping kanan dan kiri blog - Sesuai dengan judulnya, pada kesempatan siang yang cerah ini saya akan menjelaskan pada para blogger semuanya yang lagi cari tutorial Bagaimana cara membuat iklan melayang di samping kanan dan kiri blog.

1. Login Ke akun Blog
2. Pada bagian Dasbor pilih tata letak
3. Kemudian Tambah Gadget
4. Pilih HTML/Javascript
5. Kemudian Copy Paste kode script dibawah ini pada HTML/Javascript yang baru tambahkan :

<script type='text/javascript'> $(document).ready(function() { $('img#closed').click(function(){ $('#btm_banner').hide(90); }); }); </script> <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)}; </script><script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('headEnd'); </script> <!--start: floating ads dikhabadi.blogspot.com--> <div id="teaser2" style="width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;left:0px;"> <div> <a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMtq_wduzCIpAfZgQmyWIJH36T7TAsLxIlAqjExv6FMgaZLscnAbLISZ4KTlTdiQQBnOAfd9PycvqKuGfGos045-pDBpo5sLDBTXdFMtV_8Nw1UOMyoe4VwEwr1gQSWQeHzksP2WxCJR1z/s1600/PhoXo2.png'/></center> </a></div> <!--Mulai Iklan Kiri--> LETAKKAN SCRIPT IKLAN SEBELAH KIRI DISINI <!--Akhir Iklan Kiri--> </div> <!--end: floating ads dikhabadi.blogspot.com--> <!--start: floating ads dikhabadi.blogspot.com--> <div id="teaser3" style="width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:0px;"> <div> <a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMtq_wduzCIpAfZgQmyWIJH36T7TAsLxIlAqjExv6FMgaZLscnAbLISZ4KTlTdiQQBnOAfd9PycvqKuGfGos045-pDBpo5sLDBTXdFMtV_8Nw1UOMyoe4VwEwr1gQSWQeHzksP2WxCJR1z/s1600/PhoXo2.png'/></center> </a></div> <!--Mulai Iklan Kanan--> LETAKKAN SCRIPT IKLAN SEBELAH KANAN DISINI <!--Akhir Iklan Kanan--> </div> <!--end: floating ads dikhabadi.blogspot.comm--> <!-- end: floating ads dikhabadi.blogspot.com -->

6. Nah gantilah Tulisan LETAKKAN SCRIPT IKLAN SEBELAH KIRI DISINI  untuk iklan di sebelah kiri dan LETAKKAN SCRIPT IKLAN SEBELAH KANAN DISINI  untuk iklan di sebelah kanan  dengan kode iklan yang akan di pasang.
7. Save

Sekian tutorial dari saya, semoga bermanfaat :)

Cara Memasang HTML pada Postingan dengan Tool Parse

Jika anda ingin menuliskan dan menampilkan script/kode html kedalam postingan sobat tidah boleh langsung menuliskan script/kode html tersebut langsung ke postingan anda, karena hasil dari tulisan script/kode html jadinya akan diterjemahkan kedalam bahasa HTML oleh blog, Caranya untuk menuliskan kode / Script supaya bisa muncul kedalam postingan dalam bentuk script adalah dengan menggunakan tool parse html seperti di bawah ini :

Copy script yang anda inginkan dan paste kedalam box code converter di atas kemudian klick convert setelah selesai di convert copy hasil convert tadi ke dalam postingan anda. dan preview hasilnya, kalau sudah berhasil kemudian publikasikan. 

Selesai.

Apa itu Parse Kode HTML?
Parse/parsing HTML adalah salah satu cara yang di gunakan para blogger untuk memposting artikel yang berkaitan dengan code HTML/javascript. Kegunaannya agar kode yang kita posting di dalam artikel akan tampil menjadi sebuah karakter/tulisan.

Parse Kode HTML bisa disimpulkan adalah sebuah tool yang dapat membantu dalam melakukan parse kode scrint/javascrint secara otomatis sehingga mempermudah instalasi.

Tujuan Parse Kode HTML?
Ketika membuat tulisan sebuah tips atau tutorial yang ingin menampilkan kode HTML, maka Parse Kode HTML sangat diperlukan. Dengan Parse Kode HTML ini, kode-kode HTML yang anda tampilkan dalam sebuah postingan akan tampil, dan bukan hasil dari kode HTML itu.

Catatan:

• Memasukkan Kode HTML yang telah di Parse, posisi entri (postingan) baru atau edit entri (postingan), harus dalam posisi EDIT HTML
• Parse Kode HTM juga bisa anda gunakan ketika membuat kode link url anda ketika anda ingin saling tukar link.
• Bisa juga digunakan ketika anda membuat link pada kolom komentar, jadi gak perlu lagi nulis link URL anda, biar gak dikira SPAM