Selamat Datang Di IMAMKUN-BLOG - Pastinya ingin mempunyai blog yang ringan dan Fast Loading, bukan?

Kali ini saya Imam Akan membagikan tipsnya kepada kalian, tips ini sangat sederhana dan mudah untuk di praktek in. Ingat!! Praktek lebih enak dari pada Teori Kakek tau itu! wkwkwkwk

Cara ini sudah saya terapkan di semua blog saya, dan saya dapat cara ini dari teman saya waktu dia 
mengajari saya ngeblog duluuuu....

Cara mempercepat Loading Blog

<!-- feed links -->
    <b:include name='feedLinks'/>

Selamat Datang Di IMAMKUN-BLOG - Pada kesempatan kali ini saya akan memberikan Tips Agar Blog Cepat Ke Index Google

Pada saat kalian membuat sebuah Blog/Website pastinya tidak akan langsung keindex oleh google karena belum mempunyai artikel. Jika pun sudah memiliki artikel itu juga belum sepenuhnya keindex.

Oleh Karena itu kadang-kadang biasanya kita menunggu dengan waktu yang cukup lama agar Blog/Website ke index oleh Google.

Blog/Website keindex artinya Blog dan artikel-artikel yang ada diblog sobat itu akan ada semua di Google dari Page/artikel semuanya akan ada dan juga cepat pula untuk mendatangkan pengunjung pastinya agar blog sobat ramai.

Baiklah ini dia tipsnya, oh iya tips ini menurut pengalaman saya yang sudah saya terapkan di blog-blog lain saya.

Tips Agar Blog Cepat Keindex Oleh Google

1. Buat Postingan/Artikel yang berkualitas!

Pertama sobat buatlah artikel yang menarik dan Berkualitas untuk para visitor sesuai dengan topik blog sobat. Buatlah beberapa postingan dan jangan lupa juga menerapkan SEO nya

2. Buatlah Struktur Pada Blog Sobat

Yang dimaksud struktur ialah seperti About, Contact Us, Sitemap, Privacy Policy, Releated Post, Recent Post. Dengan membuat ini maka pengunjung blog sobat dapat dengan mudah menjelajah isi blog sobat dengan mudah dan dapat memberikan masukkan dengan menghubungi admin blog melalui contact. dan dengan adanya struktur navigasi ini akan mudah untuk diterima Oleh google adsense.

3. Daftarkan Blog Sobat kemesin pencari

4. Bagikan kesosial media

Cara membuat Sitemap Responsive Fast Loading Seo

<style type="text/css">#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;padding:1px 0 2px 11px;background: #3498DB;border:1px solid #2D96DF;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}.labl a{color:#fff;}.labl:first-letter{text-transform:uppercase;}.new{color:#FF5F00;font-weight:bold;font-style:italic;}.postname{font-weight:normal;background:#fff;margin-left: 35px;}.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}</style><div id="toc"><script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script><script src="http://imamkunblog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Selamat Datang Di Imam-Kun Blog - Hai sobat blogger pada kesempatan kali ini saya membagikan. Bagaimana sih cara cek responsive tamplate yang sobat gunakan?. Blog atau website itu banyak sekali dari ada yang bagus dan juga yang biasa-biasa saja blog yang responsive ialah menggunakan tamplate yang bisa diakses oleh semua perangkat media mulai dari HP, Laptop, laptop ataupun Desktop dan loading tamplatenya juga cepat.

Jika memiliki tamplate yang responsive maka akan mempermudah atau menyamankan pengunjung untuk mengakses website sobat dan ada suatu masalah atau gangguan.

Sekarang banyak yang menjual tamplate responsive karena sekarang ini tamplate responsive itu dirasa sangat penting dalam website yang dibangun.

Dan juga sekarang telah banyak jasa-jasa pembuat tamplate baik yang premium dari yang murah dan mahal. dan lebih banyaknya lagi ialah para pemburu tamplate responsive Gratis seperti saya. hehehe saya menggunakan tamplate gratis karena malas saja mau buat dari awal tetapi walaupun saya menggunakan tamplate gratis saya tidak akan menhapus credit pembuatnya karena saya menghargainya.

Baiklah langsung ketahapnya, jangan lupa baca sampai habis, biasakanlah membaca sampai habis ya sobat.

Cara Mengecek Responsive atau tidak sebuah blog/website

Selamat Datang Di Imam-Kun Blog - Hai sobat blogger pada kesempatan kali ini saya akan membuat membuat artikel mengenai Halaman Disclaimer. Apa sih halaman Disclaimer itu? Baiklah saya akan sedikit menjelaskan mengenai halaman Disclaimer.

Halaman Disclaimer adalah sebuah halaman yang berisikan sebuah pernyataan apapun untuk dimaksudkan menentukan atau membatasi ruang lingkup hak dan kewajiban yang dapat dilakukan dengan ditegakkan oleh pihak dalam hubungan diakui secara huku.

Dengan membuat sebuah halaman Disclaimer dan Privacy Policy pada navigasi blog sobat merupakan Salah satu persyaratan untuk Google Adsense. Memasang halaman Disclaimer pada blog sobat akan kelihat profesional juga jika dilihat.

Disclaimer dirasa sangat penting selain Privacy Policy dan Contact Us yang dimana berfungsinya untuk memberikan suatu ketentuan isi konten blog sobat untuk para visitor/pengunjung, dan pengunjung juga bisa menghubungi admin blog untuk memberikan saran atau kritian atau juga permintaan untuk membuat suatu artikel.

