Daily Times - Template Blog untuk Koran & Majalah Berita Online

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimqZYr-McEqAfBKQs9VHix1YaQfwCzzuusPjrivC6GsEDqC3Z2M8XVT_SUtXUL1aAR9GieRISGzd1oB1qQqDOATU5goMeghzSvS36jCqp2ZiSPEkWsuW7c6SrCDo97Pu7lO40atqmABu-B/s1600/Daily-Times.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Daily-Times is Newspaper Blogger Magazine Theme" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimqZYr-McEqAfBKQs9VHix1YaQfwCzzuusPjrivC6GsEDqC3Z2M8XVT_SUtXUL1aAR9GieRISGzd1oB1qQqDOATU5goMeghzSvS36jCqp2ZiSPEkWsuW7c6SrCDo97Pu7lO40atqmABu-B/s320/Daily-Times.jpg" title="Daily-Times is Newspaper Blogger Magazine Theme" width="173" /></a></div> Jika Anda tengah mencari <b>Template Blog SEO untuk Koran & Majalah Berita Online</b>, maka Daily Times ini bisa jadi alternatif.<br /> <br /> <a href="http://dailytimestheme.blogspot.com/" rel="nofollow" target="_blank">Daily Time Theme Blogger Template</a> didesain sehingga sangat cocok untuk blog berita. Template blog bergaya suratkabar online (online newspaper) ini didesain oleh Uong Jowo, desainer template blog "speasialis" konversi Wordpress Theme ke template blog.<br /> <br /> <br /> <ul> <li><a href="http://dailytimestheme.blogspot.com/" rel="nofollow" target="_blank">DEMO</a></li> <li><a href="http://uongjowo.blogspot.com/2012/10/daily-times-blogger-template.html" rel="nofollow" target="_blank">DOWNLOAD</a></li> </ul> <br /> <div> Designed by Uong Jowo, Daily-Times is newspaper Blogger magazine theme. This theme you could turn your blog to a professional & attractive newspaper / magazine site very easily.</div> <div> <div> <br /></div> <div> <b>Theme Features:</b></div> <div> <ul> <li>Homepage : 4 columns</li> <li>Singlepage and Singlepost: 2 columns</li> <li>Archive page : 2 columns</li> <li>Slideshow, </li> <li>Ticker, </li> <li>Thumbs image Zoom, </li> <li>Show/hide summary posts, </li> <li>Videos content as well.</li> </ul> </div> <div> <br /></div> <div> <b>Update!</b></div> <div> 1. Replace  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/></div> <div> change with </div> <div> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/></div> <div> <br /></div> <div> 2. Replace 'mybluestage'  change with 'pusoko'</div> </div> <div> <br /></div> <div> Jika setelah dua replace tadi template belum juga berjalan "normal" sebagaimana demonya, maka "intip" saja beberapa javascript yang ada di demo lalu copas! Lebih baik lagi, konsultasikan langsung dengan desainer <b>Template Blog SEO untuk Koran & Majalah Berita Online</b> ini. Good Luck!</div>

Diposting oleh Agastra

Online News - Template SEO Responsive untuk Blog Berita

<h1 class="post-title entry-title" itemprop="name" style="background-color: white; color: #555555; font-family: 'Archivo Narrow', Verdana, sans-serif; font-size: 2.1em; margin: 0px 0px 4px; padding: 0px;"> </h1> <div class="separator" style="clear: both; text-align: center;"> </div> <div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie9s4S-XNacXQRVbPGBuu5xYRg8hopcRlHNYzXyUsokKg-BuzOG1a2_uaAgBrVtUqJ1Cn8fYb18_KsGTPjtyra5M_sUZklvgNHtpVP_Fj6T8pOZnOLPxlG1xJuOB988RGyjkfFa1mw_8Ct/s1600/Online+News+Template.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Online News - Template SEO Responsive untuk Blog Berita" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie9s4S-XNacXQRVbPGBuu5xYRg8hopcRlHNYzXyUsokKg-BuzOG1a2_uaAgBrVtUqJ1Cn8fYb18_KsGTPjtyra5M_sUZklvgNHtpVP_Fj6T8pOZnOLPxlG1xJuOB988RGyjkfFa1mw_8Ct/s1600/Online+News+Template.png" title="Online News - Template SEO Responsive untuk Blog Berita" width="238" /></a></div> Online News Blogger Template ini template blog SEO yang responsif. Template blog magazine news style ini cocok untuk blog berita, jurnal, majalah online, blog pribadi, juga blog toko online.</div> <div> <br /></div> Online News Blogger Template is simple magazine news template for blog blogspot. It's SEO Friendly, User Friendly, Fast Loading, and RESPONSIVE!<br /> <br /> This Online News Blogger Template is Free. It's one of the best, fast loading, and SEO blogger template.<br /> <br /> Online News Blogger Template is simple magazine news template for blog blogspot. It's SEO Friendly, User Friendly, and SEO Ready.<br /> <blockquote class="tr_bq"> Template blog magazine news style ini cocok untuk blog berita, jurnal, majalah online, blog pribadi, juga blog toko online.</blockquote> <br style="margin: 0px; padding: 0px;" /> Konsep dasar template blog ini magazine dan news, namun Anda bisa menggunakannya untuk blog jenis apa saja sesuai dengan selera.<br /> <br /> <div style="text-align: center;"> <b>SKOR SEO</b></div> <div style="text-align: center;"> <b><br /></b></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiDY_OugsPFehkk_gqPVSdrQrgFpZMTcQs3P1DwhjaHd-JOn6wnYxU6wwXMxEj3dxcZlnrQSevCEXfPN2s5EgPTEy5J7em4EcHSWYdeNJT0XZTb3GXCi4nx_Jc3lnYBSj6lgS6KiMCQ088/s1600/Seo+Tools,+Check+My+SEO+and+Free+SEO+Tools+-+Website+SEO+Tool+(2).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Online News - Template Blog SEO Responsive untuk Blog Berita" border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiDY_OugsPFehkk_gqPVSdrQrgFpZMTcQs3P1DwhjaHd-JOn6wnYxU6wwXMxEj3dxcZlnrQSevCEXfPN2s5EgPTEy5J7em4EcHSWYdeNJT0XZTb3GXCi4nx_Jc3lnYBSj6lgS6KiMCQ088/s1600/Seo+Tools,+Check+My+SEO+and+Free+SEO+Tools+-+Website+SEO+Tool+(2).png" title="Online News - Template Blog SEO Responsive untuk Blog Berita" width="320" /></a></div> <b><br /></b> Online News Blogger Template sudah dilengkapi fasilitas social share, komentar yang bisa langsung posting ke Facebook, slider show (featured post), Adsense Ready (Anda tinggal ganti kode iklan) untuk banner header, sidebar 300x250 pixel, dan adsense di homepage untuk iklan dengan lebar 200 pixel.<br /> <br /> <b>Live Demo & Download Link </b>of Online News - Template Blog SEO Responsive untuk Blog Berita<br /> <ul style="list-style-image: initial; list-style-position: outside; margin: 1.5em 0px 1.5em 3em; padding: 0px;"> <li style="margin: 0.5em 0px; padding: 0px;"><b style="margin: 0px; padding: 0px;"><a href="http://onlinenewstemplate.blogspot.com/" rel="nofollow" style="-webkit-transition: all 0.5s; color: #0099cc; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.5s;" target="_blank">DEMO</a></b></li> <li style="margin: 0.5em 0px; padding: 0px;"><b style="margin: 0px; padding: 0px;">DOWNLOAD</b></li> </ul>

Diposting oleh Agastra

Simple SEO Blogger Template: Simple, Cepat, SEO, dan Gratis!

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGEOrAVGQ6A_q8mZMiiFHfbcaZlnOT65tw1YYuwO9_uIL3AMPA96ByFPtUCgDnTXqd0YKeMIjoQcoIif3YDR5TXSKmF4X8svQSoyirGoytnrPmzoB7SSSYjELHxSOPuHjMExiEry88RgWL/s1600/Simple+SEO+Blogger+Template.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Simple SEO Blogger Template" border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGEOrAVGQ6A_q8mZMiiFHfbcaZlnOT65tw1YYuwO9_uIL3AMPA96ByFPtUCgDnTXqd0YKeMIjoQcoIif3YDR5TXSKmF4X8svQSoyirGoytnrPmzoB7SSSYjELHxSOPuHjMExiEry88RgWL/s320/Simple+SEO+Blogger+Template.jpg" title="Simple SEO Blogger Template" width="320" /></a></div> <span style="color: #333333; font-family: "verdana"; font-size: 12px; line-height: 1.6em;">Simple SEO Blogger Template adalah template blog modifikasi dari </span><a href="http://www.blogbamz.com/2012/07/bamz-style-v2.html" rel="nofollow" style="color: #346ba4; font-family: Verdana; font-size: 12px; line-height: 1.6em; text-decoration: none;" target="_blank">Bamz Style V2</a><span style="color: #333333; font-family: "verdana"; font-size: 12px; line-height: 1.6em;">. Sejumlah perubahan dilakukan untuk menambah "cantik" tampilan template blog ini, plus SEO Text Box yang bisa membantu percepatan index Google.</span><br /> <div class="post-body entry-content" id="post-body-2356976244141311161" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 1.6em; margin: 0px; width: 490px;"> <ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="margin: 0px 0px 0.25em; padding: 0px;"><b>Skor SEO </b>Simple SEO Blogger Template menurut <a href="http://chkme.com/" rel="nofollow" style="color: #346ba4; text-decoration: none;" target="_blank">Chkme</a> adalah 100%.</li> <li style="margin: 0px 0px 0.25em; padding: 0px;"><b>Kecepatan Loading</b> Simple SEO Blogger Template menurut <a href="http://gtmetrix.com/" rel="nofollow" style="color: #346ba4; text-decoration: none;" target="_blank">GT Metrix</a> adalah 90% (A) dan 80% (B). Lumayan cepat banget!</li> </ul> <div> <br /></div> <div> <div style="color: black; font-family: 'Times New Roman'; font-size: medium; line-height: normal;"> Simple SEO Blogger Template is template for <a href="http://blogger.com/" rel="nofollow" target="_blank">blogspot (blogger)</a> blog that created with <b>Minimalist Style, Fast Load, </b>and <b>SEO Friendly</b>. </div> <div style="color: black; font-family: 'Times New Roman'; font-size: medium; line-height: normal;"> <br /></div> <div style="color: black; font-family: 'Times New Roman'; font-size: medium; line-height: normal;"> Header kept simple so google bot can faster and easier to index content. This Free Blogger Template is equipped with 3 adsense in the header (468x60 Pixel Adsense Unit), under menu navigation ( (728x15 Pixel Adsense Unit), and sidebar  (300x250 Pixel Adsense Unit). It can be edited or modified easily!</div> <div style="color: black; font-family: 'Times New Roman'; font-size: medium; line-height: normal;"> <br /></div> <div style="color: black; font-family: 'Times New Roman'; font-size: medium; line-height: normal;"> <b>Simple SEO Blogger Template</b> is a free blogger template custom design with 2 Right Sidebar, 2 Column, Blogger, Elegant, Fixed, SEO Ready, Simple, Blue, and you can download and use for free!</div> <div style="color: black; font-family: 'Times New Roman'; font-size: medium; line-height: normal;"> <br /></div> <div class="post-body entry-content" id="post-body-2356976244141311161" style="line-height: 1.6em; margin: 0px; width: 490px;"> <div class="separator" style="clear: both; text-align: center;"> </div> </div> </div> <div> Anda bisa mendownload <a href="http://simpleseobloggertemplate.blogspot.com/" rel="nofollow" target="_blank">Simple SEO Blogger Template</a> ini secara gratis alias <b>free dowload and free use</b> di <b><a href="http://www.mediafire.com/?p7w9y8okf239z7q" rel="nofollow" style="color: #346ba4; text-decoration: none;" target="_blank">MediaFire</a> </b>dan demonya tak lain adalah blog yang sedang Anda baca ini.</div> <div> <br /></div> <div> Template blog ini SIMPLE, tidak banyak pernik dan warna. SEO karena sudah SEO Ready termasuk On Page-nya. <b>Cocok buat blog wartawan, penulis, atau "intelektual" yang biasanya mementingkan isi (konten) ketimbang tampilan blog</b>.</div> <div> <br /></div> <b>SEO SCORE OF THIS BLOGGER TEMPLATE: 100% [I'ts Perfcet!]</b><br /> <a href="http://chkme.com/seo-simpleseobloggertemplate.blogspot.com" rel="nofollow" style="color: #346ba4; text-decoration: none;" title="SEO Reports for simpleseobloggertemplate.blogspot.com"><img alt="SEO Reports for simpleseobloggertemplate.blogspot.com" src="http://chkme.com/seo-simpleseobloggertemplate.blogspot.com.png" style="border: 1px dotted rgb(204, 204, 204); margin: 5px; padding: 5px; position: relative;" title="SEO Reports for simpleseobloggertemplate.blogspot.com" /></a></div> <br /> <ul> <li><a href="http://simpleseobloggertemplate.blogspot.com/" rel="nofollow" target="_blank">DEMO</a></li> <li><a href="http://www.mediafire.com/?p7w9y8okf239z7q" rel="nofollow" target="_blank">DOWNLOAD</a></li> </ul>

Diposting oleh Agastra

