Semesta Mendukung: Blogging

Cara Membuat Contact Form di Halaman Statis Blogspot

<h2>
<b><a href="http://semtakung.blogspot.com/2015/03/cara-membuat-contact-form-di-halaman.html" target="_blank">Cara Membuat Contact Form di halaman statis blogspot </a></b></h2>
<br />
 Pada dasarnya contact form adalah widget yang bisa di pasang pada blog dan memang sudah tersedia di blogspot. Untuk membuat contact form di halaman statis memerlukan sedikit modifikasi.<br />
Untuk membuat contact us di halaman statis <a href="http://semtakung.blogspot.com/p/blog-page_24.html" target="_blank">seperti contoh ini</a> silahkan sobat ikuti petunjuk di bawah ini.<br />
<br />
<h4>
<span style="font-size: large;"><a href="http://semtakung.blogspot.com/2015/03/cara-membuat-contact-form-di-halaman.html" target="_blank">Menambahkan widget contact form</a></span></h4>
<br />
widget ini sudah tersedia di blogspot<br />
<br />
<ol>
<li>login ke blogger</li>
<li>klik layout</li>
<li>add widget</li>
<li>more gadget</li>
<li>contact form</li>
</ol>
<br />
 untuk lebih jelasnya lihat gambar :<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxuNC8ciKG3TmLB77Uswi8Mrz9Ha-mWYObvrETAWmwcs0jlzqz5pztmR-8L_uHKNSUsjppQW92KVbqGxgof1dYkuaKnwrM27A2kKinLn6C4i4J4983lyB8C0C8rcpVvnUdujFXaeigcHWE/s1600/widget.JPG" style="margin-left: auto; margin-right: auto;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxuNC8ciKG3TmLB77Uswi8Mrz9Ha-mWYObvrETAWmwcs0jlzqz5pztmR-8L_uHKNSUsjppQW92KVbqGxgof1dYkuaKnwrM27A2kKinLn6C4i4J4983lyB8C0C8rcpVvnUdujFXaeigcHWE/s1600/widget.JPG" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Contact form</td></tr>
