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