Cara Membuat Blog (Lanjutan)

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI6HSWnawMBO4RPtOZ4Z8vl6PfpLcZbDlF7tpZGURigi2GJ3HZR8aa4mPApWtyOkzCriu704YX9shUk4N7oHKMrAH_oBAL_g_lPkHG0cRNhyphenhyphennORtMtCKOJCW75a1XpREmooVJ0TWFPttIs/s1600/blog+blogger+logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="cara membuat blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI6HSWnawMBO4RPtOZ4Z8vl6PfpLcZbDlF7tpZGURigi2GJ3HZR8aa4mPApWtyOkzCriu704YX9shUk4N7oHKMrAH_oBAL_g_lPkHG0cRNhyphenhyphennORtMtCKOJCW75a1XpREmooVJ0TWFPttIs/s200/blog+blogger+logo.png" title="cara membuat blog" width="200" /></a>Posting Cara Membuat Blog ini merupakan lanjutan posting sebelumnya, <a href="http://contohblognih.blogspot.com/2013/10/cara-membuat-blog-panduan-lengkap.html" rel="nofollow" target="_blank">Cara Membuat Blog: Panduan Lengkap</a>.<br /><br />Panduan yang pertama baru sampai tahap POSTING, belum memasuki <b>Tahap Lanjutan, </b>yaitu setting sana-sini di Dashboard, SEO  Blognya, dan upaya lain untuk mempopulerkan blog sehingga banyak pengunjung.<br /><br /><b>Cara Membuat Blog Lanjutan</b><br />1. Setting Dashboard<br />2. Setting RSS Feeds<br />3. Setting Media Sosial<br />4. Webmaster Tools<br />5. Sitemap<br />6. Google Analytic<br />7. Networked Blog<br />8. Meta Tag<br />9. SEO Posting<br />10. SEO Template<br /><br /><b>1. Setting Dashboard</b><br /><br /><ul><li>Setting >> Basic >> Description  (isi)</li><li>Setting >> Search Preference  >> Meta Tags (isi)</li><li>Klik menu lainnya. Kalau tidak yakin, biarkan. Nanti kalo sudah tahu, tengok lagi dan lakukan setting kembali.</li></ul><br /><b>2. Setting RSS Feeds</b><br />Setting ini dan poin berikutnya agar blog cepat terindeks Google dan mesin pencari lainnya.<br /><br /><ul><li>Buka http://feeds.feedburner.com</li><li>Masukkan alamat blog, misalnya http://<span style="color: red;">contohblognih</span>.blogspot.com/feeds/posts/default</li><li>Klik Next!</li><li>Klik Pulicize >> Email Subscription</li><li>Ikuti langkah berikutnya </li><li>Klik "<b>Socialize</b>" agar posting baru otomatis jadi status update di <b>twitter</b></li><li>Klik menu-menu yang ada. Kalau gak yakin, cukup dulu. Nanti bisa balik lagi.</li></ul><br /><b>3. Setting Media Sosial</b>.<br /><br /><ul><li>Buat Fans Page dan/atau Gru[ Facebook</li><li>Buka http://networkedblogs.com</li><li>Login dengan akun Facebook</li><li>Lakukan panduan berikutnya agar posting blog otomatis jadi status update di Facebook.</li></ul><br /><b>4. Webmaster Tools</b>.<br /><br /><ul><li>Buka <a href="https://www.google.com/webmasters/" rel="nofollow" target="_blank">Webmaster Google</a>.</li><li>Klik "Add Site"</li><li>Ikuti langkah berikutnya</li></ul><br /><b>5. Sitemap</b>.<br /><br /><ul><li>Masih di Google Webmaster Tools</li><li>Klik menu "Submit Sitemap"</li><li>Ketik <b><span style="color: red;">sitemap.xml</span></b> di kolom bagian akhir alamat blog Anda</li><li>Klik Submit Sitemap.</li></ul><br /><b>6. Google Analytic</b>.<br /><br /><ul><li>Masuk ke <a href="http://www.google.com/analytics/" rel="nofollow" target="_blank">Google Analytic</a>.</li><li>Daftarkan blog Anda</li><li>Ikuti langkah selanjutnya.</li></ul><br /><b>8. Meta Tag</b>. Gunakan <a href="http://contohblognih.blogspot.com/2014/03/meta-tags-seo-friendly-untuk-blog.html" target="_blank">Meta Tags SEO Friendly</a>.<br /><b>9. <a href="http://contohblognih.blogspot.com/2014/03/Tips-SEO-Blog-Terbaru-2014-Sesuai-Algoritma-Google.html" target="_blank">SEO Posting</a></b>.<br /><b>10. SEO Template</b>. Gunakan <a href="http://contohblognih.blogspot.com/search/label/Template%20Blog%20SEO" target="_blank">Template Blog SEO Friendly</a>.<br /><br />Poin 8, 9, 10 akan ditulis pada kesempatan berikutnya atau bisa di SEARCH di blog ini karena sudah ada dalam posting (penah ditulis di blog ini).*

Diposting oleh Agastra

Modifikasi Template Johny Wuss: Mengubah Related Articles

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6F32PuzvnnRiV7LjAoZ4E8jjN34AljwX8OTHbGNsah7R5wv-ldHuPClUVXaOZnkwVImFv1EEG3dHUl1DDECuBtNIAMxjO0ucrnRwJfaUEZyUlHewa_FWDjLoe_dYaVdwsJTKescoPlLN7/s1600/Johny+Wusss.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Modifikasi Template Johny Wuss: Mengubah Related Articles" border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6F32PuzvnnRiV7LjAoZ4E8jjN34AljwX8OTHbGNsah7R5wv-ldHuPClUVXaOZnkwVImFv1EEG3dHUl1DDECuBtNIAMxjO0ucrnRwJfaUEZyUlHewa_FWDjLoe_dYaVdwsJTKescoPlLN7/s200/Johny+Wusss.jpg" title="Modifikasi Template Johny Wuss: Mengubah Related Articles" width="200" /></a></div> CONTOH<span style="color: orange;">BLOG</span> (CB) suka banget dengan template Johny Wusss atau Johny Wuss, juga template buatan <a href="http://www.mastemplate.com/" rel="nofollow" target="_blank">Mas Kolis</a> lainnya.<br /> <br /> Namun, untuk template <a href="http://johny-wusss.blogspot.com/" rel="nofollow" target="_blank">Johny Wuss</a>, CB kurang berkenan dengan tampilan "Related Articles" yang berupa thumbnail (gambar).<br /> <br /> CB pun mencoba memodifikasi template Johny Wuss ini dengan mengubah "Related Articles" menjadi berupa list judul posting tanpa gambar.<br /> <br /> Alasannya, tampilan related post atau posting terkait berupa gambar kurang menarik/kurang diperhatikan oleh pembaca. Menurut hasil penelitian <a href="http://www.nngroup.com/reports/how-people-read-web-eyetracking-evidence/" rel="nofollow" target="_blank">Jakob Nielsen</a>, mayoritas pembaca website (blog) melihat teks, bukan gambar/foto.<br /> <br /> Atas pertimbangan  tersebut, maka CB pun <a href="http://contohblognih.blogspot.com/2013/10/cara-membuat-related-post-di-blog.html" rel="nofollow" target="_blank">mengubah tampilan related posts</a> di blog ini menjadi "full text", tanpa gambar.<br /> <br /> <b>CARA MENGUBAH "RELATED ARTICLES"</b><br /> Jika Anda pengguna Johny Wuss dan ingin mengubah tampilan Related Articles-nya menjadi hanya "daftar judul posting" saja, maka langkahnya sebagai berikut:<br /> <br /> 1. Template >> Edit HTML<br /> 2. Copy kode di bawah ini dan Paste di atas kode <span style="color: red;"></head></span><br /> <br /> <div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;"> <style><br /> #related-posts {<br /> float : left;<br /> width : 540px;<br /> margin-top:20px;<br /> margin-left : 5px;<br /> margin-bottom:20px;<br /> font : 10px Verdana;<br /> margin-bottom:10px;<br /> }<br /> #related-posts .widget {<br /> list-style-type : none;<br /> margin : 5px 0 5px 0;<br /> padding : 0;<br /> }<br /> #related-posts .widget h2, #related-posts h2 {<br /> color : #940f04;<br /> font-size : 15px;<br /> font-weight : normal;<br /> margin : 5px 7px 0;<br /> padding : 0 0 5px;<br /> }<br /> #related-posts a {<br /> color : #054474;<br /> font-size : 10px;<br /> text-decoration : none;<br /> }<br /> #related-posts a:hover {<br /> color : #054474;<br /> text-decoration : none;<br /> }<br /> #related-posts ul {<br /> border : medium none;<br /> margin : 10px;<br /> padding : 0;<br /> }<br /> #related-posts ul li {<br /> display : block;<br /> background : url("http://www.dogphilosophy.net/graphics/sample1.jpg") no-repeat 0 0;<br /> margin : 0;<br /> padding-top : 0;<br /> padding-right : 0;<br /> padding-bottom : 1px;<br /> padding-left : 16px;<br /> margin-bottom : 5px;<br /> line-height : 2em;<br /> border-bottom:1px dotted #cccccc;<br /> }<br /> </style><br /> <script type='text/javascript'><br /> //<![CDATA[<br /> var relatedTitles = new Array();<br /> var relatedTitlesNum = 0;<br /> var relatedUrls = new Array();<br /> function related_results_labels(json) {<br /> for (var i = 0; i < json.feed.entry.length; i++) {<br /> var entry = json.feed.entry[i];<br /> relatedTitles[relatedTitlesNum] = entry.title.$t;<br /> for (var k = 0; k < entry.link.length; k++) {<br /> if (entry.link[k].rel == 'alternate') {<br /> relatedUrls[relatedTitlesNum] = entry.link[k].href;<br /> relatedTitlesNum++;<br /> break;<br /> }<br /> }<br /> }<br /> }<br /> function removeRelatedDuplicates() {<br /> var tmp = new Array(0);<br /> var tmp2 = new Array(0);<br /> for(var i = 0; i < relatedUrls.length; i++) {<br /> if(!contains(tmp, relatedUrls[i])) {<br /> tmp.length += 1;<br /> tmp[tmp.length - 1] = relatedUrls[i];<br /> tmp2.length += 1;<br /> tmp2[tmp2.length - 1] = relatedTitles[i];<br /> }<br /> }<br /> relatedTitles = tmp2;<br /> relatedUrls = tmp;<br /> }<br /> function contains(a, e) {<br /> for(var j = 0; j < a.length; j++) if (a[j]==e) return true;<br /> return false;<br /> }<br /> function printRelatedLabels() {<br /> var r = Math.floor((relatedTitles.length - 1) * Math.random());<br /> var i = 0;<br /> document.write('<ul>');<br /> while (i < relatedTitles.length && i < 20) {<br /> document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');<br /> if (r < relatedTitles.length - 1) {<br /> r++;<br /> } else {<br /> r = 0;<br /> }<br /> i++;<br /> }<br /> document.write('</ul>');<br /> }<br /> //]]><br /> </script></div> <br /> 3. Cari kode di bawah ini:<br /> <br /> <div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;"> <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-5156a09e76c1568f' type='text/javascript'/><br /> </div><br /> <br /> <span style="color: blue;"><div class='clearfix' id='related'></span><br /> <span style="color: blue;"><div class='related-posts'></span><br /> <span style="color: blue;"><p>Related Articles</p></span><br /> <span style="color: blue;"><script type='text/javascript'></span><br /> <span style="color: blue;">var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglfS2lbRHY_vxs6K7MyrZ0NXysbdEdT5Vk75b1lTCz1SpQiYl4ANtn7aySUgHzW1EKs1ShW4W2PVbsQIroO4CvVl-ziMaT6GGkzNyizYKGC68KuY9rF6XBVxaebJIou4wwtpOXxqamaCI/s1600/no+image.jpg&quot;;</span><br /> <span style="color: blue;">var maxresults=6;</span><br /> <span style="color: blue;"></script></span><br /> <span style="color: blue;"><script src='http://yourjavascript.com/1198561349/relatedimg.js' type='text/javascript'/></span><br /> <span style="color: blue;"><b:loop values='data:post.labels' var='label'></span><br /> <span style="color: blue;"><b:if cond='data:label.isLast != &quot;true&quot;'></span><br /> <span style="color: blue;"></b:if></span><br /> <span style="color: blue;"><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></span><br /> <span style="color: blue;"></b:loop></span><br /> <span style="color: blue;"><br /></span><span style="color: blue;"><script type='text/javascript'></span><br /> <span style="color: blue;">removeRelatedDuplicates_thumbs();</span><br /> <span style="color: blue;">printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);</span><br /> <span style="color: blue;"></script>                 </span><br /> <span style="color: blue;"></div></span><br /> <span style="color: blue;"><br /></span><span style="color: blue;"><div class='subscribe'></span><br /> <span style="color: blue;"><p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'></span><br /> <span style="color: blue;"><b>click here</b></a>, or subscribe to receive more great content just like it.</p></span><br /> <span style="color: blue;"><p class='feed'><a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p></span><br /> <span style="color: blue;"><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'></span><br /> <span style="color: blue;"><input name='uri' type='hidden' value='JohnyTemplate'/></span><br /> <span style="color: blue;"><input name='loc' type='hidden' value='en_US'/></span><br /> <span style="color: blue;"><input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/></span><br /> <span style="color: blue;"><input id='botsubbutton' type='submit' value='Submit'/><br/></span><br /> <span style="color: blue;"><small>Your information will not be shared. Ever.</small><br/></span><br /> <span style="color: blue;"><a href='http://feeds.feedburner.com/JohnyTemplate'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/JohnyTemplate?bg=0F61CB&amp;fg=222222&amp;anim=1' style='border:0' width='88'/></a></span><br /> <span style="color: blue;"></form></span><br /> <span style="color: blue;"></div></span><br /> <span style="color: blue;"></div></span><br /> <div> <br /></div> </b:if><br />     <b:if cond='data:post.hasJumpLink'></div> <br /> 4. REPLACE kode berwarna biru dengan kode di bawah ini<br /> <br /> <div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;"> <b:if cond='data:blog.pageType == "item"'><br /> <div id="related-posts"><br /> <h2>Related Posts on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><br /> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/></b:if></b:loop> </h2><br /> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script><br /> </div></b:if></div> <br /> <b>5. Save Template!</b>

Diposting oleh Agastra

Agar Blog Anda SEO Friendly - Cepat Terindeks Google