Baiklah Baca terus sampai habis ya, dan sekarang kita memasuki tutorial cara membuat halaman Disclaimer dengan mudah dan tidak ribet. 

Untuk yang belum membuat Contact Us sobat bisa membacanya Cara Memasang Contact Us Di blog dengan mudah.

Cara Memasang Halaman Disclaimer Di Blog

Cara membuat halaman kontak blog

Selamat Datang di IMAM-KUN BLOG - Pada kali ini saya ingin berbagi ilmu lagu seputar desain Blog yakni, Cara membuat halaman kontak admin di blogger dengan mudah dan responsive.

Untuk Demonya kalina bisa lihat disini => [DEMO], dan apabila sobat menerima pesan, pesannya akan dikirim di EMAIL BLOG sobat.

Cara Membuat Halaman Kontak Admin Blog

1. Log in Ke Blogger
2. Pergi Ke "LayOut" > Add a Gadget > Lalu Pilih "Contact From" > SAVE

3. Lalu Pindahkan Ke Widget Bawah Blog Posts

4. Klik SAVE
5. Klik Thema/Tamplate

6. Copy Paste (Copas) Kode dibawah ini di atas Kode ]]></b:skin>

.widget.ContactForm,.widget #ContactForm1{display: none !important;}

7. Dan Klik SAVE 

Membuat Halaman Kontak

<style>
/* Contact Form */
#comments,.post_meta,#blog-pager{display:none}form{color:#666}#kontak{margin:auto;width:100%;max-width:470px}#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{height:auto;margin:5px auto;padding:15px 12px;background:#fff;color:#444;border:1px solid #2f303f;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;width:100%;min-width:100%;transition:all 0.5s ease-out}#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:15px 12px;background:#fff;color:#444;border:1px solid #2f303f;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;resize:none;transition:all 0.5s ease-out}#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}#ContactForm1_contact-form-submit{float:left;background:#008c5f;margin:auto;vertical-align:middle;cursor:pointer;padding:12px 20px;font-size:14px;text-align:center;letter-spacing:.5px;border:0;width:100%;max-width:140px;border-radius:3px;color:#fff;font-weight:500;transition:all .8s ease}#ContactForm1_contact-form-submit:hover{background:#2f303f;color:#fff}#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:35px}.contact-form-error-message-with-border{background:#2f303f;border:none;box-shadow:none;color:#fff;padding:5px 0}.contact-form-success-message{background:#4fc3f7;border:none;box-shadow:none;color:#fff}img.contact-form-cross{line-height:40px;margin-left:5px}.post-body input{width:initial} @media only screen and (max-width:640px){#ContactForm1_contact-form-name,#ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%}}
</style>
<form id="kontak" name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Name *" size="30" type="text" value="" /><input id="ContactForm1_contact-form-email" name="email" size="30" placeholder="Email *" type="text" value="" /><textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message *" rows="5"></textarea> <input id="ContactForm1_contact-form-submit" type="button" value="Send Message"/>
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = 'blogID';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx3dblogID','//www.imamkunblog.blogspot.com/','blogID');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': 'blogID', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));//]]> </script>

Selamat Datang Di IMAM-KUN BLOG - Kali ini saya akan membagikan artikel Cara Memasang 4 Kolom Iklan Diatas Postingan Blog. Tenang Sobat tutorial ini tidak rumit/susah.
saya akan menulisnya dengan jelas dan mudah dimengerti oleh sobat.

Pada Sebelumnya juga saya telah membagikan artikel Cara memasang iklan ditengah postingan blogger dengan mudah

Sebenarnya 4 Kolom iklan ini tidak tidak untuk Iklan Adsense, jadi untuk apa..? Menurut saya untuk memperindah tampilan blog dan bisa juga untuk mengisi dengan blog lain. Jadi jika iklan adsense tidak bisa dipasang di kolom ini, lalu iklan mana yang bisa dipasang?

Jawabannya kalian bisa pasang iklan selain iklan dari Google Adsense. Contohnya iklan dari Ylix, Shmokiads dll atau juga sobat membuat untuk iklan web sobat yang lainnya dan memasukkan linknya di banner.

Cara Membuat 4 Kolom Iklan Diatas Postingan Blog Dengan Mudah

<div align="left">   
    <table border="0"  cellpadding="4" cellspacing="4" width="620" bgcolor=""><tbody>
    <tr>
<td><center><a href="LINK"><img border="none" alt="JUDUL" title="JUDUL" width="145" src="LINK GAMBAR" height="125"/></a></center></td>
<td><center><a href="LINK"><img border="none" alt="JUDUL" title="JUDUL" width="145" src="LINK GAMBAR" height="125"/></a></center></td>
<td><center><a href="LINK"><img border="none" alt="JUDUL" title="JUDUL" width="145" src="LINK GAMBAR" height="125"/></a></center></td>
<td><center><a href="LINK"><img border="none" alt="JUDUL" title="JUDUL" width="145" src="LINK GAMBAR" height="125"/></a></center></td>
    </tr>
</tbody></table></div>

Cara Memasang Iklan Di Artikel Postingan Blogger

Selamat Datang Di IMAM-KUN BLOG - Pada Kali ini Saya akan membagikan Tutorial Blogger "Cara Memasang Iklan Di Artikel Postingan Blogger". Untuk Tutorial ini sangat mudah dan Mudah dipahami pastinya. Kita hanya perlu sedikit menguba kode <data:post.body/> yang ada didalam Theme sobat.

Cara Memasang Iklan Di Artikel Postingan Blogger

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<!-- Kode Iklan Hasil Parse Disini --></center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>