</tbody></table>
<br />
<h4>
<span style="font-size: large;">Modifikasi Kode Widget</span></h4>
<div>
Langkah-langkah</div>
<div>
<ol>
<li>masuk ke template</li>
<li>edit HTML</li>
<li>klik jump to widget </li>
<li>pilih contactform</li>
<li>expand</li>
</ol>
<div>
Perhatikan gambar :</div>
</div>
<div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT1YzF8IsCcFkKftALKHyPwvHKPH3Z1flAZCim1aitD3FBvaSAsJMpoamn8aRO88lvKQeqJ_Vl_oJOyFk-8kTC8MOukwUb-_TNSawBoBto01tqPZvN-pBGNs6TnlXFSHt-sLuvEM3dEP-n/s1600/widget+2.JPG" style="margin-left: auto; margin-right: auto;"><img border="0" height="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT1YzF8IsCcFkKftALKHyPwvHKPH3Z1flAZCim1aitD3FBvaSAsJMpoamn8aRO88lvKQeqJ_Vl_oJOyFk-8kTC8MOukwUb-_TNSawBoBto01tqPZvN-pBGNs6TnlXFSHt-sLuvEM3dEP-n/s1600/widget+2.JPG" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">contact form</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>
<div class="separator" style="clear: both;">
Setelah itu cari kode</div>
<br />
<b:widget id=’ContactForm<br />
<br />
bisa juga dengan memanfaatkan ctrl F di kotak edit HTML<br />
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
=====================================================</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: #555555; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b:widget id=’ContactForm1′ locked=’false’ title=’Contact Form’ type=’ContactForm’></span></div>
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: #555555; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;">  <b:includable id=’main’></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  <b:if cond=’data:title != &quot;&quot;’></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    <h2 class=’title’><data:title/></h2></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </b:if></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  <div class=’contact-form-widget’></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    <div class=’form’></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">      <form name=’contact-form’></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <p/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <data:contactFormNameMsg/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <br/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <input class=’contact-form-name’ expr:id=’data:widget.instanceId + &quot;_contact-form-name&quot;’ name=’name’ size=’30’ type=’text’ value=”/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <p/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <data:contactFormEmailMsg/> <span style=’font-weight: bolder;’>*</span></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <br/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <input class=’contact-form-email’ expr:id=’data:widget.instanceId + &quot;_contact-form-email&quot;’ name=’email’ size=’30’ type=’text’ value=”/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <p/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <data:contactFormMessageMsg/> <span style=’font-weight: bolder;’>*</span></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <br/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <textarea class=’contact-form-email-message’ cols=’25’ expr:id=’data:widget.instanceId + &quot;_contact-form-email-message&quot;’ name=’email-message’ rows=’5’/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <p/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <input class=’contact-form-button contact-form-button-submit’ expr:id=’data:widget.instanceId + &quot;_contact-form-submit&quot;’ expr:value=’data:contactFormSendMsg’ type=’button’/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <p/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        <div style=’text-align: center; max-width: 222px; width: 100%’></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">          <p class=’contact-form-error-message’ expr:id=’data:widget.instanceId + &quot;_contact-form-error-message&quot;’/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">          <p class=’contact-form-success-message’ expr:id=’data:widget.instanceId + &quot;_contact-form-success-message&quot;’/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">        </div></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">      </form></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    </div></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </div></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: red; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; color: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  <b:include name=’quickedit’/></b></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: #555555; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"></b:includable></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: #555555; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"></b:widget></span><br />
<div class="separator" style="clear: both;">
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: #555555; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><br />
</span></div>
<div>
=====================================================</div>
<div>
<br />
<div>
Hilangkan tulisan yang berwarna merah, yang selanjutnya akan menjadi seperti ini</div>
<div>
<br /></div>
<div>
=====================================================<br />
<div>
<br /></div>
<div>
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: #555555; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><b:widget id=’ContactForm1′ locked=’false’ title=’Contact Form’ type=’ContactForm’></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: #555555; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;">  <b:includable id=’main’></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: #555555; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><br />
</span><span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: #555555; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"></b:includable></span><br />
<span face="Arial, Helvetica, sans-serif" style="background-color: white; border: 0px; color: #555555; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"></b:widget></span></div>
<div>
<span face="Arial, Helvetica, sans-serif" style="color: #555555;"><span style="font-size: 12px; line-height: 18px;"><br />
</span></span></div>
<div>
=====================================================</div>
<div>
<br /></div>
<h4>
<span style="font-size: large;"><a href="http://semtakung.blogspot.com/2015/03/cara-membuat-contact-form-di-halaman.html" target="_blank">Membuat Halaman Kontak</a></span></h4>
<div>
<br /></div>
<div>
buat new page, kemudian pilih HTML dan isikan kode dibawah ini</div>
<div>
<br /></div>
<div>
=====================================================</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<div>
<div class="widget ContactForm" id="ContactForm1"></div>
<div>
<div class="contact-form-widget"></div>
<div>
<div class="form"></div>
<div>
<form name="contact-form"></div>
<div>
Name</div>
<div>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></div>
<div>
E-mail *</div>
<div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div>
<div>
Message *</div>
<div>
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea></div>
<div>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" /></div>
<div>
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div>
<div>
</div></div>
<div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div>
<div>
</div></div>
<div>
</form></div>
<div>
</div></div>
<div>
</div></div>
<div>
</div></div>
<div>
<br /></div>
<div>
=====================================================</div>
<div>
<br /></div>
<div>
klik publish dan lihat hasilnya</div>
<div>
<br /></div>
<h4>
<span style="font-size: large;">Hasil Contact Form</span></h4>
<div>
Jika sobat berhasil akan keluar tampilan seperti gambar di bawah ini</div>
<div>
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWLlOv_4YCZNIWW78bUeIW8hOw42y1O0RHrU178NYnPObfF-0bgxMcf6-xwvvbXGkTav1d4dVDS7DGe2xAQk0fV86jnzDMQC-lWPUh0HA2_DAek50MVdYk-0gsHbc4zsxkPQ42wKZOof1h/s1600/kontak.JPG" style="margin-left: auto; margin-right: auto;"><img border="0" height="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWLlOv_4YCZNIWW78bUeIW8hOw42y1O0RHrU178NYnPObfF-0bgxMcf6-xwvvbXGkTav1d4dVDS7DGe2xAQk0fV86jnzDMQC-lWPUh0HA2_DAek50MVdYk-0gsHbc4zsxkPQ42wKZOof1h/s1600/kontak.JPG" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">contact form</td></tr>
</tbody></table>
<div>
<br /></div>
<h4>
<span style="font-size: large;">Pengujian Contact Form yang telah dibuat</span></h4>
<div>
Untuk memastikan semuanya berjalan dengan benar maka perlu dilakukan pengujian, isi contact form yang telah dibuat kemudian klik submit</div>
<div>
cek di email milik sobat apakah sudah masuk email yang sudah sobat kirim ke email sobat sendiri tadi</div>
<div>
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvNw5DNRk13HXORGuLDfgOPgVw2Qj5kEj0bYw8X-mw9JnM8TH6W8sbHX38UaA7CZhVB5oqzk7NEKcuBFnBEIrVgGxFm9jx-wBKypDF-NqyeKxm49MizqNVBjQ0_aaNPseX9MwozDc2umVV/s1600/Capture1.JPG" style="margin-left: auto; margin-right: auto;"><img border="0" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvNw5DNRk13HXORGuLDfgOPgVw2Qj5kEj0bYw8X-mw9JnM8TH6W8sbHX38UaA7CZhVB5oqzk7NEKcuBFnBEIrVgGxFm9jx-wBKypDF-NqyeKxm49MizqNVBjQ0_aaNPseX9MwozDc2umVV/s1600/Capture1.JPG" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">email</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
<br /></div>
<div>
Bagaimana sobat, sekarang blog sobat sudah sedikit profesional dengan adanya contact form static yang elah ditambahkan dengan metode di atas</div>
<div>
<br /></div>
<div>
demikian ulasan singkat bagaimana <a href="http://semtakung.blogspot.com/2015/03/cara-membuat-contact-form-di-halaman.html" target="_blank"><b>cara membuat contact form di page satic</b></a> kali ini, semoga bermanfaat :)</div>
<div>
<br /></div>
<div>
Sumber : <a href="http://bsierad.com/" target="_blank">bsierad.com</a></div>
<div>
<br />
Baca juga <a href="http://semtakung.blogspot.com/2015/03/situs-situs-penyedia-template-gratis.html">Situs-situs penyedia template gratis</a></div><div><br /></div><div><pre aria-label="Cuplikan kode" aria-readonly="true" class="_ngcontent-iix-23" role="textbox" style="background-color: #f8f9fa; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); direction: ltr; flex: 1 1 0%; font-size: 14px; letter-spacing: 0.2px; margin-bottom: 8px; margin-top: 0px; object-fit: contain; overflow-wrap: break-word; overflow: auto; padding: 16px;" tabindex="0"><code class="_ngcontent-iix-23" style="object-fit: contain;"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6963010720956254"
     crossorigin="anonymous"></script></code></pre></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div>