<div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> </div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPxu29BJAo_2YqBbjxxuKxqZUSETDfwo8PWj-o-ujM0cwWruj9weSb826Z37IiIspSTj7xxgtqG4-CToxWTwwAOn9IfsN88purK31-iD0f62fXDZiM-xYjAC7zdhm_Vlvv4BJ3hMYisXQH/s1600/menulis+blog.jpg" imageanchor="1" style="clear: left; display: inline !important; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img alt="Agar Blog Anda SEO Friendly - Cepat Terindeks Google" border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPxu29BJAo_2YqBbjxxuKxqZUSETDfwo8PWj-o-ujM0cwWruj9weSb826Z37IiIspSTj7xxgtqG4-CToxWTwwAOn9IfsN88purK31-iD0f62fXDZiM-xYjAC7zdhm_Vlvv4BJ3hMYisXQH/s200/menulis+blog.jpg" title="Agar Blog Anda SEO Friendly - Cepat Terindeks Google" width="200" /></a> Begitu Anda membuat blog di blogspot, sebenarnya blog Anda langsung terdaftar di Google karena Blogspot (Blogger) milik Google.<br /> <br /> Namun, jika Anda ingin blog Anda SEO Friendly dan Cepat Terindeks Google dan mesin pencari lainnya, maka lakukan langkah-langkah di bawah ini.<br /> <br /> <b>Agar Blog Anda SEO Friendly - Cepat Terindeks Google</b><br /> Ini kalau template blog yang Anda gunakan masih standar, belum ditambah fitur-fitur di bawah ini.<br /> <br /> Kalau Anda sudah menggunakan<a href="http://contohblognih.blogspot.com/2013/10/Template-Blog-SEO-Friendly-Terbaik.html" rel="nofollow" target="_blank"> template belog SEO Friendly</a> dan sudah ada fitur-fitur di bawah ini, ya... gak usah lagi ditambahin, sudah ada kok.<br /> <br /> <b>1. Meta Tags - Title Tag, Description Tag, dan Keyword Tag</b><br /> <b>2. Breadcrumbs</b><br /> <b>3. Related Post</b><br /> <b>4. Social Sharing (minimal ada fasilitas share ke Facebook, Twitter, Google Plus).</b><br /> <b>5. Read More otomatis.</b><br /> <br /> <b>Daftarkan Blog Anda!</b><br /> Submit Sitemap ke Search Engine Google dan Bing<br /> Sitemap adalah sebuah daftar isi yang menerangkan tentang apa yang ada pada blog Anda. Sitemap atau "peta situs" ini berupa XML --sebuah bahasa yang hanya dimengerti oleh Search Engine.<br /> <br /> XML Blogspot biasanya sudah terintegrasi. Anda tinggal membuka <a href="http://www.google.com/webmasters/tools/%E2%80%8E" rel="nofollow" target="_blank">Google Webmaster Tools</a> -> Add Site --> Add Sitemap. Masukkan teks warna biru di kolom yang tersedia:<br /> <br /> <ul> <li>http://contohblognih.blogspot.com/<span style="color: blue;">sitemap.xml</span></li> <li>http://contohblognih.blogspot.com/<span style="color: blue;">atom.xml?redirect=false&start-index=1&max-results=500</span></li> <li>http://contohblognih.blogspot.com/<span style="color: blue;">feeds/posts/default?orderby=updated</span></li> </ul> <br /> <br /> <br /> <br />

Diposting oleh Agastra

Mengatasi Judul Posting Blog tidak muncul di Internet Explorer

Saat ini umumnya user menggunakan browser Mozilla Firefox dan Google Chrome untuk internetan. Namun, tidak sedikit pula yang masih menggunakan browser <b>Internet Explorer. </b><br /> <br /> Seringkali sebuah blog tampil normal di Firefox dan Chrome, namun ketika dibuka di Internet Explorer, tampilannya jadi error, misalnya judul posting tidak muncul. Jika blog Anda mengalaminya, yaitu judul posting tidak muncul di Internet Explorer, maka tambahkan kode di bawah ini di template blog Anda.<br /> <br /> <b>Ini cara mengatasi judul posting blog yang tidak muncul di Internet Explorer:</b><br /> 1. Template >> Edite HTML<br /> 2. Cari kode <head><br /> 3. Letakkan/Copy - Paste kode di bawah ini tepat di bawah kode <head><br /> <br /> <span style="color: #0b5394;"><meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=2' name='viewport'/></span><br /> <span style="color: #0b5394;"><meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/></span><br /> <span style="color: #0b5394;"><meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/> </span><br /> <br /> 4. <b>Save Template!</b><br /> 5. Silakan buka IE dan buka blog Anda.<br /> <br /> Good Luck!

Diposting oleh Agastra

9 Manfaat Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLvdIYzg3zxqmeG21qxtt71JJ_l-h0INEVCM5R-RyRJE69GI2H7lE0AiSIxLlLpQlmqvm4KQdP8_JkvDmxPcti0XbaRgtVUVuVPaEQne3S8gqqeR8Rhv-FUAymgdH-rUtHLkBsPDJHQIZK/s1600/blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="manfaat blog" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLvdIYzg3zxqmeG21qxtt71JJ_l-h0INEVCM5R-RyRJE69GI2H7lE0AiSIxLlLpQlmqvm4KQdP8_JkvDmxPcti0XbaRgtVUVuVPaEQne3S8gqqeR8Rhv-FUAymgdH-rUtHLkBsPDJHQIZK/s200/blog.jpg" title="manfaat blog" width="200" /></a></div>Manfaat blog adalah keuntungan yang kita peroleh jika kita punya blog, ngeblog, atau blogging. Manfaat blog sudah dapat dirasakan sejak awal kita punya blog. Ngeblog sama dengan menulis dan berbagi.<br /><br />Setelah membaca posting ini, Anda yang belum punya blog bisa langsung menuju Cara <a href="http://contohblognih.blogspot.com/2013/10/cara-membuat-blog-panduan-lengkap.html" rel="nofollow" target="_blank">Membuat Blog</a>.<br /><br /><b>Berikut ini 9 manfaat blog:</b><br /><br /><b>1. Ekspresi Diri (<i>Self Expression</i>). </b><br />Manfaat blog yang pertama adalah blog dapat menjadi sarana aktualisai diri, juga sarana "curhat" atau uneg-uneg, juga menunjukkan "emosi" dan sikap kita pada suatu peristiwa atau masalah. Kita bisa mengomentari isu-isu aktual "semau kita" dan membuka ruang dialog/diskusi dengan orang di seluruh dunia.<br /><br /><b>2. Berbagi (Share).</b><br />Manfaat blog yang kedua adalah blog merupakan sarana berbagi pengetahuan, wawasan, pengalaman, juga berbagi foto, video, dan audio dengan penduduk dunia. Istilahnya, dengan ngeblog kita bisa "sedekah ilmu". Dengan berbagi, kita berusaha menjadi orang baik.<br /><br /><b>3. Asah Terampil Menulis (Writing Skills</b>).<br />Manfaat blog yang ketiga adalah blog menjadi sarana mengasah keterampilan menulis sehingga kita bisa menjadi penulis yang lebih baik. Anda yang bercita-cita menjadi penulis, otomatis dengan ngeblog cita-cita Anda tercapai. Blogger = penulis.<br /><br /><b>4. Personal Branding. </b><br />Manfaat blog yang yang keempat: mempunyai blog artinya memiliki sarana "promosi diri". Anda membentuk citra diri Anda di blog dengan tulisan atau hal lain yang dipublikasi di blog. Di blog pula Anda memperkenalkan diri kepada dunia, siapa diri Anda dan apa kompetensi Anda.<br /><br /><b>5. Membangun Jaringan (Networking). </b><br />Manfaat blog yang kelima: blog akan membangun jaringan, relasi, bertambah teman. Blogger terdiri dari banyak kalangan, profesi, usia, dan dari seluruh dunia yang bisa saling berinteraksi setiap saat. Sangat besar potensi kita untuk memperluas pergaulan, mendapatkan teman-teman baru dan relasi-relasi baru khusunya dalam hobi atau profesi yang sama. Dari sana sangat memungkinkan terjadi tukar ide, berbagi pengalaman, bahkan potensi-potensi usaha.<br /><br /><b>6. Membantu orang lain</b><br />Manfaat blog yang keenam: Anda akan mendapatkan pahala kebaikan jika menuliskan hal-hal positif, guna membantu orang lain mengatasi masalah. Di blog Anda bisa menulis tips-tips atau pengetahuan dalam bidang tertentu yang bermanfaat bagi orang lain. Banyak orang lari ke internet ketika punya masalah, misalnya komputer nge-hank, atau jika burung kesayangannya tiba-tiba "puasa" berkicau.<br /><br /><b>7. Menghasilkan uang.</b><br />Manfaat blog yang ketujuh: blog bisa menghasilkan uang. Di blog Anda bisa jualan, promosi barang dan jasa, juga bisa memasang iklan, termasuk Adsense Google yang dibayar dolar.<br /><br /><b>8. Mengikat ilmu.</b><br />Manfaat blog yang kedelapan adalah mengikat ilmu. Ilmu harus diikat agar tidak lepas. Blog merupakan sarana pengingat ilmu pengetahuan, juga menjadi penyimpan ide atau gagasan. Anda dapat menuliskan ide untuk teman-teman, keluarga, dan dunia.<br /><br /><b>9. Buku Harian (Online Diary).</b><br />Manfaat blog yang kesembilan: blog bisa dijadikan sebagai buku catatan online yang bisa dibaca semua orang. atau sebagai <i>diary</i> pribadi saja.<br /><br />Demikian 9 manfaat blog yang pasti sudah dirasakan oleh para blogger berpengalaman. Anda yang belum punya blog, just... go blogging! <a href="http://contohblognih.blogspot.com/2013/10/cara-membuat-blog-panduan-lengkap.html" rel="nofollow" target="_blank">Cara membuat blog </a>sangat mudah.*

Diposting oleh Agastra

Template Blog SEO Friendly, User Friendly, Fast Loading, dan Adsense Ready

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWlqszUgsOQ_DVOVHdT8pysgxMdGm58HS9YTjyg9K4hs8ZiVpDnawgwiqAG8Tk0I5Qzifb1yURH0o6fDprp7uJ7Kg9AXCPSsfcOqH20_SUQpg9h7mzCbK5bntXaJbHH6YrWBANUAdsTd4d/s1600/Simple+SEO+Blogger+Template.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="simple seo blogger template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWlqszUgsOQ_DVOVHdT8pysgxMdGm58HS9YTjyg9K4hs8ZiVpDnawgwiqAG8Tk0I5Qzifb1yURH0o6fDprp7uJ7Kg9AXCPSsfcOqH20_SUQpg9h7mzCbK5bntXaJbHH6YrWBANUAdsTd4d/s1600/Simple+SEO+Blogger+Template.jpg" title="simple seo blogger template" /></a></div> Template Blog SEO Friendly, Fast Loading, User Friendly, dan Adsense Ready adalah template blog yang "diburu" para blogger yang sudah mengerti arti <a href="https://en.wikipedia.org/wiki/Search_engine_optimization" rel="nofollow" target="_blank"><i>Search Engine Optimization</i> </a>(SEO) blog.<br /> <br /> <b>UPDATE!</b><br /> Koleksi Template Blog SEO Friendly, User Friendly, Fast Loading, Adsense Ready, plus... Responsive, ada di sini: <b><a href="http://contohblognih.blogspot.com/search/label/Template%20Blog%20SEO" target="_blank">Template SEO.</a> </b><br /> <b><br /></b><b>Template Blog SEO Friendly</b> adalah template blog yang "bersahabat dengan mesin pencari", terutama Google, sehingga blog mudah terindeks, menempati peringkat atas atau paling tidak di halaman depan hasil pencarian, dan banyak pengunjung.<br /> <b><br /></b> <br /> <div> <b>Template Blog Fast Loading </b>adalah template blog yang loading atau tampilannya cepat saat dibuka oleh user, pengunjung, atau pembaca.<br /> <b><br /></b> <br /> <div> <b>Template Blog User Friendly</b> adalah template blog yang bersahabat dengan pembaca atau memudahkan pembaca dalam menemukan data/posting yang dicarinya, juga enak dipandang, dan navigasi blognya memudahkan user dalam browse artikel lain di dalam blog.<br /> <b><br /></b></div> <div> <b>Template Blog Adsense Ready </b>adalah template blog yang sudah menyediakan ruang (<i>space</i>) atau kolom untuk <a href="https://www.google.com/adsense/" rel="nofollow" target="_blank">Google Adsense </a>atau kode iklan/<a href="https://en.wikipedia.org/wiki/AdSense" rel="nofollow" target="_blank">Adsense</a> lainnya. Blogger tinggal memasukkan kode iklan saja, gak usah ribet lagi utak-atik kode atau Edit HTML.</div> <div> <br /> Bagaimana jika keempat kriteria template blog idaman para blogger itu ada dalam satu template blog untuk blogspot? Ini jawabannya: <a href="http://simpleseobloggertemplate.blogspot.com/" rel="nofollow" target="_blank">Simple SEO Blogger Template</a>. Mau?<br /> <br /> - <a href="http://simpleseobloggertemplate.blogspot.com/" rel="nofollow" target="_blank">DEMO</a><br /> - <a href="http://www.mediafire.com/?p7w9y8okf239z7q" rel="nofollow" target="_blank">DOWNLOAD</a><br /> <br /> <b>Simple SEO Blogger Template</b> dirancang sedemikian rupa sehingga memenuhi kriteria template blog yang SEO Friendly, User Friendly, Fast Loading, dan Adsense Ready sekaligus!<br /> <br /> <b>Simple SEO Blogger Template </b>ini<b> </b>hasil<b> </b><i>redesign</i> <a href="http://contohblognih.blogspot.com/" rel="nofollow" target="_blank">CONTOH BLOG</a> dengan memodifikasi <a href="http://thesis-seo-bloggertemplate.blogspot.com/" rel="nofollow" target="_blank">Thesis SEO Bloggertemplate</a> yang cukup terkenal SEO itu. Seperti disebutkan sang desainer, <a href="http://blogjuragan.blogspot.com/2010/07/seo-friendly-blogspot-templates.html" rel="nofollow" target="_blank">Blog Juragan</a>, Thesis SEO Bloggertemplate ini memiliki fitur:<br /> <br /> - SEO Friendly<br /> - Visitor Friendly<br /> - Dilengkapi dengan Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting)<br /> - Dilengkapi dengan dinamic metatag deskripsi dan keyword otomatis (metatag wajib untuk menghindari duplikat meta deskripsi & keyword)<br /> - Quicklink ke kotak komentar<br /> - Sudah dipersenjatai Autoreadmore<br /> - dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog sobat.<br /> - Loading yang cepat<br /> - Konsep minimalis & simple<br /> - dll.<br /> <br /> Nah, <a href="http://contohblognih.blogspot.com/" rel="nofollow" target="_blank">CONTOH BLOG</a> memodifikasinya lebih SEO lagi dengan menambahkan, antara lain:<br /> - Related Posts --posting terkait<br /> - Social Share --fasilitas share ke Facebook, Twittter, dan Google Plus, dan LinkedIn.<br /> - Memasang kolom atau ruang iklan/adsense di awal postingan blog (<a href="http://simpleseobloggertemplate.blogspot.com/2013/11/template-blog-seo-fast-loading-dan.html" rel="nofollow" target="_blank">LIHAT DEMO</a>). Anda tinggal mengganti kode iklan dengan milik Anda setelah kodenya di-<a href="http://www.blogcrowds.com/resources/parse_html.php" rel="nofollow" target="_blank">PARSE dulu</a>.<br /> - Memasang space iklan/adsense di bawah menu navigasi --Unit Google Adsense 728x15 Pixel.<br /> - Mengubah lebar sidebar menjadi 366 Pixel --untuk Unit Google Adsense ukuran 366x280 Pixel.<br /> - Mengubah menu navigasi menjadi di bawah nama/logo header blog<br /> - Mengubah warna menu navigasi yang bisa diubah lagi sesuai dengan selera dengan menggunakan <a href="http://contohblognih.blogspot.com/p/kode-warna-html.html" rel="nofollow" target="_blank">Kode Warna HTML</a>.<br /> - dll.<br /> <br /> Kecepatan template Simple SEO Blogger Template ini, menurut <a href="http://gtmetrix.com/" rel="nofollow" target="_blank">GT Metrix</a>, yaitu 93% (A). Bisa berubah jika Anda gunakan, tergantung ukuran gambar/foto yang ditambahkan ke postingan.<br /> <br /> <b>CAUTION! Jika Anda menggunakan template blog </b>Simple SEO Blogger Template ini, JANGAN hapus footer credit yang ada di footer sebelah kanan or... <b>Something Bad Will Happen to Your Blog</b>. <br /> <br /> Good luck!!!<br /> <br /> <b><a href="http://simpleseobloggertemplate.blogspot.com/" rel="nofollow" target="_blank">DEMO</a></b> <b><a href="http://www.mediafire.com/?p7w9y8okf239z7q" rel="nofollow" target="_blank">DOWNLOAD</a></b><br /> <br /> <b>UPDATE!!!</b><br /> Koleksi Template Blog SEO Friendly, User Friendly, Fast Loading, Adsense Ready, plus... Responsive ada di sini: <b><a href="http://contohblognih.blogspot.com/search/label/Template%20Blog%20SEO" target="_blank">Template SEO.</a> </b>Cekidot !!!</div> </div>

Diposting oleh Agastra

Cara Membuat Related Post di Blog Blospot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRhD4RDlCANeMcUu3okgZXc6dfzaTjx0FT8OFnC7j8BbMMt6n_fkhqqwx2mhudDiS_dyDEELMeidFjReHco5M0MJnWpGgTpfz3l6CK6tS9uSyUg90OC0i-UOBRRte0xYUdVGafZ55fWFq/s1600/blogger-related-post.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="membuat related post" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRhD4RDlCANeMcUu3okgZXc6dfzaTjx0FT8OFnC7j8BbMMt6n_fkhqqwx2mhudDiS_dyDEELMeidFjReHco5M0MJnWpGgTpfz3l6CK6tS9uSyUg90OC0i-UOBRRte0xYUdVGafZ55fWFq/s1600/blogger-related-post.jpg" title="membuat related post" /></a></div>Menambahkan daftar posting terkait (related posts) di bawah tiap posting blog tidak hanya menambah keren blog, tapi juga membantu meningkatkan pageviews. Posting terkait ini sangat bermanfaat bagi blogger sendiri dan user. Pengunjung dengan mudah menemukan topik-topik terkait atau artikel menarik lainnya di blog Anda.<br /><br /><b>UPDATE!</b><br />Gunakan yang ini, lebih OK:<br /><b><a href="http://contohblognih.blogspot.com/2014/01/cara-membuat-related-posts-yang-aman.html" target="_blank">Membuat Related Post yang Aman dari Sisipan Link</a></b><br /><div><br /></div>Posting terkait (related posts) menyajikan posting alternatif kepada pembaca dan "membujuk" mereka berlama-lama di blog Anda.<br /><br />Ini dia cara membuat daftar posting terkait (related posts) di bawah tiap posting. Dari sekian banyak cara membuat posting terkait, ini salah satu yang aman, tanpa "injeksi" dan "penyusup" apa pun yang biasanya berisi link blog tertentu. Blog ini pun menggunakan kode Related Posts yang dimodifikasi dari <a href="http://coolworld.in/Thread-How-To-Add-Related-Posts-Widget-To-Blogger" rel="nofollow" target="_blank">Cool Word In</a>.<br /> <h3><b>Cara Membuat Related Posts di Blogspot</b></h3>1. Dashboard → Template → Edit HTML.<br />2. Temukan kode [ctrl+F] <span style="color: red;"></head></span><br />3. Copy & Paste kode di bawah ini sebelum kode <b></head></b><br /><br /><div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;"><style><br />#related-posts {<br />float : left;<br />width : 540px;<br />margin-top:20px;<br />margin-left : 5px;<br />margin-bottom:20px;<br />font : 10px Verdana;<br />margin-bottom:10px;<br />}<br />#related-posts .widget {<br />list-style-type : none;<br />margin : 5px 0 5px 0;<br />padding : 0;<br />}<br />#related-posts .widget h2, #related-posts h2 {<br />color : #940f04;<br />font-size : 15px;<br />font-weight : normal;<br />margin : 5px 7px 0;<br />padding : 0 0 5px;<br />}<br />#related-posts a {<br />color : #054474;<br />font-size : 10px;<br />text-decoration : none;<br />}<br />#related-posts a:hover {<br />color : #054474;<br />text-decoration : none;<br />}<br />#related-posts ul {<br />border : medium none;<br />margin : 10px;<br />padding : 0;<br />}<br />#related-posts ul li {<br />display : block;<br />background: url("http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-<br />vzWTTOgXs/s1600/bullet-list.gif") no-repeat 0 0px;<br />margin : 0;<br />padding-top : 0;<br />padding-right : 0;<br />padding-bottom : 1px;<br />padding-left : 16px;<br />margin-bottom : 5px;<br />line-height : 2em;<br />border-bottom:1px dotted #cccccc;<br />}<br /></style><br /><script type='text/javascript'><br />//<![CDATA[<br />var relatedTitles = new Array();<br />var relatedTitlesNum = 0;<br />var relatedUrls = new Array();<br />function related_results_labels(json) {<br />for (var i = 0; i < json.feed.entry.length; i++) {<br />var entry = json.feed.entry[i];<br />relatedTitles[relatedTitlesNum] = entry.title.$t;<br />for (var k = 0; k < entry.link.length; k++) {<br />if (entry.link[k].rel == 'alternate') {<br />relatedUrls[relatedTitlesNum] = entry.link[k].href;<br />relatedTitlesNum++;<br />break;<br />}<br />}<br />}<br />}<br />function removeRelatedDuplicates() {<br />var tmp = new Array(0);<br />var tmp2 = new Array(0);<br />for(var i = 0; i < relatedUrls.length; i++) {<br />if(!contains(tmp, relatedUrls[i])) {<br />tmp.length += 1;<br />tmp[tmp.length - 1] = relatedUrls[i];<br />tmp2.length += 1;<br />tmp2[tmp2.length - 1] = relatedTitles[i];<br />}<br />}<br />relatedTitles = tmp2;<br />relatedUrls = tmp;<br />}<br />function contains(a, e) {<br />for(var j = 0; j < a.length; j++) if (a[j]==e) return true;<br />return false;<br />}<br />function printRelatedLabels() {<br />var r = Math.floor((relatedTitles.length - 1) * Math.random());<br />var i = 0;<br />document.write('<ul>');<br />while (i < relatedTitles.length && i < 20) {<br />document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');<br />if (r < relatedTitles.length - 1) {<br />r++;<br />} else {<br />r = 0;<br />}<br />i++;<br />}<br />document.write('</ul>');<br />}<br />//]]><br /></script></div><br />4. Sekarang temukan kode [gunakan: Ctrl+F] <span style="color: red;"><data:post.body/></span><br />5. Paste kode di bawah ini <b>setelahnya </b>atau di bawahnya.<b> </b>Jika ada lebih dari satu <b><data:post.body/></b>, gunakan yang kedua.<br /><br /><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><b:if cond='data:blog.pageType == "item"'><br /><div id="related-posts"><br /><h2>Related Posts on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/></b:if></b:loop> </h2><br /><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script><br /></div></b:if></div><br />6. <b>SAVE Template!</b><br /><b><br /></b>Jika Cara Membuat Related Post di Blog Blospot di atas gagal, CB sarankan menggunakan cara yang satu lagi, lebih OK!<br /><br />Ini dia > <b><a href="http://contohblognih.blogspot.com/2014/01/cara-membuat-related-posts-yang-aman.html" target="_blank">Membuat Related Post yang Aman dari Sisipan Link</a></b><br /><br /><i>Good Luck!</i>

Diposting oleh Agastra

Cara Memperbaiki Meta Tag H1 Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggKTgbQEw6F-HCRkF-Sus3Pezu1HYE8kBRZSqCl9086x1tchNUcs4Y7Upvfn_c6xy6scbrLHPNWbilzTNYWudm2SYJLn42CyeyXuowzwbRZln6ixsUgpEDopkzLCoBpBUQlLrwhDEtvC_E/s1600/Meta+Tag+H1+Blogspot.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Memperbaiki Meta Tag H1 Blogspot" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggKTgbQEw6F-HCRkF-Sus3Pezu1HYE8kBRZSqCl9086x1tchNUcs4Y7Upvfn_c6xy6scbrLHPNWbilzTNYWudm2SYJLn42CyeyXuowzwbRZln6ixsUgpEDopkzLCoBpBUQlLrwhDEtvC_E/s200/Meta+Tag+H1+Blogspot.jpg" title="Cara Memperbaiki Meta Tag H1 Blogspot" width="200" /></a></div>Kadang sebuah template blog SEO pun "missing H1 Tag" saat dicek di <a href="http://chkme.com/" rel="nofollow" target="_blank">Chkme</a> atau situs jasa pengecek Meta Tag lainnya. Sedangkan H1 sangat penting dibaca oleh mesin pencari karena H1 Tag merupakan "tanda pengenal" blog kepada mesin pencari dan user.<br /><br /><b>Ini dia Cara Memperbaiki Meta Tag H1 Blogspot yang dianggap "missing" alias "tidak ada" oleh Chkme.</b><br /><b><br /></b>1. Dashboard --> Template --> Edit HTML<br />2. Cari kode <span style="color: #0b5394;"><div id='header-inner'></span> atau sama dengan kode berikut ini :<br /><br /><div id='header-inner'><br /><a expr:href='data:blog.homepageUrl' style='display: block'><br /><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></a><br /></div><br /><br />3. Tambahkan elemen <span style="color: #0b5394;"><h1></span> dan penutup <span style="color: #0b5394;"></h1></span> di dalam html tersebut. Ada dua pilihan.<br /><br /><b>Jika judul/nama blog Anda menggunakan huruf (bukan logo):</b><br /><b><br /></b><div id='header-inner'><br /><b><span style="color: red;"><h1></span></b><a expr:href='data:blog.homepageUrl' style='display: block'><br /><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></a><b><span style="color: red;"></h1></span></b><br /></div><br /><br /><b>Jika judul/nama blog Anda menggunakan logo/gambar (bukan huruf):</b><br /><br /><div id='header-inner'><br /><a expr:href='data:blog.homepageUrl' style='display: block'><br /><b><span style="color: red;"><h1></span></b><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/><b><span style="color: red;"></h1></span></b></a><br /></div><br /><br /><b>3. Save!</b><br /><br /><i>Silakan cek kembali dan good luck!</i>

Diposting oleh Agastra

Cara Menguji Kecepatan Tampilan Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6F32PuzvnnRiV7LjAoZ4E8jjN34AljwX8OTHbGNsah7R5wv-ldHuPClUVXaOZnkwVImFv1EEG3dHUl1DDECuBtNIAMxjO0ucrnRwJfaUEZyUlHewa_FWDjLoe_dYaVdwsJTKescoPlLN7/s1600/Johny+Wusss.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="johny wuss blogger template seo" border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6F32PuzvnnRiV7LjAoZ4E8jjN34AljwX8OTHbGNsah7R5wv-ldHuPClUVXaOZnkwVImFv1EEG3dHUl1DDECuBtNIAMxjO0ucrnRwJfaUEZyUlHewa_FWDjLoe_dYaVdwsJTKescoPlLN7/s200/Johny+Wusss.jpg" title="johny wuss blogger template seo" width="200" /></a></div>Kecepatan tampilan blog (fast loading) adalah salah satu faktor yang diperhitungkan oleh mesin pencari (search engine), bagian dari tips SEO (Search Engine Optimization), dan faktor penentu peringkat (ranking) blog di halaman hasil pencari Google.<br /><br />Google dan user (visitor, pengunjung, pembaca) sangat suka blog yang tampilannya cepat (fast loading), tidak berat alias tidak lelet. Google bahkan memberikan <a href="http://contohblognih.blogspot.com/2013/10/cara-agar-blog-fast-loading-alias-tidak.html" rel="nofollow" target="_blank">panduan resmi cara mempercepat loading blog</a>.<br /><br />Template Blog SEO Friendly atau SEO Ready umumnya memiliki kecepatan tampilan yang baik. Setidaknya ada <a href="http://contohblognih.blogspot.com/2013/10/Template-Blog-SEO-Friendly-Terbaik.html" rel="nofollow" target="_blank">7 template blog SEO Friendly</a> yang tampilannya cepat (fast loading blogger template).<br /><br />Secepat apakah template tampilan blog Anda? Mana yang tampilannya tercepat di antara template blog yang SEO Friendly? Kita bisa mengujinya di sejumlah situs.<br /><br /><b>Cara Menguji Kecepatan Tampilan Blog</b><br />Cara menguji kecepatan tampilan blog yaitu dengan membandingkan dua template blog dan menganalisis keduanya.<br /><br />Tempat uji kecepatan template blog antara lain di dua situs ini:<br />1. <a href="http://whichloadsfaster.com/" rel="nofollow" target="_blank">Which Load Faster</a>.<br />2. <a href="http://gtmetrix.com/" rel="nofollow" target="_blank">GT Metrix</a>.<br /><br />Tidak usah dibuka dua-duanya, cukup buka yang pertama (Which Load Faster). Siapkan URL blog yang mau Anda uji/bandingkan.<br /><br />Setelah ada hasil, Anda bisa melihat detail atau analisisnya di GT Metrix dengan mengklik masing-masing link blog masih di halaman Which Load Faster.<br /><br />Sebagai contoh, template blog <a href="http://johny-wusss.blogspot.com/" rel="nofollow" target="_blank">Johny Wuss </a>menjadi template blog tercepat versi Which Load Faster, mengalahkan <a href="http://thesis-seo-bloggertemplate.blogspot.com/" rel="nofollow" target="_blank">Thesis SEO Blogger</a>, <a href="http://simply-fast.blogspot.com/" rel="nofollow" target="_blank">Simply Faster</a>, dan <a href="http://fastestmagz.blogspot.com/" rel="nofollow" target="_blank">Fastest Magz</a>. The winner is... Johny Wuss!!!<br /><br />Anda bisa mengecek sendiri. Siapa tahu skornya sudah berubah karena ada update dari desainernya.*