<br /></div>
<div>
<br />
<br /></div>
</div>
</div>
</div>

Cara Membuat Contact Form di Halaman Statis Blogspot

Cara Membuat Contact Form di halaman statis blogspot Pada dasarnya contact form adalah widget yang bisa di pasang pada blog dan memang ...

Situs-situs penyedia template gratis

<b style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;"><a href="http://semtakung.blogspot.com/2015/03/situs-situs-penyedia-template-gratis.html" target="_blank">Free Template, Template Blogger, Blogger theme, Download Template</a></b><br />
<h4>
<b style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-stretch: inherit; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;"><a href="http://semtakung.blogspot.com/2015/03/situs-situs-penyedia-template-gratis.html" target="_blank"><span style="font-size: large;">Situs penyedia template gratis</span></a></b></h4>
<br />
<span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">yang sangat populer di dunia maya internet sangat banyak. Setidaknya disini kami menyebutkan 11 situs penyedia template blogger yang cukup berkualitas dan terkenal. Semoga anda bisa menemukan template yang cocok buat anda. Silahkan klik pada masing-masing link-link untuk mengunjungi websitenya.</span><br />
<br style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px; position: relative; word-wrap: break-word;" />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTpo2EJs34bm7tlwYKVE26JBgX776sAtiWfIU8A2KDZfmo8vr_axE8sfOsWncyHJ2TFIUJtqfk4JJcBr8D53wEoqcTI-BIOdUPhs28x6kQTNtyvEnEB8rugfQ6iC9zWmFl83w2M56Cu-oi/s1600/Pakdhe+Johny.jpg" imageanchor="1"><img alt="" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTpo2EJs34bm7tlwYKVE26JBgX776sAtiWfIU8A2KDZfmo8vr_axE8sfOsWncyHJ2TFIUJtqfk4JJcBr8D53wEoqcTI-BIOdUPhs28x6kQTNtyvEnEB8rugfQ6iC9zWmFl83w2M56Cu-oi/s1600/Pakdhe+Johny.jpg" title="template gratis" width="200" /></a></div>
<br style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px; position: relative; word-wrap: break-word;" />
<span style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">  1. SEO Present</span><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> ( </span><a href="http://www.seopresent.com/" rel="nofollow" style="background-color: white; border: 0px; color: #5d839c; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; text-decoration: none; vertical-align: baseline; word-wrap: break-word;" target="_blank">http://www.seopresent.com</a><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> )</span><br />
<span style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">  </span><br />
<span style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">  2. </span><span style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">B-Template</span><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> ( </span><a href="http://www.btemplates.com/" rel="nofollow" style="background-color: white; border: 0px; color: #5d839c; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; text-decoration: none; vertical-align: baseline; word-wrap: break-word;" target="_blank">http://www.btemplates.com</a><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> )</span><br />
<br style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px; position: relative; word-wrap: break-word;" />
<span style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">  3. </span><span style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;"> eBlog Templates</span><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> ( </span><a href="http://www.eblogtemplates.com/templates/blogger-templates" rel="nofollow" style="background-color: white; border: 0px; color: #5d839c; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; text-decoration: none; vertical-align: baseline; word-wrap: break-word;" target="_blank">http://www.eblogtemplates.com/templates/blogger-templates</a><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">/ )</span><br />
<br style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px; position: relative; word-wrap: break-word;" />
<span style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">  4. Our <span class="IL_AD" id="IL_AD1" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">Blog Templates</span></span><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> ( </span><a href="http://www.ourblogtemplates.com/" rel="nofollow" style="background-color: white; border: 0px; color: #5d839c; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; text-decoration: none; vertical-align: baseline; word-wrap: break-word;" target="_blank">http://www.ourblogtemplates.com</a><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">/ )</span><br />
<br style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px; position: relative; word-wrap: break-word;" />
<span style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">  5. Blog Crowds</span><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> ( </span><a href="http://www.blogcrowds.com/resources/blogger_template.php" rel="nofollow" style="background-color: white; border: 0px; color: #5d839c; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; text-decoration: none; vertical-align: baseline; word-wrap: break-word;" target="_blank">http://www.blogcrowds.com/resources/blogger_template.php</a><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> )</span><br />
<span style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;"><br style="position: relative; word-wrap: break-word;" />  6. Jisele Jaguenod</span><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> ( </span><a href="http://www.giselejaquenod.com.ar/blog/blogger-templates" rel="nofollow" style="background-color: white; border: 0px; color: #5d839c; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; text-decoration: none; vertical-align: baseline; word-wrap: break-word;" target="_blank">http://www.giselejaquenod.com.ar/blog/blogger-templates</a><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">/ )</span><br />
<br style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px; position: relative; word-wrap: break-word;" />
<span style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">  7. Final Sense</span><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> ( </span><a href="http://www.finalsense.com/services/blog_templates" rel="nofollow" style="background-color: white; border: 0px; color: #5d839c; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; text-decoration: none; vertical-align: baseline; word-wrap: break-word;" target="_blank">http://www.finalsense.com/services/blog_templates</a><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">/ )</span><br />
<br style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px; position: relative; word-wrap: break-word;" />
<span style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">  8. Blogger Styles</span><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> ( </span><a href="http://www.bloggerstyles.com/" rel="nofollow" style="background-color: white; border: 0px; color: #5d839c; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; text-decoration: none; vertical-align: baseline; word-wrap: break-word;" target="_blank">http://www.bloggerstyles.com</a><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">/ )</span><br />
<br style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px; position: relative; word-wrap: break-word;" />
<span style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">  9. Zoom Template</span><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> ( </span><a href="http://www.zoomtemplate.com/" rel="nofollow" style="background-color: white; border: 0px; color: #5d839c; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; text-decoration: none; vertical-align: baseline; word-wrap: break-word;" target="_blank">http://www.zoomtemplate.com/</a><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> )</span><br />
<br style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px; position: relative; word-wrap: break-word;" />
<span style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">  10. <span class="onjwt3b99kmv" id="onjwt3b99kmv_3" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">Blogger Templates</span></span><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> ( </span><a href="http://www.bloggertemplatesfree.com/" rel="nofollow" style="background-color: white; border: 0px; color: #5d839c; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; text-decoration: none; vertical-align: baseline; word-wrap: break-word;" target="_blank">http://www.bloggertemplatesfree.com</a><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">/ )</span><br />
<br style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px; position: relative; word-wrap: break-word;" />
<span style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; font-weight: bold; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;"> 11.BieTemplates</span><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> ( </span><a href="http://www.bietemplates.com/" rel="nofollow" style="background-color: white; border: 0px; color: #5d839c; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-stretch: inherit; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; text-decoration: none; vertical-align: baseline; word-wrap: break-word;" target="_blank">http://www.bietemplates.com</a><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">/ )</span><br />
<br style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px; position: relative; word-wrap: break-word;" />
<span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">Selain daftar nama </span><b style="background-color: white; border: 0px; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-stretch: inherit; line-height: 19.2000007629395px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;"><a href="http://semtakung.blogspot.com/2015/03/situs-situs-penyedia-template-gratis.html" target="_blank"><span style="font-size: large;">situs penyedia template gratis</span></a></b><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"> diatas, masih banyak situs-situs template lainnya, Semoga 11 situs penyedia ini dapat memberi manfaat buat sobat dan para blogger untuk mempercantik blognnya.</span><br />
<span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"><br />
</span> <span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">Sumber : <a href="http://seowaps.com/" target="_blank">seowaps.com</a></span><br />
<br />
<span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;">Baca juga </span><span style="background-color: white; color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.2000007629395px;"><a href="http://semtakung.blogspot.com/2015/03/cara-membuat-contact-form-di-halaman.html">Cara Membuat Contact Form di Halaman Statis Blogspot</a> </span>

Situs-situs penyedia template gratis

Free Template, Template Blogger, Blogger theme, Download Template Situs penyedia template gratis yang sangat populer di dunia maya inter...

Cara menambahkan komentar (Recent Comments) pada sidebar blogspot

<h2>
<a href="http://semtakung.blogspot.com/2015/03/cara-menambahkan-komentar-recent.html" target="_blank"><span style="font-size: large;">Cara menambahkan komentar (Recent Comments) pada sidebar blogspot </span></a></h2>
<div>
Sebelumnya terima kasih banyak telah berkunjung ke blog ini, walaupun ga sengaja nge klik ya kali :p</div>
<div>
<br /></div>
<div>
<br />
Pada kesempatan kali ini Saya akan berbagi tulisan tentang <a href="http://semtakung.blogspot.com/2015/03/cara-menambahkan-komentar-recent.html" target="_blank"><span style="font-size: large;">cara membuat recent comments di sidebar pada blogspot</span></a>. Cara nya mudah kok, saya pernah mencari caranya namu mendapatkan hasil menambahkan kolom komentar dengan meng-edit html template, ribet, alasannya :</div>
<div>
<ul>
<li>berisiko walaupun sebenarnya bisa saja di backup terlebih dahulu</li>
<li>mencari kodingnya, dimana koding untuk kolom komentar diletakkan di atas/bawah koding tertentu</li>
<li>2 kali kerja, mengedit html template terus nambah widget juga, hufftttttttt.......</li>
</ul>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Pbhx-5PsCtBMmfFPtkY2DXXctJLQmqNxkowwu_mShmPHqvtI27U1on949ReJqfIB28MhQWbbSojUTSihV51T7Cvz2aVPRh_2sZAWuj6mwYK5LlhL-pzLTwix1pb8O7A9bPk5AwHLBVhC/s1600/Capture.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Pbhx-5PsCtBMmfFPtkY2DXXctJLQmqNxkowwu_mShmPHqvtI27U1on949ReJqfIB28MhQWbbSojUTSihV51T7Cvz2aVPRh_2sZAWuj6mwYK5LlhL-pzLTwix1pb8O7A9bPk5AwHLBVhC/s1600/Capture.JPG" width="198" /></a></div>
Untuk menambahkan kolom komentar di sidebar sobat cukup menambahkan satu widget saja, tanpa meng-edit HTML Template dan bla bla bla. Caranya cukup mudah</div>
</div>
<div>
<ol>
<li>Log In di Blogger.com untuk membuka blog sobat</li>
<li>Kemudian klik Layout</li>
<li>Add Gadget</li>
<li>Tambahkan kode berikut :</li>
</ol>
</div>
<blockquote class="tr_bq">
<blockquote class="tr_bq">
<div style="overflow:auto;width:100%;"> </blockquote>
<blockquote class="tr_bq">
<style type="text/css"> </blockquote>
<blockquote class="tr_bq">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} </blockquote>
<blockquote class="tr_bq">
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} </blockquote>
<blockquote class="tr_bq">
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} </blockquote>
<blockquote class="tr_bq">
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} </blockquote>
<blockquote class="tr_bq">
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} </blockquote>
<blockquote class="tr_bq">
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: none;line-height: 1.4;} </blockquote>
<blockquote class="tr_bq">
</style> </blockquote>
<blockquote class="tr_bq">
<script type="text/javascript"> </blockquote>
<blockquote class="tr_bq">
//<![CDATA[ </blockquote>
<blockquote class="tr_bq">
// Recent Comments Settings </blockquote>
<blockquote class="tr_bq">
var </blockquote>
<blockquote class="tr_bq">
numComments = <span style="color: red;">5</span>, </blockquote>
<blockquote class="tr_bq">
showAvatar = true, </blockquote>
<blockquote class="tr_bq">
avatarSize = 40, </blockquote>
<blockquote class="tr_bq">
roundAvatar = true, </blockquote>
<blockquote class="tr_bq">
characters = 100, </blockquote>
<blockquote class="tr_bq">
defaultAvatar = "", </blockquote>
<blockquote class="tr_bq">
hideCredits = true; </blockquote>
<blockquote class="tr_bq">
//]]> </blockquote>
<blockquote class="tr_bq">
</script> </blockquote>
<blockquote class="tr_bq">
<script type="text/javascript" src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar.js"></script> </blockquote>
<blockquote class="tr_bq">
<script type="text/javascript" src="http://<span style="color: red;">semtakung</span>.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script> </blockquote>
<blockquote class="tr_bq">
</div></blockquote>
</blockquote>
            5. Klik save<br />