Diposting oleh Agastra

Unescape Decoder and Encoder for Javascript

Cek template Anda. Apakah ada kode Javascript yang "rumit" yang tidak dimengerti "manusia"? Itulah kode yang sudah di-encoding. Biasanya, kode yang disebut "Unescape" itu digunakan untuk nge-hack dan/atau memasukkan link ke dalam template agar tidak terdeteksi dan tidak gampang dihapus.<br /><br />Nah, jika ada kode demikian, maka gunakan alat ini untuk mengubahnya (decoding). Anda bisa "intip" dulu kode yang sudah di-encode --untuk di Google Chrome-- dengan cara:<br /><br />1. Blok dulu kode atau teks yang "diduga" di-encode<br />2. Klik kanan mouse >> pilih "Inspect Element"<br />3. Ingat-ingat kode tersebut, biasanya diapit oleh <script/javascript> .... </script/javascript><br />4. Kalu sudah ditemukan, copy dan paste di kolom di bawah ini.<br />5. Silakan ubah dan REPLACE ke kode yang di-encoding.<br /><br />Unescape Decoder and Encoder for Javascript. This online tool will Decode and Encode Unescape. People often use Unescape when hacking and inserting links. This tool is good for decoding such hacks and iFrame codes. Source and Thanks to: <a href="http://www.tareeinternet.com/" target="_blank">Taree Internet</a>. <title>Unescape Decoder and Encoder for Javascript</title> <script language="javascript"> var encN=1; function decodeTxt(s){ var s1=unescape(s.substr(0,s.length-1)); var t=''; for(i=0;i<s1.length;i++)t+=String.fromCharCode(s1.charCodeAt(i)-s.substr(s.length-1,1)); return unescape(t); } function encodeTxt(s){ s=escape(s); var ta=new Array(); for(i=0;i<s.length;i++)ta[i]=s.charCodeAt(i)+encN; return ""+escape(eval("String.fromCharCode("+ta+")"))+encN; } function escapeTxt(os){ var ns=''; var t; var chr=''; var cc=''; var tn=''; for(i=0;i<256;i++){ tn=i.toString(16); if(tn.length<2)tn="0"+tn; cc+=tn; chr+=unescape('%'+tn); } cc=cc.toUpperCase(); os.replace(String.fromCharCode(13)+'',"%13"); for(q=0;q<os.length;q++){ t=os.substr(q,1); for(i=0;i<chr.length;i++){ if(t==chr.substr(i,1)){ t=t.replace(chr.substr(i,1),"%"+cc.substr(i*2,2)); i=chr.length; }} ns+=t; } return ns; } function unescapeTxt(s){ return unescape(s); } function wF(s){ document.write(decodeTxt(s)); } </script> <body alink="#5E5E5E" bgcolor="#FFFFFF" link="#5E5E5E" vlink="#2e9ed2"> <center><h2>Online Unescape Decoder and Encoder</h2><br /><span style="color: black; font-size: xx-small;"> <form name="fA"> Place Plain Source Here and Hit Encode <br /> <textarea cols="50" id="f1" rows="10" wrap="off">

   

Paste Encoded Here and Hit Decode


This can be used with the unescape( ); function in JavaScript.
This online tool will Decode and Encode Unescape

People often use Unescape when hacking and inserting links.
This tool is good for decoding such hacks and iFrame codes.

Taree Internet SEO - SEO Forums

Diposting oleh Agastra

Cara Membuat OpenID Blog untuk Komentar

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCzlqKjBeMd_LPJEPwFmRWglcaRhMQu6FQ3H2iToj9kJbQ4ikhNuh3dB6VjDyX-fDD5xyJroQuYbdDvN91sLaHs0pU20UFNKliRBSWZZEEf-MCySSZLpCNC1YJoCz1J51C7iUqTaCcRmQc/s1600/OpenID+Blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="OpenID Blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCzlqKjBeMd_LPJEPwFmRWglcaRhMQu6FQ3H2iToj9kJbQ4ikhNuh3dB6VjDyX-fDD5xyJroQuYbdDvN91sLaHs0pU20UFNKliRBSWZZEEf-MCySSZLpCNC1YJoCz1J51C7iUqTaCcRmQc/s200/OpenID+Blog.png" title="OpenID Blog" width="200" /></a></div><i>Cara membuat OpenID blog untuk komentar itu mudah, namun sering ada error (kesalahan) saat digunakan. Bagaimana cara mengatasinya?</i><br /><br /><b>OpenID</b> adalah sebuah standar desentralisasi dan terbuka bagi autentifikasi pengguna (<i>user</i>) dan kontrol akses yang memungkinkan pengguna (<i>user</i>) untuk masuk ke dalam berbagai layanan hanya dengan satu identitas digital (ID) yang sama.<br /><br />Jika pengertian OpenID dari <a href="https://id.wikipedia.org/wiki/OpenID" rel="nofollow" target="_blank">Wikipedia</a> itu malah membuat Anda bingung, begini aja praktisnya: Open ID blog adalah identitas kita sebagai blogger dan/atau penulis komentar di blog orang lain.<br /><br /><b>Bagi blogger pemula atau yang belum mengerti OpenID, coba lakukan ini untuk memahami OpenID Blog: </b><br /><blockquote class="tr_bq"><i>Anda login ke blogger atau buka blog Anda, lalu buka blog orang lain, atau blog ini, scroll ke kolom komentar. Nah, di sana, di bawah ruang komentar, akan ada tulisan "<b>Comment as:</b>" / "<b>Komentar sebagai:</b>" dengan pilihan, salah satunya, di bagian paling bawah, ada <b>OpenID</b>. Itu dia yang dimaksud OpenID dalam posting ini.</i></blockquote><h3>Cara Membuat OpenID Blog</h3>Cara Membuat Open ID Blog untuk berkomentar di blog lain sangat berguna, terutama bagi Blogger yang ingin berkomentar dengan menggunakan alamat blog langsung (bukan Profil Blogger) dan berbeda-beda (kalo punya banyak blog).<br /><br />Open ID berupa alamat blog akan menjadi "backlink" yang sangat bagus buat SEO Blog. Blogger lain klik link tersebut, akan langsung dibawa menuju blog kita, <b>bukan ke profil blogger</b>.<br /><br />Begitu kita membuat blog, otomatis kita punya OpenID berupa alamat blog, misalnya <b>http://contohblognih.blogspot.com.</b><br /><br /><b><span style="color: red;">Lokasi OpenID blogger ada di Dashboar >> Setting >> Other >> OpenID. </span></b><br /><br />Namun, seringkali OpenID tersebut tidak bisa digunakan. Sering muncul tulisan begini: "<span style="color: red;">Your openid Credentials Could Not be Verified</span>".<br /><br />Nah lho! Bagaimana mengatasinya...? Lakukan verifikasi bahwa itu merupakan OpenID milik kita dengan cara:<br /><br />1. Dashboard >> Template >> Edit HTML<br />2. Cari kode <head>. Ada di bagian atas. Biar yakin, gunakan CTRL+F dan tuliskan <head><br />3. Simpan atau Copas kode di bawah ini setelah <head><br /><br /><span style="color: blue;"><link href='http://draft.blogger.com/openid-server.g' rel='openid.server'/></span><br /><span style="color: blue;"><link href='http://</span><span style="color: red;">contohblognih</span><span style="color: blue;">.blogspot.com' rel='openid.delegate'/></span><br /><br /><i><b>Ganti</b> nama blog "contohblognih" dengan alamat/nama blog Anda setelah kode verifikasi OpenID itu dicopas di bawah <head></i><br /><i><br /></i>Jika kode tersebut tidak berhasil, coba ganti dengan kode berikut ini:<br /><br /><span style="color: blue;"><link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> </span><br /><span style="color: blue;"><link expr:href='data:blog.homepageUrl' rel='openid.delegate'/></span><br /><br />4. <b>Save Template</b>!<br /><br />Itu dia Cara Membuat <b>OpenID</b> Blog untuk Komentar.<br /><br /><h3><b>Penyebab "Ups! Itu Kesalahan"</b></h3>Banyak sekali kasus OpenID yang gagal, muncul "Ups! Itu Kesalahan" (Oops! That's an Error). Apa penyebabnya?<br /><br />Penyebab utama adalah blog yang kita komentari tidak mengizinkan penggunaan OpenID, yaitu di settingan komentarnya hanya membolehkan registered user misalnya.<br /><br />Penyebab lainnya, kemungkinan gagal menggunakan OpenID adalah sebagai berikut (Sumber: <a href="http://meta.stackoverflow.com/questions/1774/cant-log-in-with-my-openid-troubleshooting-tips" rel="nofollow" target="_blank">Meta Stack Overflow</a>):<br /><ol><li>Are you behind a proxy or firewall? </li><li>Have you modified the default cookie policy in your browser? </li><li>Have you tried clearing your domain cookies? </li><li>Have you tried in a different browser? </li><li><b>Are you able to log in to other sites that support OpenID? *** Penting ***</b></li><li>Does your OpenID profile have invalid information in it? </li><li>Is your site especially slow to respond? </li><li>Do you use a self-signed SSL certificate? </li></ol><div><h3><b>Cara Mengatasi </b><b>"Ups! Itu Kesalahan" dalam OpenID</b></h3></div><b>Lengkapi dengan Daftar ke StackExchange!</b><br />Karena banyak komentar tentang kegagalan dan kesulitan membuat OpenID blog, CB update lagi posting ini tentang cara mengatasi "Ups! Itu kesalahan" dalam komentar dengan OpenID blog.<br /><br />Setelah Anda menyimpan kode berikut ini di bawah <head><br /><br /><span style="color: blue;"><link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> </span><br /><span style="color: blue;"><link expr:href='data:blog.homepageUrl' rel='openid.delegate'/></span><br /><br />Langkah berikutnya silakan daftar di <b><a href="https://openid.stackexchange.com/" rel="nofollow" target="_blank">StackExchange</a></b>. Ikuti petunjuknya.<br /><br />Setelah Anda bisa login, klik menu "<span style="color: red;">Use your own URL to log in</span>", akan muncul kode seperti ini:<br /><br /><div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;"><span style="color: blue;">If you want to use your own URL to log in, add the following two tags to the head of the HTML:</span><br /><span style="color: blue;"><br /></span><span style="color: blue;"><link rel="openid2.provider" href="https://openid.stackexchange.com/openid/provider"></span><br /><span style="color: blue;"><link rel="openid2.local_id" href="https://openid.stackexchange.com/user/</span><span style="color: red;">9828f7be-2f9c-400e-83e6-8362ebc795c3</span><span style="color: blue;">"></span><br /><span style="color: blue;"><br /></span><span style="color: blue;">This is known as OpenID delegation.</span></div><br /><i>Kombinasi kode angka dan huruf warna merah (9828... dst) akan berbeda-beda. Punya Anda akan berbeda dengan punya CB.</i><br /><br />Nah, copas dua baris kode berawalan <span style="color: blue;"><link rel="...></span> tersebut. Edit dulu sedikit, dengan mengubah tanda petik dua (") menjadi petik satu ('), serta tambah haris miring (/) sebelum tanda <span style="color: blue;">></span> menjadi <span style="color: blue;">/></span><br /><br />Simpan di bawah atau di atas kode sebelumnya yang sudah disimpan di bawah kode <span style="color: blue;"><b><head></b></span>. Sehingga selengkapnya akan seperti di bawah ini:<br /><br /><div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;"><span style="color: blue;"><link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> </span><br /><span style="color: blue;"><link expr:href='data:blog.homepageUrl' rel='openid.delegate'/></span><br /><span style="color: blue;"><link rel='openid2.provider' href='https://openid.stackexchange.com/openid/provider'/></span><br /><span style="color: blue;"><link rel='openid2.local_id' href='https://openid.stackexchange.com/user/</span><span style="color: red;">9828f7be-2f9c-400e-83e6-8362ebc795c3</span><span style="color: blue;">'/></span></div><br />Jangan lupa, saat Anda berkomentar, Anda harus dalam keadaan login ke <a href="https://openid.stackexchange.com/" rel="nofollow" target="_blank">StackExchange</a>.<br /><div><br /></div><div>Demikian Cara Membuat OpenID Blog untuk Komentar dan cara mengatasi masalah errornya. Semoga membantu. Good luck...!</div>

Diposting oleh Agastra

Hasil Liga Inggris Sabtu

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeUcEP6Xsp57ar_NTayuhOX0FBRPX1gtzmgy7oXLmodyE7wzcd1Jcmn8JuJ1qIdSxnwZ93YUJ-gKuxFvfPHKf0tf6lHkc3Td60dF4tbceA0MtStM9kwS3yrbKsNOaM3_Kf1NY1p3t4ePDU/s1600/liga+inggris.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt=" Liga Inggris" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeUcEP6Xsp57ar_NTayuhOX0FBRPX1gtzmgy7oXLmodyE7wzcd1Jcmn8JuJ1qIdSxnwZ93YUJ-gKuxFvfPHKf0tf6lHkc3Td60dF4tbceA0MtStM9kwS3yrbKsNOaM3_Kf1NY1p3t4ePDU/s200/liga+inggris.jpg" title=" Liga Inggris" width="200" /></a></div>Hasil Liga Inggris Sabtu (26/10/2013)  mengukuhkan Arsenal di puncak klasemen sementara. Hingga pekan ke-9, Arsenal mengoleksi 22 poin dan Liverpool 20.<br /><br />Arsenal menambah tiga poin saat bertandang ke Crystal Palace. Liverpool mengalahkan tamunya, West Bromwich Albion, dengan skor telak 4-1.<br /><br />Manchester United menang atas tamnya, Stoke City, dengan skor 3-2. Manchester City baru akan bertanding Minggu (27/10/2013) kontra Chelsea.<br /><br /><b>Hasil Liga Inggris Sabtu (26/10/2013)</b><br />FT<span class="Apple-tab-span" style="white-space: pre;"> </span> Crystal Palace<span class="Apple-tab-span" style="white-space: pre;"> </span>0 - 2<span class="Apple-tab-span" style="white-space: pre;"> </span> Arsenal<br />FT<span class="Apple-tab-span" style="white-space: pre;"> </span> Aston Villa<span class="Apple-tab-span" style="white-space: pre;"> </span>0 - 2<span class="Apple-tab-span" style="white-space: pre;"> </span> Everton<br />FT<span class="Apple-tab-span" style="white-space: pre;"> </span> Liverpool<span class="Apple-tab-span" style="white-space: pre;"> </span>4 - 1<span class="Apple-tab-span" style="white-space: pre;"> </span> West Bromwich Albion<br />FT<span class="Apple-tab-span" style="white-space: pre;"> </span> Manchester United<span class="Apple-tab-span" style="white-space: pre;"> </span>3 - 2<span class="Apple-tab-span" style="white-space: pre;"> </span> Stoke City<br />FT<span class="Apple-tab-span" style="white-space: pre;"> </span> Norwich City<span class="Apple-tab-span" style="white-space: pre;"> </span>0 - 0<span class="Apple-tab-span" style="white-space: pre;"> </span> Cardiff City<br />FT<span class="Apple-tab-span" style="white-space: pre;"> </span> Southampton<span class="Apple-tab-span" style="white-space: pre;"> </span>2 - 0<span class="Apple-tab-span" style="white-space: pre;"> </span> Fulham<br /><br /><b>Klasemen Sementara Liga Inggris Hingga Sabtu (26/10/2013)</b><br />1 Arsenal 22<br /> 2 Liverpool 20<br /> 3 Southampton 18<br /> 4 Everton 18<br /> 5 Chelsea 17<br /> 6 Manchester City 16<br /> 7 Tottenham Hotspur 16<br /> 8 Manchester United 14<br /> 9 Hull City 11<br /> 10 Newcastle United 11<br /> 11 Swansea City 10<br /> 12 West Bromwich Albion 10<br /> 13 Aston Villa 10<br /> 13 Fulham 10<br /> 15 Cardiff City 9<br /> 16 West Ham United 8<br /> 17 Stoke City 8<br /> 18 Norwich City 8<br /> 19 Crystal Palace 3<br /> 20 Sunderland 1<br /><br /><i>Sumber: Livescore</i>

Diposting oleh Agastra

Cara Agar Blog Fast Loading alias Tidak Tampil Lelet

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLvdIYzg3zxqmeG21qxtt71JJ_l-h0INEVCM5R-RyRJE69GI2H7lE0AiSIxLlLpQlmqvm4KQdP8_JkvDmxPcti0XbaRgtVUVuVPaEQne3S8gqqeR8Rhv-FUAymgdH-rUtHLkBsPDJHQIZK/s1600/blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="blog fast loading" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLvdIYzg3zxqmeG21qxtt71JJ_l-h0INEVCM5R-RyRJE69GI2H7lE0AiSIxLlLpQlmqvm4KQdP8_JkvDmxPcti0XbaRgtVUVuVPaEQne3S8gqqeR8Rhv-FUAymgdH-rUtHLkBsPDJHQIZK/s200/blog.jpg" title="blog fast loading" width="200" /></a></div> BLOG yang tampilnya lama alias lelet (slow loading), akan ditutup oleh pengunjung. Sebaliknya, blog yang fast loading alias tampilnya kenceng (cepat), akan disukai bukan saja oleh pengunjung, tapi juga oleh mesin pencari.<br /> <br /> <b>"Make your blog load faster!" </b>kata Google. Jadikan blogmu tampil lebih cepat!<br /> <br /> Lalu, bagaimana cara agar blog "Fast Loading" alias tidak tampil lelet? Cara pertama adalah dengan <b>memiih template blog yang fast loading</b> dan/atau SEO Friendly.<br /> <br /> Anda bisa menggunakan <a href="http://thesis-seo-bloggertemplate.blogspot.com/" rel="nofollow" target="_blank">Thesis SEO Bloggertemplate</a> yang memiliki skor kecepatan 94% atau Template <a href="http://johny-wusss.blogspot.com/" rel="nofollow" target="_blank">Johny Wuss</a> yang memiliki skor kecepatan 85% versi <a href="http://gtmetrix.com/" rel="nofollow" target="_blank">GT Metrix</a>.<br /> <blockquote class="tr_bq"> Anda juga bisa memilih salah satu dari <a href="http://contohblognih.blogspot.com/2013/10/Template-Blog-SEO-Friendly-Terbaik.html" rel="nofollow" target="_blank">7 Template Blog SEO Friendly Terbaik</a> versi Contoh Blog.</blockquote> Cara kedua, ikuti tips "<a href="https://support.google.com/blogger/answer/42394?hl=id" rel="nofollow" target="_blank">Make your blog load faster</a>" dari Google berikut ini.<br /> <br /> <i>The speed at which your blog loads is critical to attracting more readers to your blog. If your blog takes a long time to load, many readers may leave your blog before they have the chance to read it. </i><br /> <br /> Kecepatan loading blog penting untuk menarik lebih banyak pembaca. Jika blog Anda membutuhkan waktu lama untuk loading (tampil), banyak pembaca akan meninggalkan blog Anda sebelum mereka memiliki kesempatan untuk membacanya.<br /> <br /> Inilah beberapa tips dan trik yang membantu blog Anda tampil lebih cepat dan menarik lebih banyak pengguna.<br /> <br /> <b>Posts</b><br /> <br /> Blog Anda tampil lambat, bisa jadi karena jumlah posting di halaman utama (main page/home). Anda bisa mengedit jumlah post yang tampil di halaman utama dari tab <b>Layout </b>(Tata Letak) di dashboard. Klik "Edit" di seksi "Blog post" untuk mengubah jumlah post yang akan tampil di home. Google merekomendasikan jumlah post di bawah 10 posting, antara 5-7 posting saja.<br /> <br /> <b>Third Party JavaScript and Links</b><br /> <br /> <i>For optimal blog load speed, we recommend using Google/Blogger widgets, JavaScript and links. However, if you need to use third party JavaScript and links, your blog will load much faster if you put all JavaScript at the bottom of your blog. If you have third party JavaScript and links in your sidebar, put them in at the bottom of the sidebar.</i><br /> <br /> <b>Images and Media</b><br /> <br /> Jangan mengupload gambar yang berukuran besar. Ini memperlambat loading blog. Kurangi juga menampilkan multi-media seperti video. Pastikan ukuran gambar atau foto kurang dari 100kb, baknya di bawah 50kb, biar ringan.<br /> <br /> Jadi, kalo upload foto ke blog, edit dulu fotonya, kecilkan ukurannya. Ukuran besar bisa Anda simpan di Picasa atau Flickr, lalu linknya aja yang disimpan di blog. Good Luck!

Diposting oleh Agastra