<br />
Setelah langkah-langkah tersebut telah terlaksana dengan baik dan benar coba refresh blog atau klik view blog di dashboard untuk melihat hasilnya. Dan kolom komentar pun telah muncul.<br />
<br />
Sekian tutorial <span style="font-size: large;"><a href="http://semtakung.blogspot.com/2015/03/cara-menambahkan-komentar-recent.html" target="_blank">cara menambahkan recent comments pada sidebar di blogspot</a> </span>semoga bermanfaat buat sobat. Terima kasih :)<br />
<br />
Oh iya ganti yang berwarna merah dengan kepunyaan sobat, yang lain menyesuaikan selera. Salam<br />
<br />
Sumber : <a href="http://seocips.com/" target="_blank">Seocips.com</a><br />
<br />
baca juga  <a href="http://semtakung.blogspot.com/2015/03/cara-membuat-contact-form-di-halaman.html">Cara Membuat Contact Form di Halaman Statis Blogspot</a>

Cara menambahkan komentar (Recent Comments) pada sidebar blogspot

Cara menambahkan komentar (Recent Comments) pada sidebar blogspot Sebelumnya terima kasih banyak telah berkunjung ke blog ini, walaupun ...

Semesta Mendukung

Cara Membuat Contact Form di Halaman Statis Blogspot

Situs-situs penyedia template gratis

Cara menambahkan komentar (Recent Comments) pada sidebar blogspot

Popular Posts

Blog Archive