Cara Membuat Blog: Panduan Lengkap

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmNQgtK9T3VQ4EpeAL3RWR8MrePJyz2cvcDhPq0FeYAF279s0LR1YOHWk96asOcOC7JsnTtdZldo0nz6IRxib7I8Di36BVpE-_C7DwHtDRS_bz3g28aNi7Z4NsxyeDlEDpfZXHQXmEdVXV/s1600/blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="cara membuat blog" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmNQgtK9T3VQ4EpeAL3RWR8MrePJyz2cvcDhPq0FeYAF279s0LR1YOHWk96asOcOC7JsnTtdZldo0nz6IRxib7I8Di36BVpE-_C7DwHtDRS_bz3g28aNi7Z4NsxyeDlEDpfZXHQXmEdVXV/s200/blog.jpg" title="cara membuat blog" width="200" /></a></div><b><i>Cara Membuat Blog di Blogger, Blogspot, atau Blogspot.com</i></b><br /><br /><b>PANDUAN</b> lengkap cara membuat blog gratis di <a href="http://www.blogger.com/" rel="nofollow" target="_blank">blogger</a> ini ditujukan khususnya bagi mereka yang sangat awam tentang blog. Anda yang sudah "jago ngeblog" tidak harus membacanya, cukup rekomendasikan kepada teman Anda yang mau membuat blog tapi tidak tahu harus memulai dari apa atau dari mana ^_^<br /><br />*** Biar mudah, silakan <b><a href="http://downloads.ziddu.com/download/23702695/Cara-Membuat-Blog-Lengkap.pdf.html" rel="nofollow" target="_blank">DOWNLOAD</a></b> dan <b>Print</b> Panduan Membuat Blog ini.<br /><br />Panduan cara membuat blog ini untuk platform blog <a href="http://blogger.com/" rel="nofollow" target="_blank">Blogspot atau Blogger</a>, yaitu blog yang di belakang alamat blognya ada <b><span style="color: #073763;">blogspot.com</span>, </b>seperti <b>http://www.contohblognih.<span style="color: blue;">blogspot.com</span></b>.<br /><br />Mengapa blogspot karena blog ini paling populer di dunia. Tentang keunggulan blogspot atas platform blog lain bisa dibaca <a href="http://romeltea.com/5-keunggulan-blogspot-dibandingkan-blog-lainnya/" rel="nofollow" target="_blank">5 Keunggulan Blogspot Dibandingkan Blog Lainnya</a>.<br /><h3>Cara Membuat Blog di Blogger</h3>Baiklah, kita mulai saja panduan cara membuat blog di blogger/blogspot yang dilengkapi dengan "sedikit" tips SEO Blog-nya ini.<br /><br /><b>Tidak Perlu Email</b><br />Membuat blog di blogspot TIDAK MEMERLUKAN EMAIL karena pada dasarnya begitu SIGN UP Anda membuat email juga, yaitu email di <b><a href="http://gmail.com/" rel="nofollow" target="_blank">gmail</a></b> (Google Mail).<br /><br />Makanya, yang sudah punya email di gmail, blognya tinggal bikin aja! Klik menu "More" dan pilih "Blogger", atau buka Tab baru dan ketik www.blogger.com.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO7XV9MKhP0Zwd83jQHXip0z8uPLhLGUE92fdB_9riAGx0_v7kTKXcgcqXiHWQ8cyDbi60fztJrnnPQXXgZhZWEltQQoM39oPx2TYyEeMndJAtRV1SJK4DmstsMsdNBITYB1Syu1oRgNF-/s1600/how-to-start-a-blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO7XV9MKhP0Zwd83jQHXip0z8uPLhLGUE92fdB_9riAGx0_v7kTKXcgcqXiHWQ8cyDbi60fztJrnnPQXXgZhZWEltQQoM39oPx2TYyEeMndJAtRV1SJK4DmstsMsdNBITYB1Syu1oRgNF-/s1600/how-to-start-a-blog.jpg" title="Cara Membuat Blog" width="200" /></a></div><br /><b>TAHAPAN MEMBUAT BLOG</b><br />Ini dia langkah membuat blog di blogger/blogspot:<br />1. Buka <a href="http://www.blogger.com/" rel="nofollow" target="_blank">www.blogger.com</a> atau <a href="http://www.blogspot.com/" rel="nofollow" target="_blank">www.blogspot.com</a>.<br />2. Klik tombol <b>SIGN UP</b> di sudut kanan.<br /><br />3. Akan muncul halaman "Create your Google Account". Isi deh tuh "formulir" yang tersedia.<br />4. Jangan lupa centang "I Agree to Google Term of Service and Privacy Policy"<br />5. Klik "<b>Next step</b>".<br />6. Akan muncul halaman bertuliskan "<b>Welcome! </b><br />Your new email address is namaemailanda@gmail.com<br /><br /><blockquote class="tr_bq"><i>Ini artinya, Anda sudah membuat email di Gmail (punya email baru di Gmail) dengan password yang Anda isikan di "formulir" sebelumnya. Simpan tuh password di tempat paling aman.</i></blockquote><br />7. Klik "<b>Back to blogger</b>".<br />8. Akan muncul halaman "Selamat di Datang di Blogger" atau "<b>Welcome to Blogger</b>".<br /><br /><blockquote class="tr_bq"><i>Di sudut kanan atas, ada pilihan bahasa. Pilih bahasa yang Anda kehendaki. Bisa Bahasa Indonesia, bisa juga Bahasa Inggris. Kita pilih "Bahasa Indonesia" > <b>Indonesian (Bahasa Indonesia)</b>.</i></blockquote><br />9. Di bagian "Konfirmasikan Profil Anda", ada dua pilihan membuat profil, di Google Plus atau profil Blogger. Pilih aja "<b>Profil Blogger</b>" dengan nge-klik "Buat profil terbatas".<br /><br />10. Isi deh kolom yang tersedia, yaitu "<b>Nama Tampilan</b>".<br /><i>Di sini Anda bisa menentukan nama tampilan Anda sebagai blogger, misalnya nama Anda sendiri atau nama lain. Kayak di Facebook atau di Twitter gitu lho....!</i><br /><br />11. Setelah diisi, klik "<b>Lanjutkan ke blogger</b>".<br />12. Maka... tampillah halaman Blogger Anda dengan nama "Blog <Profil Blogger/Nama Tampilan>".<br /><br />13. Klik tombol "<b>Blog baru</b>" yang ada di samping kanan, bersebalahan dengan teks "Ciptakan blog Anda. Anda belum punya blog apa pun, buat satu sekarang juga dan mulai tulis pos Anda!"<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipU9hyhVb9BGPvlRIM3FJrsKttPPhJGBDM6O2z3io-NjZzLewHasV7QedJRB6QPVC-mfRp2kZkEOj63EiK75k98Z8jT3V3u4Qg27Lita1TUAT2ReWrTWqGr6-chpLVA3-lqomtPxiiN6e2/s1600/buat+blog+sekarang.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Blog" border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipU9hyhVb9BGPvlRIM3FJrsKttPPhJGBDM6O2z3io-NjZzLewHasV7QedJRB6QPVC-mfRp2kZkEOj63EiK75k98Z8jT3V3u4Qg27Lita1TUAT2ReWrTWqGr6-chpLVA3-lqomtPxiiN6e2/s1600/buat+blog+sekarang.JPG" title="Cara Membuat Blog" width="400" /></a></div><br />14. Setelah diklik "Blog baru", akan muncul "formulir" pembuatan blog: "<b>Daftar Blog  ›  Buat blog baru</b>"<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwQ57vJRXspbE-LhTNupgwW4o9iRw9zmApaQdmG5t-qvOSxA6TMhamUg2NGK9HMFfdpxDgPvVzKWjKscfre9OXUFW7HOVG7GPXR5krN4tWeKy9g-8t548OUY1ymdn9IQ12VtrLaX2uXHFw/s1600/membuat+blog+blogspot.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="nama dan alamat blog" border="0" height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwQ57vJRXspbE-LhTNupgwW4o9iRw9zmApaQdmG5t-qvOSxA6TMhamUg2NGK9HMFfdpxDgPvVzKWjKscfre9OXUFW7HOVG7GPXR5krN4tWeKy9g-8t548OUY1ymdn9IQ12VtrLaX2uXHFw/s1600/membuat+blog+blogspot.JPG" title="nama dan alamat blog" width="400" /></a></div><br /><br />15. Isilah kolom yang tersedia, yaitu <b>Judul </b>(nama blog Anda) dan <b>Alamat</b> (yaitu alamat URL blog Anda).<br /><br /><blockquote class="tr_bq"><i>Usahakan Judul (nama blog) relevan dengan Alamat URL. Misalnya, Judul: Contoh Blog. Alamat URL: contohblognih.blogspot.com. Judul dan alamat blog yang selaras akan membuat blog cepat terindeks Google dan cepat populer. Istilahnya: akan SEO (Search Engine Optimization) banget!</i></blockquote><i><br /></i>16. Pilih salah satu template yang Anda sukai, misalnya Template "Sederhana" (Simple). Klik templatenya!<br />17. Klik tombol "<b>Buat blog</b>" (<b>Create blog</b>) dan.....<br />18. Akan muncullah... "Blog Anda telah dibuat!" dan terbukalah ini....<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJsRCJJIpGooijYtRmaYr8j9aB8IrxImXnuOgoOPZ6_4RgJLIQeECFzvJF5knovjzJP50wq5gRbEWc2g96DL4VwHyb6Wzo2hGV0VRh15DLu1LTlsNiKv_tpHqa7geMQx4zIPCw81eJknkh/s1600/blog+baru.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog baru" border="0" height="42" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJsRCJJIpGooijYtRmaYr8j9aB8IrxImXnuOgoOPZ6_4RgJLIQeECFzvJF5knovjzJP50wq5gRbEWc2g96DL4VwHyb6Wzo2hGV0VRh15DLu1LTlsNiKv_tpHqa7geMQx4zIPCw81eJknkh/s1600/blog+baru.JPG" title="blog baru" width="400" /></a></div><br /><blockquote class="tr_bq"><i>Cara membuat blog tahap awal sudah SELESAI. Anda sudah punya blog! Selamat! Happy blogging...!!!</i></blockquote><h3>Mulai Posting! Tell the World!</h3>19. Mulailah menulis posting (tulisan) di blog Anda yang baru saja dibuat. Caranya, klik teks "<b>Mulai mengeposkan</b>" atau tombol <span style="color: orange;"><b>warna orange berlogo pena.</b></span><br /><br /><i>Tombol itu pula yang harus Anda klik setiap kali akan menulis posting baru.</i><br /><br />20. Setelah tombol "warna orange berlogo pena" yang artinya "buat entri baru", maka akan muncul halaman untuk membuat posting/tulisan.<br /><br />21. Isi "Judul Pos" dengan judul tulisan Anda.<br />22. Klik kolom gede yang ada di bawahnya, yaitu kolom naskah. Isilah, tuliskan posting Anda di sana.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL7fzb8CHy8R1Opygp-rP-DYuWwLpj8dDccPSbPXIt1R-hj7qGteT_jvJc8d2CpGHgluoFHFYk2mOUIOaAmd9553zrLwhzq7KATYGKaIytcYlmXbi9DusalBZR5aGK2fLJrFE7HYRCUYe1/s1600/judul+dan+isi+tulisan+blog.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="judul dan isi tulisan" border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL7fzb8CHy8R1Opygp-rP-DYuWwLpj8dDccPSbPXIt1R-hj7qGteT_jvJc8d2CpGHgluoFHFYk2mOUIOaAmd9553zrLwhzq7KATYGKaIytcYlmXbi9DusalBZR5aGK2fLJrFE7HYRCUYe1/s1600/judul+dan+isi+tulisan+blog.JPG" title="judul dan isi tulisan" width="400" /></a></div><br /><br /><blockquote class="tr_bq"><i>Jika tulisan Anda sudah disiapkan di file MS Word, sebaiknya jangan langsung Copy-Paste (Copas), apalagi kalau ada bagan atau gambar. Copy Paste dulu ke NOTEPAD, lalu atur spasi antarparagrafnya dengan ENTER di setiap ujung paragraf. Ingat! Tulisan di blog tidak mengenal "tekuk ke dalam" (indent).</i></blockquote><blockquote class="tr_bq">Tips SEO: Sebaiknya, posting pertama Anda berupa "Basic Article". Apa itu basic article, silakan baca <a href="http://blogromeltea.blogspot.com/2013/10/basic-article-posting-pertama-blog-yang_3.html" rel="nofollow" target="_blank">Posting Pertama Blog yang Sering Dilupakan</a>.</blockquote>CATATAN:<br />Jangan lupa, isi kolom <b>Label</b> di sebelah kanan. Itu untuk membuat kategori tulisan. Jika dikosongkan, maka akan menjadi "unlabelled" atau "uncategorized" yang gak bagus buat SEO Blog.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_QmMa4zXD28k4CFzbP8O0GkLxHsaQsarU7MfCqKCHkKV-FGD7eDWY083_l6JD4AwH06ZpNXUVJ9iILj1vvan3aVuodSzdjIu7VVvIwpXv5GKIMmYrpeoBXbcEgaSmqAlEuNgXrQElKaGO/s1600/label+posting+blog.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="label posting blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_QmMa4zXD28k4CFzbP8O0GkLxHsaQsarU7MfCqKCHkKV-FGD7eDWY083_l6JD4AwH06ZpNXUVJ9iILj1vvan3aVuodSzdjIu7VVvIwpXv5GKIMmYrpeoBXbcEgaSmqAlEuNgXrQElKaGO/s1600/label+posting+blog.JPG" title="label posting blog" /></a></div><br /><h3>Menambahkan Foto/Gambar di Posting Blog</h3>23. Kalo sudah, dan mau memasukkan foto, klikkan cursor mouse Anda <b>di depan huruf pertama </b>naskah posting, di bagian paling kiri, ujung kiri, naskah yang baru saja Anda tulis.<br /><br />24. Klik tombol kota bergambar latar belakang biru (di samping kanan teks <b>Link).</b><br /><b><br /></b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsdwn6dXUVvmgrCqBBeLU02L7sxs0VxNno9c5NFJfUT4FZynYL2FbWjS_Vj8316J34Bb-_fbiBEVUb6NdE7GlhkrJOiX1AR8UzW9QlB6FTwU_JBwrMYDsDcfSjRLjHWXfHvxe149zPm0JD/s1600/memasukkan+gambar+ke+tulisan.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="memasukkan gambar ke tulisan blog" border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsdwn6dXUVvmgrCqBBeLU02L7sxs0VxNno9c5NFJfUT4FZynYL2FbWjS_Vj8316J34Bb-_fbiBEVUb6NdE7GlhkrJOiX1AR8UzW9QlB6FTwU_JBwrMYDsDcfSjRLjHWXfHvxe149zPm0JD/s1600/memasukkan+gambar+ke+tulisan.JPG" title="memasukkan gambar ke tulisan blog" width="400" /></a></div><b><br /></b><br /><blockquote class="tr_bq"><i>Akan muncul halaman pop-up "Pilih file" atau "Choose files". Klik "Choose files" dan silakan klik foto/gambar yang ada di folder komputer Anda, dan klik "Open".</i></blockquote><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJx-N_skrdO-ItUaA3EZct9DggiPhzqWKbmMndVe2GTRvaYgLplCJ0nNqwStLv9dALYHzO8g3ZCOPAYdP503Y0B72I93K072SdQzLoMXk_rUfe1Pw1AEJQm49P6CDqp3Ox-dORs0kXLSOu/s1600/masukan+gambar.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="masukan gambar" border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJx-N_skrdO-ItUaA3EZct9DggiPhzqWKbmMndVe2GTRvaYgLplCJ0nNqwStLv9dALYHzO8g3ZCOPAYdP503Y0B72I93K072SdQzLoMXk_rUfe1Pw1AEJQm49P6CDqp3Ox-dORs0kXLSOu/s1600/masukan+gambar.JPG" title="masukan gambar" width="400" /></a></div><br />25. Klik "<b>Add selected</b>", maka foto akan masuk ke naskah.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1joDrqKQ3ky2T1QRynwYgt2-UCwY29uJa7ZZBpd-7n2NI6WQVxOUmYVe2rGpcBRw1gixcKBhY5XsPCVEVx1oawkST91uw6Ju8U0y1n8lniCU3XUB2p-3AiEXkoq25d30JVmdklHoaadSj/s1600/masukan+gambar+ke+tulisan.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="masukan gambar ke tulisan" border="0" height="386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1joDrqKQ3ky2T1QRynwYgt2-UCwY29uJa7ZZBpd-7n2NI6WQVxOUmYVe2rGpcBRw1gixcKBhY5XsPCVEVx1oawkST91uw6Ju8U0y1n8lniCU3XUB2p-3AiEXkoq25d30JVmdklHoaadSj/s1600/masukan+gambar+ke+tulisan.JPG" title="masukan gambar ke tulisan" width="400" /></a></div><br /><br />26. <b>Klik sekali</b> foto yang sudah ada di naskah!<br /><i><br /></i><i>Di bagian bawah foto akan muncul menu kecil-kecil, yaitu ukuran foto yang akan ditampilkan (<b>small - medium - large - X large -original size</b>) dan posisi foto (<b>left - center - right</b>).</i><br /><br />27. Juga ada "<b>Add caption</b>" (untuk menuliskan keterangan foto) dan "<b>Properties</b>".<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXt7QbW_87fQgMCLcNtS8wKep4DYfsRjcSgxpiwdpJEik8m3fhWuuYLOvWtaeLPkBCZmiE_JCuFZLalNCh5XLLoky1o0XHBwN7sGEgCFpzeSavHXua7E1czZHDflTk5-SLkKAUIsEeROPm/s1600/masukan+gambar+ke+tulisan+2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="masukkan gambar ke tulisan" border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXt7QbW_87fQgMCLcNtS8wKep4DYfsRjcSgxpiwdpJEik8m3fhWuuYLOvWtaeLPkBCZmiE_JCuFZLalNCh5XLLoky1o0XHBwN7sGEgCFpzeSavHXua7E1czZHDflTk5-SLkKAUIsEeROPm/s1600/masukan+gambar+ke+tulisan+2.JPG" title="masukkan gambar ke tulisan" width="400" /></a></div><br /><br />28. Pilih "Small" atau "Medium"!<br /><br />29. Klik "Propertis" dan isi "title text" (nama foto) dan "alt text" (alternative text). Selaraskan nama foto dan alt text dengan judul dan isi postingan (tulisan) Anda, lalu Klik "<b>OK</b>".<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDWfVQYj1muzAyJmZ_BpVSifCXGucZkeBZRl9Trus923dR6UXjeHpuKHj1i1NDp8089kS0Hdo3OrRpIsWa0Xw6O3a7M1CFrASNh6jqMl7Ahaq50YgXVp-CZ7SBebFqt62SoVq2iIZPrbA6/s1600/properties+foto.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="deskripsi gambar" border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDWfVQYj1muzAyJmZ_BpVSifCXGucZkeBZRl9Trus923dR6UXjeHpuKHj1i1NDp8089kS0Hdo3OrRpIsWa0Xw6O3a7M1CFrASNh6jqMl7Ahaq50YgXVp-CZ7SBebFqt62SoVq2iIZPrbA6/s1600/properties+foto.JPG" title="deskripsi gambar" width="320" /></a></div><br />Deskripsi gambar (title & alt) ini WAJIB diisi. Jika tidak, gambar tidak seo friendly dan skor seo blog Anda akan berkurang. (Baca deh: <a href="http://contohblognih.blogspot.com/2014/04/5-cara-optimisasi-gambar-untuk-seo-blog.html" target="_blank">5 Cara Optimisasi Gambar untuk SEO Blog</a>).<br /><h3>Posts Setting</h3>29. Post setting (di sebelah/sidebar kanan), klik "<b>Label</b>" (tuliskan label/kategori posting Anda di sana, misalnya "Opini" atau "Berita" atau "Ceritaku" dll.)<br /><br />30. Klik "<b>Search Description</b>" dan isi dengan teks judul posting Anda atau target kata kunci yang Anda incar di mesin pencari.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib1MJ71pEeTqbPJCY7zkFA5IMBQn0rBKkblpBI5t7VhdiLYh4yt1m7GKHjKm70xzmu9izbWLaEm5oUdDDz41h5Xy_CQht4DSPdshwqxz4bfZ8nz-pr3Tbk5aiTQsr4azK_157HN_-2vqIA/s1600/deskripsi+pencarian.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="deskripsi pencarian" border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib1MJ71pEeTqbPJCY7zkFA5IMBQn0rBKkblpBI5t7VhdiLYh4yt1m7GKHjKm70xzmu9izbWLaEm5oUdDDz41h5Xy_CQht4DSPdshwqxz4bfZ8nz-pr3Tbk5aiTQsr4azK_157HN_-2vqIA/s1600/deskripsi+pencarian.JPG" title="deskripsi pencarian" width="320" /></a></div><br />31. Selesai? Klik tombol "<b>Publish" / "Publikasikan</b>".<br /><br /><b>32. Selamat! Suara Anda sudah mendunia. Go international! Anda sudah menjadi bagian dari warga dunia yang sharing dan berekspresi. Lanjutkan! Keep blogging!</b><br /><b><br /></b><i><b>Catatan: Memunculkan Kolom Deskripsi (SEO Blog)</b></i><br /><i>- Untuk memunculkan "Search Description" (Deskripsi Pencarian) saat menulis posting, klik "Setting"  > "Basic" > Edit Description!</i><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrcRsZcVH2aTePcBZE0hGZvYYdhK_L2Zr81zpM1NwkVVZJLqPpdRgc2XgyKBBWwvu4AnZw9xzcDlUMOlXiOHQVkcA-jDMcQ9RJN-wDdBXAMz5dAhH-zY3kRJoEwsifvlqrMK6c8wkxLHMs/s1600/deskripsi+blog.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="deskripsi blog" border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrcRsZcVH2aTePcBZE0hGZvYYdhK_L2Zr81zpM1NwkVVZJLqPpdRgc2XgyKBBWwvu4AnZw9xzcDlUMOlXiOHQVkcA-jDMcQ9RJN-wDdBXAMz5dAhH-zY3kRJoEwsifvlqrMK6c8wkxLHMs/s1600/deskripsi+blog.JPG" title="deskripsi blog" width="400" /></a></div><i><br /></i><i>- Klik juga "Seacrh Preference" dan isi <b>Meta Tags</b>!</i><br /><div><i><br /></i></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7_Ox2Bp4_sx2x2eH8HHCicxzGBX2HsMoHD1FtJ0vpE1HLq_L2Ks_2x20SwBEYS7H2Dnnlv1sT3LnVPYwxCOxVi3waD7ZeqagdXj-HLcluUF4u5-ya8e886JgIQDBf9JGD715dAdeC0F_0/s1600/meta+tags+blog.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="meta tags blog" border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7_Ox2Bp4_sx2x2eH8HHCicxzGBX2HsMoHD1FtJ0vpE1HLq_L2Ks_2x20SwBEYS7H2Dnnlv1sT3LnVPYwxCOxVi3waD7ZeqagdXj-HLcluUF4u5-ya8e886JgIQDBf9JGD715dAdeC0F_0/s1600/meta+tags+blog.JPG" title="meta tags blog" width="400" /></a></div><br />33. Baca tips blogging lainnya di blog ini. Good luck...!!!<br /><br /><b>CARA BUKA BLOG</b><br />Jika nanti Anda memulai blogging lagi, tinggal buka saja www.blogger.com sebagaimana langkah awal Anda membuat blog di atas.<br /><br />Namun, kali ini Anda tinggal LOGIN/MASUK dengan menggunakan email dan password gmail yang sudah Anda buat dan miliki (poin 1 s.d. 6 di atas). Keep Blogging! (Copyright (c) http://contohblognih.blogspot.com).*<br /><br /><i>*** Biar mudah, sebaiknya Anda <b><a href="http://downloads.ziddu.com/download/23702695/Cara-Membuat-Blog-Lengkap.pdf.html" rel="nofollow" target="_blank">DOWNLOAD</a></b> dan print Cara Membuat Blog Panduan Lengkap ini, sudah termasuk  <b><a href="http://contohblognih.blogspot.com/2013/11/cara-membuat-blog-lanjutan.html" target="_blank">Cara Membuat Blog Lanjutan</a> </b>dan  <a href="http://contohblognih.blogspot.com/2014/02/Cara-Mengganti-Template-Blog-Mengubah-Tampilan-Blog.html" target="_blank">Cara Mengganti Template.</a></i>

Diposting oleh Agastra

Cara Pasang Page Facebook dan Twitter di Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcsP-7CrAvsarRLU89XkGPARwNmZyplUhe5rTWF5i9L109VMch93tUNzXJ5y6NHtlYEYakNR6YDS6yg5h6uxzwLsNRcbhi9gkAxFbwYzMb6ESCCvuqWAx-EPMprpXWwMliHvmJ6BOAHRZI/s1600/pasang+facebook+twitter+di+blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Pasang Page Facebook dan Twitter di Blog" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcsP-7CrAvsarRLU89XkGPARwNmZyplUhe5rTWF5i9L109VMch93tUNzXJ5y6NHtlYEYakNR6YDS6yg5h6uxzwLsNRcbhi9gkAxFbwYzMb6ESCCvuqWAx-EPMprpXWwMliHvmJ6BOAHRZI/s320/pasang+facebook+twitter+di+blog.png" title="Pasang Page Facebook dan Twitter di Blog" width="160" /></a></div>Cara Pasang Page Facebook dan Twitter di Blog sangat mudah. Kita tinggal meletakkan kodenya di Gadget, Sidebar, atau Widget Blog kita. Pemasangan Fans Page Facebook dan Twitter di Blog ini dianjurkan oleh para pakar media sosial untuk menaikkan jumlah fans, teman, dan follower.<br /><br /><b>Cara Pasang Page Facebook di Blog</b><br />1. Buat dulu Fans Page-nya di <a href="https://www.facebook.com/pages/create/" rel="nofollow" target="_blank">Create a Page</a>.<br />2. Masuk ke <a href="https://developers.facebook.com/" rel="nofollow" target="_blank">Facebook Developer</a>.<br />3. Klik menu <b><a href="https://developers.facebook.com/docs/" rel="nofollow" target="_blank">Docs</a></b>.<br />4. Pilih "Social Plugin"<br />5. Klik "Like Button"<br />6. Masukkan URL Fans Page dan silakan atur sendiri lebar, panjang, dan lainnya di sana.<br />7. Get Code. Dapatkan kodenya dan copy paste di "Add a Gadget" --> "HTML/Javascript" di sidebar blog Anda.<br />8. Save. Beres!<br /><br /><b>Cara Pasang Widget Twitter di Blog</b><br />1. Buat dulu akun Twitternya. <a href="http://twitter.com/" rel="nofollow" target="_blank">Create an Account</a>.<br />2. Buka atau Masuk ke <a href="https://twitter.com/settings/widgets" rel="nofollow" target="_blank">Create a Twitter Widget</a>.<br />3. Copy paste di "Add a Gadget" --> "HTML/Javascript" di sidebar blog Anda.<br />8. Save. Beres!<br /><br />Good Luck!

Diposting oleh Agastra

Cara Membuat Kotak Pencarian Menu Search di Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXNciV5jTmok0vOLIFB7bD50afRmVyNsvN1fHwLoEpneqxH8NfSRCMhOlcqP8xUx7e1BqvPkUl_yTBoMZSpQ0b7hxE2ZiEbmoG042abftjgFHF6dNLkT1Z9K1AJU7BQVrjMrDUGTX1KEha/s1600/kotak+pencarian+search+box.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Kotak Pencarian Menu Search Blog" border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXNciV5jTmok0vOLIFB7bD50afRmVyNsvN1fHwLoEpneqxH8NfSRCMhOlcqP8xUx7e1BqvPkUl_yTBoMZSpQ0b7hxE2ZiEbmoG042abftjgFHF6dNLkT1Z9K1AJU7BQVrjMrDUGTX1KEha/s200/kotak+pencarian+search+box.jpg" title="Kotak Pencarian Menu Search Blog" width="200" /></a></div>Cara Membuat Kotak Pencarian Menu Search di Blogspot sangat mudah. Tinggal klik LayOut, "Add Gadget", dan pilih Gadget "Search Box" atau "<span style="background-color: white; color: #3c3d3f; line-height: 25.59375px;">Kotak Penelusuran". Save!</span><br /><br />Kurang berkenan dengan tampilan menu search atau kotak pencarian versi blogger? Ini dia alternatif   Kotak Pencarian Menu Search di Blogspot yang <a href="http://contohblognih.blogspot.com/">Contoh Blog</a> kumpulkan dari berbagai sumber dan sudah dites satu-satu. <br /><br />Setelah "<span style="background-color: white; color: #3c3d3f; line-height: 25.59375px;">Add a Gadget", pilih "HTML Javascript", dan pilih salah satu kode </span>Kotak Pencarian atau Menu Search berikut ini. Dicoba saja satu-satu, lihat hasilnya, dan pilih yang menurut Anda bagus.<br /><h3><b>Kode Kotak Pencarian Menu Search Blog #1</b></h3><div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;"><form action="http://<span style="color: red;">namablog</span>.blogspot.com/search"<br />method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form></div><br />Kode di atas ini yang dipake CB Blogger.<br /><h3><b>Kode Kotak Pencarian Menu Search Blog #2</b></h3><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><span style='float:right;'><br /><style type="text/css"> #a-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFmUoDmzQdK6p2fJ42ionZVFTmBMV13oFCLyrVK6P4aWvrW5oxHqend9Y3yKHhTknZbXjq8TnLkfyaQyP3uJ3ZIVyI6sv3sRXF67KDAN0oZKDX_OmWCgSOancUlO6rlOLXLPayIR4tXFD0/s1600/search.box.png) no-repeat scroll center center transparent;width:300px;height:35px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 0px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="a-searchbox"><form id="a-searchform" action="/search" method="get">    <input type="text" id="a" name="q" value="<span style="color: red;">Search Here</span>..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /> </form></div><br /></span></div><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #3</b></h3><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><form action="/search" style="display:inline;" method="get"><br /><input id="s" name="q" type="search" placeholder="Search Here...."/><br /></form><br /><style><br />#s {<br />    margin: 0 auto;<br />    -webkit-appearance: none;<br />    -moz-appearance: none;<br />    padding: 12px 48px 12px 12px;<br />    -webkit-border-radius: 200px;<br />    -moz-border-radius: 200px;<br />    border-radius: 200px;<br /> width: <span style="color: red;">300</span>px;<br />    height: 16px;<br />    color: #3a4449;<br />    border: none;<br />    outline: none;<br />    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);<br />    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);<br />    box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);<br /> position: relative;<br />    z-index: 2;<br />    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNsy1wO0NJcYpRsYbHufzeWkjeOD6FVEU22qTVh6OTmPr8sGeMrmClqwhrvxh0I5oDXNs4Q3iquWSfx6em7SXk-lyRW33vSQloK9_v68EKwSKOPlxYcVsWp8ifHfffuVKp0TLr3_gJy2s/s1600/Search.png) center right no-repeat;<br />}<br />#s::-webkit-input-placeholder, #s:-moz-placeholder {<br />    color: #607078;<br />}<br /></style></div><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #4</b></h3><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><style type="text/css">#mediablogger-searchbox {    border-radius: 5px;    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOVCCZIzt40JA_Fa1IjSS5PO7SIogvnjSYf0URbdFkt-h2mEUDM9La8N6ipz8oqsncqNjlsku7SSY7MRV5MpTEmUryuad6yloWm5x-e0S0Lty57BwUiSI1pPwlroWeEUbz_rPB4MdySRfO/s1600/impoint.blogspot.com-green.png) no-repeat scroll center center transparent;    width: 307px;    height: 50px;    disaply: block;}  form#mediablogger-searchform {    display: block;    padding: 9px 16px;    margin: 0;}  form#mediablogger-searchform #s {    padding-left: 24px !important;    padding: 7.5px;    margin: 0;    width: 198px;    font-size: 16px;    font-family: georgia;    font-style: italic;    color: #666666;    vertical-align: top;    border: none;    background: transparent;}  form#mediablogger-searchform#sbutton {    margin: 0;    padding: 0;    height: 40px;    width: 74px;    vertical-align: top;    border: none;    background: transparent;}</style><div id="mediablogger-searchbox">    <form id="mediablogger-searchform" action="/search" method="get">        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'        onblur='if (this.value == "") {this.value = "Search...";}' /></form></div></div><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #5</b></h3><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><style type="text/css"><br />#a-searchbox{<br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdOzp8IHN37vYr5LoNV8rcnNZyWcXNdEkwFS70-K-SHlQoQScrYv1V2c4Lago8CrKoa4kVScvuiwus1asV0wxhY16ZYuW9-R3hfo5o02_0s5CU7JBbCZ0jyAYpBqTP1Rhiwjc98w-O3jNj/s1600/lostsector-search-box-blue.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}<br />form#a-searchform{display: block;padding: 10px 12px;margin:0;}<br />form#a-searchform #a{padding: 6px;margin-left:20px;width: 205px;font-size:14px;vertical-align: top;border:none;background:transparent;}<br />form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}<br /></style><br /><center><br /><div id="a-searchbox"><br /><form id="a-searchform" action="/search" method="get"><br /><input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/><br /><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /><br /></form><br /></div></center></div><br /><h3><b>Kode Kotak Pencarian Menu Search Blog #6</b></h3><div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;"><form id="searchThis" action="/search" style="display: inline;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value='';" value="Search this Site" type="text" id="searchBox" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 150px;color:#636363;" vinput="" name="q"> <input id="searchButton" value="Go" type="submit"></form></div><br />Demikian banyak ya Cara Membuat Kotak Pencarian Menu Search di Blogspot? Good Luck!

Diposting oleh Agastra