tag:blogger.com,1999:blog-60670872245315875642024-03-06T07:59:26.253+07:00New Johny Wuss V3Template Blog SEO Friendly, Keren, Responsive, Mobile Friendly, Fast Loading, Ringan, Clean, Bersih, Terbaik dan Terbaru 2015CB Bloggerhttp://www.blogger.com/profile/12413617909404247728noreply@blogger.comBlogger17125tag:blogger.com,1999:blog-6067087224531587564.post-59752272932158085682020-05-12T17:14:00.003+07:002020-05-12T17:14:55.117+07:00Data Jumlah Kasus Positif Virus Corona (Covid-19) di Indonesia<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMleSY5jtD9u8aoRAS5_XQ1-NjzaWzr6GdaBGOLEV6-tjNuaA64CwrqQjSWAWYAFIJIMfK3JqZpI8eVI7fxKul_j8Fd43Uz6kuiT9G51z34K0xHdeqO2Rtl_srtlqEIL9L9V7w48kgT_w/s1600/virus-corona-covid-19.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Data Jumlah Kasus Positif Virus Corona (Covid-19) di Indonesia" border="0" data-original-height="369" data-original-width="660" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMleSY5jtD9u8aoRAS5_XQ1-NjzaWzr6GdaBGOLEV6-tjNuaA64CwrqQjSWAWYAFIJIMfK3JqZpI8eVI7fxKul_j8Fd43Uz6kuiT9G51z34K0xHdeqO2Rtl_srtlqEIL9L9V7w48kgT_w/s1600/virus-corona-covid-19.JPG" title="Data Jumlah Kasus Positif Virus Corona (Covid-19) di Indonesia" /></a></div>
Kasus positif Virus Corona (Covid-19) di Indonesia, hingga Selasa (12/5/2020), mencapai 14.749 orang.
Angka kematian konfirmasi Covid19 mencapai 1.007 orang.<br />
<br />
Pasien yang meninggal tercatat bertambah 16 orang.
Jumlah pasien yang sembuh 3.063 orang.
<br />
<br />
Pandemi Covid-19 diprediksi berakhir Juni 2020, namun bisa juga berlangsung lebih lama, misalnya hingga September 2020. Akhir pandemi tergantung kebijakan pemerintah dan kesadaran warga.<br />
<br />
<blockquote class="twitter-tweet">
<div dir="ltr" lang="in">
<a href="https://twitter.com/hashtag/DataTerbaruCorona?src=hash&ref_src=twsrc%5Etfw">#DataTerbaruCorona</a><br />Per Selasa (12/5) ini, angka kematian konfirmasi <a href="https://twitter.com/hashtag/Covid19?src=hash&ref_src=twsrc%5Etfw">#Covid19</a> mencapai 1.007 orang. Pasien yang meninggal tercatat bertambah 16 orang.<br /><br />Sementara jumlah kasus positif corona menjadi 14.749 orang. <a href="https://t.co/yIItChZ0ve">https://t.co/yIItChZ0ve</a> <a href="https://twitter.com/hashtag/CNNIndonesia?src=hash&ref_src=twsrc%5Etfw">#CNNIndonesia</a> <a href="https://t.co/fmDMM7xfS3">pic.twitter.com/fmDMM7xfS3</a></div>
— CNN Indonesia (@CNNIndonesia) <a href="https://twitter.com/CNNIndonesia/status/1260136847277092865?ref_src=twsrc%5Etfw">May 12, 2020</a></blockquote>
<script async="" charset="utf-8" src="https://platform.twitter.com/widgets.js"></script>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6067087224531587564.post-37511168718999627462020-05-12T16:56:00.001+07:002020-05-12T16:56:31.545+07:00Template New Johny Wuss V3.1 Update Mei 2020 Lebih SEO dan BersihTemplate New Johny Wuss (NJW) Versi 3 ini kini diupdate menjadi Versi 3.1. Update Mei 2020. Lebih SEO dan Bersih.<br />
<br />
Elemen penting yang diperbarui antara lain Schema Markup, Breadcrumb, Meta Tags, dan Desain Posting halaman depan. Perubahan ini membuat NJW V3 lebih seo friendly.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi08q2jYczE99scqmlTKNi4cp7ayB3NlClZ7Eq0gKDnemyzq3hDviskHd8AQvurb3tlr2zCm6s4SAeFSCdfmMZnXSWyub2wKi0uiwEE99XAGqXAk_1PQVRXVSUrgH3uKGOlc1ICDaAvasCO/s1600/njwv31.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Template New Johny Wuss V3.1 Update Mei 2020 Lebih SEO dan Bersih" border="0" data-original-height="353" data-original-width="460" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi08q2jYczE99scqmlTKNi4cp7ayB3NlClZ7Eq0gKDnemyzq3hDviskHd8AQvurb3tlr2zCm6s4SAeFSCdfmMZnXSWyub2wKi0uiwEE99XAGqXAk_1PQVRXVSUrgH3uKGOlc1ICDaAvasCO/s1600/njwv31.JPG" title="Template New Johny Wuss V3.1 Update Mei 2020 Lebih SEO dan Bersih" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>Schema Markup NJW V3.1</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1NFyQft4dA9uF5SsO166u_oEVVuRaSsMFABytZK552CNwFzR6jUNvLlWi8NLBY4xDJ4My8b3txQWQNacNCaCbSXX2AeZc3PffKqb54NK7ipYaOQp2R5x5K8XVva0yvwGF4EMM5csNHG64/s1600/njwv31-schema-posting.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Schema Markup NJW V3.1" border="0" data-original-height="425" data-original-width="675" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1NFyQft4dA9uF5SsO166u_oEVVuRaSsMFABytZK552CNwFzR6jUNvLlWi8NLBY4xDJ4My8b3txQWQNacNCaCbSXX2AeZc3PffKqb54NK7ipYaOQp2R5x5K8XVva0yvwGF4EMM5csNHG64/s400/njwv31-schema-posting.JPG" title="Schema Markup NJW V3.1" width="400" /></a></div>
<br />
Template New Johny Wuss V3.1 Update Mei 2020 Lebih SEO dan Bersih. Banyak template blog baru, bermunculan, berbagai desain.<br />
<br />
Namun, tetap saja Johny Wusss dan <b>News Johny Wuss </b>yang terbaik!<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6067087224531587564.post-36442154843668772122020-05-12T15:53:00.000+07:002020-05-12T15:58:18.380+07:00Cara Memasang Back to Top di Blogger Mudah Tanpa Edit TemplateBACK to top button adalah tombol kembali ke atas yang ada di sebelah kanan bawah halaman blog. Tombol kembali ke atas ini memudahkan pengunjung kembali ke halaman bagian atas.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHLgTF1bt5KMZA0inJYtZBZsf2cCahPR9jtfzCm2iVwy6mYdQYRLD1tGBHaLx7Xl1D16nbZhJ43KNGimAIj3GANSX-wTt9DnKdN5crK10D9V53nRYTMzKDiMyZ2ObdCRmMfOvhgY6F3tA/s1600/back-to-top-blogger-responsive.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasang Back to Top di Blogger Mudah Tanpa Edit Template" border="0" data-original-height="303" data-original-width="433" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHLgTF1bt5KMZA0inJYtZBZsf2cCahPR9jtfzCm2iVwy6mYdQYRLD1tGBHaLx7Xl1D16nbZhJ43KNGimAIj3GANSX-wTt9DnKdN5crK10D9V53nRYTMzKDiMyZ2ObdCRmMfOvhgY6F3tA/s320/back-to-top-blogger-responsive.JPG" title="Cara Memasang Back to Top di Blogger Mudah Tanpa Edit Template" width="320" /></a></div>
<br />
Berikut ini Cara Memasang Back to Top di Blogger mudah, tanpa edit template.<br />
<h3>
<b>Cara Memasang Back to Top di Blogger</b></h3>
1. Klik Layout (Tata Letak) > Add a Gadget<br />
2. Pilih HTML/JavaScript<br />
3. Judul widget kosongkan<br />
4. Copas kode berikut ini:<br />
<br />
<blockquote class="tr_bq">
<!--Smooth Back to Top Button Start--><br />
<script><br />
jQuery(document).ready(function() {<br />
var offset = 220;<br />
var duration = 500;<br />
jQuery(window).scroll(function() {<br />
if (jQuery(this).scrollTop() > offset) {<br />
jQuery('.back-to-top').fadeIn(duration);<br />
} else {<br />
jQuery('.back-to-top').fadeOut(duration);<br />
}<br />
});<br />
jQuery('.back-to-top').click(function(event) {<br />
event.preventDefault();<br />
jQuery('html, body').animate({scrollTop: 0}, duration);<br />
return false;<br />
})<br />
});<br />
</script><br />
<style><br />
.back-to-top {<br />
position: fixed;<br />
bottom: 2em;<br />
right: 0px;<br />
text-decoration: none;<br />
color: #c00;<br />
background-color:transparent;<br />
font-size: 12px;<br />
padding: 1em;<br />
display: none;<br />
z-index:9999;<br />
}<br />
.back-to-top:hover {<br />
text-decoration: none;<br />
}<br />
</style><br />
<a href="#" class="back-to-top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtmBsAmDSK77GARyHHibRVe5Jp7Jrf6bnsmiHbPuymQ1CM3iO8DpTOshF1cUVNhYOUu5bAPOoRlg0KvdVsxD5yZVBi-HiwLCzpQPR3nJR42d-XIuu3VqgDMpq54LP2EuIbQy1T7CPSgvAw/s1600/back+to+top+.png" alt="Back to Top" / /></a><br />
<!--Smooth Back to Top Button End--></blockquote>
<br />
5. Save!<br />
<br />
Sudah. Itu dia Cara Memasang Back to Top di Blogger Mudah Tanpa Edit Template. Demonya di blog NJW V3 ini.*<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6067087224531587564.post-43748627079769393942020-05-12T15:44:00.001+07:002020-05-12T15:44:50.749+07:00Cara Memilih Nama Domain<b>Apa itu domain? Bagaimana Cara Memilih Nama Domain yang baik buat website atu blog? Artikel berikut ini mengulasnya</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNeN5pqcjDDGwysrH79nwDc06ntrTCegbTVXw3RJYQIgU2v-X2gAliaz1uJ7SL8diw24CKVBhzngHWR4vS578UDUIAf9K5F9u_gzfp4P66TkQWsJl1M9AuABXpdWxrcnH-7fWwtpYe46nN/s1600/nama-domain.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memilih Nama Domain" border="0" data-original-height="344" data-original-width="581" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNeN5pqcjDDGwysrH79nwDc06ntrTCegbTVXw3RJYQIgU2v-X2gAliaz1uJ7SL8diw24CKVBhzngHWR4vS578UDUIAf9K5F9u_gzfp4P66TkQWsJl1M9AuABXpdWxrcnH-7fWwtpYe46nN/s400/nama-domain.JPG" title="Cara Memilih Nama Domain" width="400" /></a></div>
<br />
Nama domain adalah alamat atau URL blog/website. Nama domain diapit http, https, dan/atau www sebagai subdomain dan ekstensi domain .com, .net, .org dan sebagainya.<br />
<br />
Gambar berikut ini menunjukkan apa itu nama domain:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHwIlxZpJL2w7YrWy4iq3SJOEFW5SAnYRIzOnO-Of9mlwBH3QY2_33D4rN-x76v8A2t0oiToFcbCTNcP3z2hp0QIWQTrlDKSAUVb-qCZR8oF0XAQZ3mPOSjYZ-9W1GLDA3EC0c8fquU3kh/s1600/alamat-website-domain.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memilih Nama Domain" border="0" data-original-height="278" data-original-width="623" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHwIlxZpJL2w7YrWy4iq3SJOEFW5SAnYRIzOnO-Of9mlwBH3QY2_33D4rN-x76v8A2t0oiToFcbCTNcP3z2hp0QIWQTrlDKSAUVb-qCZR8oF0XAQZ3mPOSjYZ-9W1GLDA3EC0c8fquU3kh/s400/alamat-website-domain.JPG" title="Cara Memilih Nama Domain" width="400" /></a></div>
<br />
Sekarang sudah paham apa itu nama domain. Selanjutnya kita bahas Cara Memilih Nama Domain.<br />
<h3>
<b>Cara Memilih Nama Domain</b></h3>
Bagaimana cara memilih nama domain? Pilih nama domain yang pendek, bermerek, dan unik!<br />
<br />
Nama domain memiliki dampak besar di seluruh web dalam hal rasio klik-tayang, mulai dari pencarian hingga hasil media sosial, hingga tautan rujukan, hingga mengetik lalu lintas, kemampuan merek, dan iklan offline.<br />
<br />
Ada banyak tempat di mana nama domain Anda memengaruhi merek dan pemasaran daring Anda, dan kami tidak bisa mengabaikannya.<br />
<br />
<b>1. Merek</b><br />
<br />
Brandable artinya ketika Anda mendengar atau melihat nama domain, itu terdengar seperti merek. Yang berarti bahwa tanda hubung (-) dan angka adalah masalah nyata karena mereka tidak terdengar seperti merek. Kedengarannya generik, atau aneh.<br />
<br />
Misalnya, jika kami ingin membuat situs web pasta yang memiliki resep pasta dan menjual beberapa produk e-commerce terkait pasta di dalamnya,<br />
<br />
<ul>
<li>Pasta-shop.com akan sulit untuk dicap, diucapkan, atau diingat.</li>
<li>PastaAficionado.com terdengar brandable, unik, tetapi cukup menantang untuk dikatakan.</li>
<li>PastaLabs.com akan luar biasa karena memiliki konotasi ilmiah untuk itu, sangat bermerek, unik, mudah diingat, dan menonjol.</li>
</ul>
<br />
<b>2. Mudah diucapkan</b><br />
<br />
Anda mungkin berpikir, "Mengapa ini begitu penting sehingga bisa diucapkan? Kebanyakan orang akan mengetik atau mengklik tautan."<br />
<br />
Itu penting karena "kelancaran pemrosesan". Bias kognitif bahwa manusia memiliki tempat kita mengingat (dan memiliki lebih banyak asosiasi positif dengan) hal-hal yang dapat dengan mudah kita katakan dan pikirkan. Itu termasuk kemampuan mengucapkan dalam pikiran kita sendiri.<br />
<br />
Ini akan bervariasi pada bahasa dan wilayah yang Anda targetkan.<br />
<br />
Jika Anda tidak dapat dengan mudah menyebutkan namanya, Anda akan kehilangan kelancaran pemrosesan, kemampuan mengingat, dan manfaat dari kemampuan merek yang telah Anda buat.<br />
<br />
<b>3. Singkat</b><br />
<b><br /></b>
Panjang penting karena kelancaran pemrosesan yang kita bicarakan di atas.<br />
<br />
Semakin sedikit karakter yang dimiliki nama domain, semakin mudah untuk mengetik, mengatakan, berbagi, dan semakin sedikit diperpendek pada platform berbagi media sosial dan hasil pencarian.<br />
<br />
Lebih pendek lebih baik.<br />
<br />
<b>4. Dot com</b><br />
<br />
Ekstensi domain .com adalah TLD yang paling dikenal dan paling mudah diakses.<br />
<br />
Kefasihan kognitif menentukan bahwa kita harus pergi dengan sesuatu yang mudah, bahwa orang-orang memiliki hubungan dengan, dan .com masih merupakan TLD utama.<br />
<br />
Jika Anda ingin membangun domain yang sangat bermerek yang dapat melakukannya dengan baik, Anda ingin .com. Mungkin, pada akhirnya, jika Anda sangat sukses, Anda harus mencoba dan menangkapnya, jadi saya akan bias Anda untuk mendapatkannya jika Anda bisa.<br />
<br />
Jika tidak tersedia, saran saya adalah menggunakan .net, .co, atau ccTLD yang dikenal. Itu adalah taruhan terbaik Anda. CcTLD yang dikenal mungkin seperti .ca di Kanada atau .it di Italia.<br />
<br />
<b>5. Hindari pelanggaran merek dagang</b><br />
<br />
Anda harus berhati-hati karena itu bukan apakah Anda berpikir nama domain Anda bisa membingungkan. Apakah Anda menganggap hakim di yurisdiksi, tempat perusahaan mungkin mengambil tindakan hukum terhadap Anda, akan menganggap nama domain Anda membingungkan.<br />
<br />
Ini juga dapat membuat kebingungan merek, yang sulit bagi brandability Anda.<br />
<br />
Anda harus berbicara dengan seorang pengacara atau profesional hukum jika Anda memiliki masalah nyata.<br />
<br />
Pemilik merek dagang dapat berupaya menuntut pemilik nama domain, yang memiliki domain secara sah dan menggunakannya untuk tujuan bisnis, dan itu menyebalkan.<br />
<br />
<b>6. Gunakan kata kunci luas</b><br />
<br />
Kata kunci dalam nama domain dapat membantu dengan bias kelancaran kognitif, tetapi juga dari perspektif SEO.<br />
<br />
Google telah bias dari pencocokan sama persis dan domain pencocokan sebagian, tetapi teks jangkar yang Anda dapatkan dari orang-orang yang terhubung ke domain Anda dapat membantu.<br />
<br />
Jika Anda bisa mendapatkan penyebutan kata kunci dalam nama domain Anda yang membantu memperjelas apa yang Anda maksud dengan situs web Anda, lakukanlah. Tetapi jika Anda mencoba untuk mengamankan kaya kata kunci atau domain bertarget kata kunci, saya akan menjauh dari yang di tahun 2017. Mereka tidak memiliki bobot yang mereka gunakan sebelumnya dan memiliki asosiasi negatif (dengan pengguna dan mesin pencari) yang Anda harus dihindari.<br />
<br />
Misalnya, saya tidak akan membeli nama domain seperti; RecipesForPasta.com atau BuyPastaOnline.com. Saya, sebagai gantinya, pergi untuk sesuatu yang sangat luas seperti Gusto.com.<br />
<br />
Pikirkan tentang Amazon.com atau Google.com, yang jelas tidak memiliki hubungan dengan apa itu. Ini sangat bermerek tetapi tidak memiliki kekayaan kata kunci untuk mereka.<br />
<br />
Ini lebih merupakan asosiasi kreatif, seperti "semangat" berarti "rasa" dalam bahasa Italia. Jadi saya mungkin tergoda untuk pergi ke arah itu. (<a href="https://moz.com/blog/how-to-choose-a-domain-name-whiteboard-friday" rel="nofollow" target="_blank">moz</a>)<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6067087224531587564.post-45962560180932519662017-07-11T15:57:00.000+07:002020-05-12T15:44:55.667+07:00Hapus CSS Bundle untuk Menambah Kecepatan Loading Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAJLZK_aVQAuUBqHvfj8CTSPp32v56TqTFqRSr7VBaIzomLmUV_yUrQGG8nn690p3xuoccWCtM-jqpH6Ht6DqOZFdp6ZqXPKpAYfgfMNJ0SzVme8F4OeAkiNtCFEGj-d2aK67l6QzOqiFp/s1600/load+faster.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Hapus CSS Bundle untuk Menambah Kecepatan Loading Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAJLZK_aVQAuUBqHvfj8CTSPp32v56TqTFqRSr7VBaIzomLmUV_yUrQGG8nn690p3xuoccWCtM-jqpH6Ht6DqOZFdp6ZqXPKpAYfgfMNJ0SzVme8F4OeAkiNtCFEGj-d2aK67l6QzOqiFp/s1600/load+faster.JPG" title="Hapus CSS Bundle untuk Menambah Kecepatan Loading Blog" /></a></div>
<b>Cara Menghapus CSS Bundle Bawaan Blogger untuk Menambah Kecepatan Loading Blog</b><br />
<br />
Cara menghapus <b>CSS Bundle</b> bawaan blogger untuk Menambah Kecepatan Loading Blog. Trik ini sudah diterapkan di NJW V3 Update. Terbukti, menambah kecepatan loading alias blog jadi makin ringan (fast loads).<br />
<br />
<b>UPDATE 2017 !</b><br />
Cara Hapus Link CSS Bundle Bawaan Bogger<br />
<br />
1. Ganti kode <b><head></b> dengan <b>&lt;head&gt;</b><br />
2. Ganti kode <b></head></b> dengan <b>&lt;/head&gt;&lt;!--<head/>--&gt;</b><br />
3. Save!<br />
<h3>
<b>Cara Hapus CSS Bundle untuk Menambah Kecepatan Loading Blog:</b></h3>
<br />
1. Template → Edit<br />
2. Backup Your Template! Takut gagal, bisa dibalikin ke template lama.<br />
3. Cari kode <b><b:skin><![CDATA[</b><br />
4. Ganti (replace) dengan kode ini:<br />
<div>
<br />
<b>&lt;style type=&quot;text/css&quot;&gt;<br />&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin><br /><style type='text/css'></b><br />
<br />
5. Cari kode <b>]]></b:skin></b><br />
7. Ganti dengan kode <b></style></b></div>
<div>
8. Save template!</div>
<div>
<br /></div>
<div>
Gampang 'kan menghapus CSS Bundle untuk Menambah Kecepatan Loading Blog?</div>
<div>
<br /></div>
<div>
TAPI.... ada tapinya.... itu LAYOUT (TATA LETAK) jadi acak-acakan, bagimana mengatasinya? Di NJW V3 ini, caranya menggunakan kode:</div>
<div>
<br />
<span style="color: #cc0000;">.outer-wrapper{width:970px}</span><br />
<span style="color: #cc0000;">.content-wrapper{width:970px}</span><br />
<span style="color: #cc0000;">#header{width:300px;float:left;margin-top:30px}</span><br />
<span style="color: #cc0000;">#header2{width:500px;float:right}</span><br />
<span style="color: #cc0000;">.main-wrapper{width:650px;float:left}</span><br />
<span style="color: #cc0000;">.sidebar-wrapper,.sidebar1-wrapper{width:300px;float:right}</span><br />
<span style="color: #cc0000;">#footer,.footer-wrapper{width:970px}</span><br />
<span style="color: #cc0000;">.footer{width:200px;float:left}</span><br />
<span style="color: #cc0000;">ul{display:none}</span><br />
<span style="color: #cc0000;">#navbar-iframe{height:0;visibility:hidden;display:none}</span><br />
<br /></div>
<div>
Simpan di bawah <b><b:skin><![CDATA[ </b>sehingga menjadi seperti ini:<br />
<br />
<b:skin><![CDATA[<br />
<span style="color: #cc0000;">.outer-wrapper{width:970px}</span><br />
<span style="color: #cc0000;">.content-wrapper{width:970px}</span><br />
<span style="color: #cc0000;">#header{width:300px;float:left;margin-top:30px}</span><br />
<span style="color: #cc0000;">#header2{width:500px;float:right}</span><br />
<span style="color: #cc0000;">.main-wrapper{width:650px;float:left}</span><br />
<span style="color: #cc0000;">.sidebar-wrapper,.sidebar1-wrapper{width:300px;float:right}</span><br />
<span style="color: #cc0000;">#footer,.footer-wrapper{width:970px}</span><br />
<span style="color: #cc0000;">.footer{width:200px;float:left}</span><br />
<span style="color: #cc0000;">ul{display:none}</span><br />
<span style="color: #cc0000;">#navbar-iframe{height:0;visibility:hidden;display:none}</span><br />
*/]]></b:skin><br />
<br />
Intinya, agar Hapus CSS Bundle untuk Menambah Kecepatan Loading Blog tidak membuat LAYOUT ACAK-ACAKAN, maka tambahkan elemen seperti di atas yang tiap template beda-beda, terutama awalannya, ada yang pake titik (.) ada yang pake pagar (#). (http://newjohnywussv3.blogspot.com).*</div>
<div>
<br /></div>
<div>
<i><a href="http://www.thewildblogger.com/2013/12/remove-widget-bundle-css-in-blogger.html" rel="nofollow" target="_blank">Sumber</a></i><br />
<br /></div>
Unknownnoreply@blogger.com17tag:blogger.com,1999:blog-6067087224531587564.post-37624815320198558792016-01-04T13:07:00.003+07:002020-05-12T15:44:55.512+07:00Cara Memasang Navigasi Halaman Nomor (Angka) di NJW V3<b>Cara Mudah Membuat atau Memasang Navigasi Halaman Nomor (Angka) di New Johny Wuss V3</b>.<br />
<b><br /></b>
<b>BANYAK</b> pengguna NJW V3 menanyakan cara memasang navigasi halaman bernomor atau menggunakan angka (<i>number page navigation blogger</i>). Ini penampakannya:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA3BPpF5JdK5X4uYbUDiVQ41lQpi9998PYpI1WfS8TUbsROHLlRUUmbLRIQnGaLeBRShGdxohqX1gZonLnUYMTH2D5sgdfxgAnbl_7G-qVfIJ5Mm9mI0cgL-M9Qyu0pQTRckb15bEtbEpp/s1600/navigasi+halaman+nomor+angka+njw.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Navigasi Halaman Nomor " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA3BPpF5JdK5X4uYbUDiVQ41lQpi9998PYpI1WfS8TUbsROHLlRUUmbLRIQnGaLeBRShGdxohqX1gZonLnUYMTH2D5sgdfxgAnbl_7G-qVfIJ5Mm9mI0cgL-M9Qyu0pQTRckb15bEtbEpp/s1600/navigasi+halaman+nomor+angka+njw.JPG" title="Navigasi Halaman Nomor " /></a></div>
<br />
Sebenarnya banyak sekali tutorial tentang navigasi halaman nomor ini. Tapi, baiklah, berikut ini <a href="http://www.contohblog.com/" target="_blank">CB</a> share tentang cara termudah memasangnya.<br />
<br />
Gak pake ribet dan sukses terpasang di <a href="http://newjohnywussv3.blogspot.com/" rel="nofollow" target="_blank">blog demo NJW V3</a> ini.<br />
<br />
<h3>
<b>Cara Memasang Navigasi Halaman Nomor (Angka) di NJW V3</b></h3>
<div>
1. Klik "Template" > "Edit HTML"</div>
2. Simpan kode berikut ini di atas kode </body> (kode </body> ada di bagian paling bawah)<br />
<br />
<div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;">
<b:if cond='data:blog.pageType != &quot;item&quot;'><br />
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><br />
<style><br />
#blog-pager{clear:both;margin:12px auto;text-align:center; padding: 7px;}<br />
.blog-pager {background: none;}<br />
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}<br />
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}<br />
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}<br />
.showpageOf{display:none!important}<br />
#blog-pager .pages{border:none;}<br />
</style><br />
<script type='text/javascript'><br />
/*<![CDATA[*/<br />
var perPage=5;<br />
var numPages=6;<br />
var firstText ='First';<br />
var lastText ='Last';<br />
var prevText ='« Previous';<br />
var nextText ='Next »';<br />
var urlactivepage=location.href;<br />
var home_page="/";<br />
/*]]>*/<br />
</script><br />
<script><br />
/*<![CDATA[*/<br />
if (typeof firstText == "undefined") firstText = "First";<br />
if (typeof lastText == "undefined") lastText = "Last";<br />
var noPage;<br />
var currentPage;<br />
var currentPageNo;<br />
var postLabel;<br />
pagecurrentg();<br />
function looppagecurrentg(pageInfo) {<br />
var html = '';<br />
pageNumber = parseInt(numPages / 2);<br />
if (pageNumber == numPages - pageNumber) {<br />
numPages = pageNumber * 2 + 1<br />
}<br />
pageStart = currentPageNo - pageNumber;<br />
if (pageStart < 1) pageStart = 1;<br />
lastPageNo = parseInt(pageInfo / perPage) + 1;<br />
if (lastPageNo - 1 == pageInfo / perPage) lastPageNo = lastPageNo - 1;<br />
pageEnd = pageStart + numPages - 1;<br />
if (pageEnd > lastPageNo) pageEnd = lastPageNo;<br />
html += "<span class='showpageOf'>Page " + currentPageNo + ' of ' + lastPageNo + "</span>";<br />
var prevNumber = parseInt(currentPageNo) - 1;<br />
//Iccsi was here, doing magic <br />
if (currentPageNo > 1) {<br />
if (currentPage == "page") {<br />
html += '<span class="showpage firstpage"><a href="' + home_page + '">' + firstText + '</a></span>'<br />
} else {<br />
html += '<span class="displaypageNum firstpage"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">' + firstText + '</a></span>'<br />
}<br />
}<br />
if (currentPageNo > 2) {<br />
if (currentPageNo == 3) {<br />
if (currentPage == "page") {<br />
html += '<span class="showpage"><a href="' + home_page + '">' + prevText + '</a></span>'<br />
} else {<br />
html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">' + prevText + '</a></span>'<br />
}<br />
} else {<br />
if (currentPage == "page") {<br />
html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + prevNumber + ');return false">' + prevText + '</a></span>'<br />
} else {<br />
html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + prevNumber + ');return false">' + prevText + '</a></span>'<br />
}<br />
}<br />
}<br />
if (pageStart > 1) {<br />
if (currentPage == "page") {<br />
html += '<span class="displaypageNum"><a href="' + home_page + '">1</a></span>'<br />
} else {<br />
html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">1</a></span>'<br />
}<br />
}<br />
if (pageStart > 2) {<br />
html += ' ... '<br />
}<br />
for (var jj = pageStart; jj <= pageEnd; jj++) {<br />
if (currentPageNo == jj) {<br />
html += '<span class="pagecurrent">' + jj + '</span>'<br />
} else if (jj == 1) {<br />
if (currentPage == "page") {<br />
html += '<span class="displaypageNum"><a href="' + home_page + '">1</a></span>'<br />
} else {<br />
html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">1</a></span>'<br />
}<br />
} else {<br />
if (currentPage == "page") {<br />
html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + jj + ');return false">' + jj + '</a></span>'<br />
} else {<br />
html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + jj + ');return false">' + jj + '</a></span>'<br />
}<br />
}<br />
}<br />
if (pageEnd < lastPageNo - 1) {<br />
html += '...'<br />
}<br />
if (pageEnd < lastPageNo) {<br />
if (currentPage == "page") {<br />
html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + lastPageNo + ');return false">' + lastPageNo + '</a></span>'<br />
} else {<br />
html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + lastPageNo + ');return false">' + lastPageNo + '</a></span>'<br />
}<br />
}<br />
var nextnumber = parseInt(currentPageNo) + 1;<br />
if (currentPageNo < (lastPageNo - 1)) {<br />
if (currentPage == "page") {<br />
html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + nextnumber + ');return false">' + nextText + '</a></span>'<br />
} else {<br />
html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + nextnumber + ');return false">' + nextText + '</a></span>'<br />
}<br />
} <br />
if (currentPageNo < lastPageNo) {<br />
//Iccsi was here, doing magic<br />
if (currentPage == "page") {<br />
html += '<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage(' + lastPageNo + ');return false">' + lastText + '</a></span>'<br />
} else {<br />
html += '<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel(' + lastPageNo + ');return false">' + lastText + '</a></span>'<br />
}<br />
}<br />
var pageArea = document.getElementsByName("pageArea");<br />
var blogPager = document.getElementById("blog-pager");<br />
for (var p = 0; p < pageArea.length; p++) {<br />
pageArea[p].innerHTML = html<br />
}<br />
if (pageArea && pageArea.length > 0) {<br />
html = ''<br />
}<br />
if (blogPager) {<br />
blogPager.innerHTML = html<br />
}<br />
}<br />
<br />
function totalcountdata(root) {<br />
var feed = root.feed;<br />
var totaldata = parseInt(feed.openSearch$totalResults.$t, 10);<br />
looppagecurrentg(totaldata)<br />
}<br />
function pagecurrentg() {<br />
var thisUrl = urlactivepage;<br />
if (thisUrl.indexOf("/search/label/") != -1) {<br />
if (thisUrl.indexOf("?updated-max") != -1) {<br />
postLabel = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?updated-max"))<br />
} else {<br />
postLabel = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?&max"))<br />
}<br />
}<br />
if (thisUrl.indexOf("?q=") == -1 && thisUrl.indexOf(".html") == -1) {<br />
if (thisUrl.indexOf("/search/label/") == -1) {<br />
currentPage = "page";<br />
if (urlactivepage.indexOf("#PageNo=") != -1) {<br />
currentPageNo = urlactivepage.substring(urlactivepage.indexOf("#PageNo=") + 8, urlactivepage.length)<br />
} else {<br />
currentPageNo = 1<br />
}<br />
document.write("<script src=\"" + home_page + "feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")<br />
} else {<br />
currentPage = "label";<br />
if (thisUrl.indexOf("&max-results=") == -1) {<br />
perPage = 20<br />
}<br />
if (urlactivepage.indexOf("#PageNo=") != -1) {<br />
currentPageNo = urlactivepage.substring(urlactivepage.indexOf("#PageNo=") + 8, urlactivepage.length)<br />
} else {<br />
currentPageNo = 1<br />
}<br />
document.write('<script src="' + home_page + 'feeds/posts/summary/-/' + postLabel + '?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')<br />
}<br />
}<br />
}<br />
function redirectpage(numberpage) {<br />
jsonstart = (numberpage - 1) * perPage;<br />
noPage = numberpage;<br />
var nameBody = document.getElementsByTagName('head')[0];<br />
var newInclude = document.createElement('script');<br />
newInclude.type = 'text/javascript';<br />
newInclude.setAttribute("src", home_page + "feeds/posts/summary?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");<br />
nameBody.appendChild(newInclude)<br />
}<br />
<br />
function redirectlabel(numberpage) {<br />
jsonstart = (numberpage - 1) * perPage;<br />
noPage = numberpage;<br />
var nameBody = document.getElementsByTagName('head')[0];<br />
var newInclude = document.createElement('script');<br />
newInclude.type = 'text/javascript';<br />
newInclude.setAttribute("src", home_page + "feeds/posts/summary/-/" + postLabel + "?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");<br />
nameBody.appendChild(newInclude)<br />
}<br />
<br />
function finddatepost(root) {<br />
post = root.feed.entry[0];<br />
var timestamp1 = post.published.$t.substring(0, 19) + post.published.$t.substring(23, 29);<br />
var timestamp = encodeURIComponent(timestamp1);<br />
if (currentPage == "page") {<br />
var pAddress = "/search?updated-max=" + timestamp + "&max-results=" + perPage + "#PageNo=" + noPage<br />
} else {<br />
var pAddress = "/search/label/" + postLabel + "?updated-max=" + timestamp + "&max-results=" + perPage + "#PageNo=" + noPage<br />
}<br />
location.href = pAddress<br />
}<br />
/*]]>*/<br />
</script><br />
</b:if><br />
</b:if><br />
<div>
<br /></div>
</div>
<br />
3. Cari (Ctrl+F) kode <b><b:includable id='nextprev'></b>. Di bawahnya ada blog-pager seperti ini:<br />
<br />
<div>
<div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;">
<div class='blog-pager' id='blog-pager'><br />
<b:if cond='data:newerPageUrl'><br />
<span id='blog-pager-newer-link'><br />
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a><br />
</span><br />
</b:if><br />
<b:if cond='data:olderPageUrl'><br />
<span id='blog-pager-older-link'><br />
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a><br />
</span><br />
</b:if><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><br />
</b:if><br />
<b:if cond='data:mobileLinkUrl'><br />
<div class='blog-mobile-link'><br />
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a><br />
</div><br />
</b:if><br />
</div><br />
<br />
<div class='clear'/></div>
<br /></div>
5. Hapus semua kode tersebut dan ganti (replace) dengan kode berikut ini:<br />
<br />
<div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;">
<span style="color: red;"><b:if cond='data:blog.pageType != &quot;item&quot;'> </span><br />
<span style="color: red;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'></span><br />
<div class='blog-pager' id='blog-pager'><br />
<b:if cond='data:newerPageUrl'><br />
<span id='blog-pager-newer-link'><br />
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a><br />
</span><br />
</b:if><br />
<b:if cond='data:olderPageUrl'><br />
<span id='blog-pager-older-link'><br />
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a><br />
</span><br />
</b:if><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><br />
</b:if><br />
<b:if cond='data:mobileLinkUrl'><br />
<div class='blog-mobile-link'><br />
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a><br />
</div><br />
</b:if><br />
</div><br />
<div class='clear'/><br />
<span style="color: red;"></b:if></span><br />
<span style="color: red;"></b:if></span></div>
<br />
<b><i>CATATAN:</i></b><br />
<i>Intinya sih, cuma nambahkan kode tag kondisional yang <span style="color: red;">warna merah</span> di posisi seperti di atas.</i><br />
<br />
<b>6. Save Template!</b><br />
<br />
Jika ingin tampilan navigasi halaman yang lainnya, silakan ke sumber berikut ini:<br />
<ul>
<li><a href="http://helplogger.blogspot.co.id/2014/04/how-to-add-numbered-page-navigation-widget-for-blogger.html" rel="nofollow" target="_blank">helplogger.blogspot.co.id/2014/04/how-to-add-numbered-page-navigation-widget-for-blogger.html</a></li>
<li><a href="http://www.blogolect.com/2015/01/how-to-add-numbered-page-navigation-to-blogger.html" rel="nofollow" target="_blank">http://www.blogolect.com/2015/01/how-to-add-numbered-page-navigation-to-blogger.html</a></li>
</ul>
<div>
Tapi, yang aman, lakukan tutorial di atas saja. Good Luck!</div>
<div>
<br /></div>
Unknownnoreply@blogger.com30tag:blogger.com,1999:blog-6067087224531587564.post-56662147273613233952015-06-08T07:24:00.001+07:002020-05-12T15:44:55.746+07:00Mantap, NJW V3 Bisa Ngalahin Blog Admin di SERP Google!<b>Template New Johny Wuss V3 Membantu Blog Anda Masuk Peringkat Atas di SERP Google. CB aja bisa kalah lho!</b><br />
<b><br /></b>
<b>SAAT </b>mengecek data soal "mengatasi data autor error" di Google, ternyata peringkat posting <a href="http://www.contohblognih.blogspot.com/" target="_blank">CB</a> di template demo <a href="http://newjohnywussv3.blogspot.com/" rel="nofollow" target="_blank">New Johny Wuss V3 </a>ini mengalahkan posting di blog CB sendiri! Artinya, ini template SEO banget! Blog adminnya aja kalah di SERP Google! Cekidot:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja5gmEymqCsjApUcjPa9-7wGK6kbmvfZ9hxP9YCXGENR_C0-7i9pGCEvhOMUrY49PzkVGu-uGNM8HkJbohg2kiwRlVx2BoosvGQgfPjU95_aHxOvy-mIVmK7NxmVxE4LsvTheBxV-DFHCd/s1600/njwv3+kalahkan+cb.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="serp google njw v3" border="0" height="349" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja5gmEymqCsjApUcjPa9-7wGK6kbmvfZ9hxP9YCXGENR_C0-7i9pGCEvhOMUrY49PzkVGu-uGNM8HkJbohg2kiwRlVx2BoosvGQgfPjU95_aHxOvy-mIVmK7NxmVxE4LsvTheBxV-DFHCd/s400/njwv3+kalahkan+cb.JPG" title="serp google njw v3" width="400" /></a></div>
<br />
Posting yang bisa nangkring di peringkat satu Google itu adalah <a href="http://newjohnywussv3.blogspot.com/2014/12/mengatasi-error-missing-updated-author.html" target="_blank">Mengatasi Error Missing Update Author</a>.<br />
<br />
Padahal itu, tulisan "sekadar" mengisi template demo. Bisa dikatakan "asal tulis", tapi ternyata bisa mengalahkan "posting beneran" di blog CB: <a href="http://contohblognih.blogspot.com/2014/06/mengatasi-error-missing-updated-author.html" target="_blank">Cara Mengatasi Error: Missing "Updated" Struktur Data Blog</a>.<br />
<br />
Kok bisa? Ya... bisa lah! Secara, NJW V3 ini 'kan SEO friendly banget dan dari sisi kecepatan loading lebih OK daripada template yang digunakan CB (<a href="http://newjohnywussv2.blogspot.com/" target="_blank">NJW V2</a>). Blog CB sendiri loadingnya agak lambat karena banyak skrip dan elemen yang digunakan, sebagai "risiko" blog contoh.<br />
<br />
So, kesimpulan posting ini adalah... template NJW V3 ini terbukti dan teruji SEO. Lebih penting lagi, gratis!!!<br />
<br />
CB sertakan link download terbarunya, template NJW V3 yang sesuai dengan demonya ini. Monggo disedoooottttt.<br />
<br />
<b><a href="https://app.box.com/s/60phqlx48ienbhns5g8yww0rcg4kdtyx" rel="nofollow" target="_blank">DOWNLOAD</a></b><br />
<br />
<br />
<b><span style="color: red;">WARNING!!!</span></b><br />
<ol>
<li><b>Anda hanya boleh mengubah link footer sebelah kanan.</b></li>
<li><b>Yang sebelah kiri, credit link maskolis & cb blogger TIDAK BOLEH DIUBAH!</b></li>
<li><b>NO Support for FREE TEMPLATE!</b></li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9q-YO-KS23BREmmHBKw-sMH8hFo-fjT1_wWNdTtFDtcpKG860wW0PAFcJB7auyA-WHEwqL3sonfrKI2FFpLJ1ALkj2ozSw7ZJFggDlzU5hUNdPsj5R5LAsRnE-8HFYVSUriCjrofhJMNK/s1600/New+Johny+Wuss+V3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="New Johny Wuss V3" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9q-YO-KS23BREmmHBKw-sMH8hFo-fjT1_wWNdTtFDtcpKG860wW0PAFcJB7auyA-WHEwqL3sonfrKI2FFpLJ1ALkj2ozSw7ZJFggDlzU5hUNdPsj5R5LAsRnE-8HFYVSUriCjrofhJMNK/s320/New+Johny+Wuss+V3.JPG" title="New Johny Wuss V3" width="262" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>New Johny Wuss V3 SEO Friendly dan Fast Loading Responsive untuk Indeks Google</b></div>
<div class="separator" style="clear: both; text-align: center;">
<b>Good Luck & Happy Blogging!</b></div>
<div>
<b><br /></b></div>
Unknownnoreply@blogger.com43tag:blogger.com,1999:blog-6067087224531587564.post-81085533810002733952015-01-15T15:09:00.001+07:002020-05-12T15:44:55.864+07:00Top 5 Situs yang Wajib Digunakan Blogger<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBFNhdkQ7JKk8gMk2bTtTjEDg6kWQJ_FIDUouZGaa8fIMHAXw0qKW0Ia3O9dJjhGc2Hyk5bJXw5y2fYKDOpXTms2IunhxCg5RG0Y06iCQFUpygP_SBoeNhYB6q5yMUCiPWfZMjnqi4Jtf_/s1600/SEO+Blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Top 5 Situs yang Wajib Digunakan Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBFNhdkQ7JKk8gMk2bTtTjEDg6kWQJ_FIDUouZGaa8fIMHAXw0qKW0Ia3O9dJjhGc2Hyk5bJXw5y2fYKDOpXTms2IunhxCg5RG0Y06iCQFUpygP_SBoeNhYB6q5yMUCiPWfZMjnqi4Jtf_/s1600/SEO+Blog.jpg" title="Top 5 Situs yang Wajib Digunakan Blogger" /></a></div>
<b>SETIDAKNYA</b> ada 5 Situs Web atau Laman yang wajib dikunjungi dan dimanfaatkan para blogger untuk kebaikan dan kesuksesan blognya. <div>
<br /></div>
<div>
Bahkan, tiga di antaranya harus dibuka sebelum memilih template blog SEO Friendly yang bagus buat indeks Google.<div>
<br /></div>
<div>
Kelima situs yang harus digunakan para blogger itu bisa kita sebut sebagai Online Blogging Tools. </div>
<div>
<br /></div>
<div>
Di situs-situs inilah kita bisa melihat skor SEO sebuah template blog, kecepatan tampilannya (loading speed), dan struktur datanya.<br /><div>
<br /><b>Top 5 Blogging Tools Sites</b><div>
<ol>
<li><a href="http://chkme.com/">Chkme</a></li>
<li><a href="http://gtmetrix.com/">GT Metrix</a></li>
<li><a href="http://www.google.com/webmasters/tools/richsnippets">Structured Data Testing Tool</a></li>
<li><a href="https://www.google.com/webmasters/tools">Google Webmaster</a></li>
<li><a href="https://feedburner.google.com/">Feedburner</a> </li>
</ol>
<div>
<b>CHKME - Uji Skor SEO </b></div>
<div>
Chkme adalah situs untuk mengetes ke-SEO-an blog atau template. Jadi, sebelum Anda menggunakan atau menentukan template yang akan digunakan, cek dulu skor SEO-nya di sana. Standar Skor SEO yang baik adalah minimal 80. </div>
</div>
</div>
</div>
<div>
<br /></div>
<div>
Banyak situs lain yang juga menilai SEO blog, tapi yang paling populer CHKME karena simple dan panduan perbaikannya mudah diikuti newbie sekalipun.</div>
<div>
<br /></div>
<div>
<b>GT Metrix - Uji Fast Loading</b></div>
<div>
GT Metrix adalah situs untuk menguji kecepatan loading template. Skor standar yang bagus buat SEO dalah B (80), yang terbaik tentu saja nilai (A), yaitu 90% ke atas.</div>
<div>
<br /></div>
<div>
<b>Structured Data Testing Tools</b></div>
<div>
Laman ini disediakan Google untuk mengetes apakah blog Anda bisa dibaca (diindeks) oleh Google atau tidak. Struktur data blog yang baik tidak ada warning/error. Artinya, template blog sudah baik dan akan mudah dan cepat diindeks Google.</div>
<div>
<br /></div>
<div>
Banyak blogger mengeluh blognya sepi pengunjung. Kemungkinan salah satu penyebabnya adalah struktur data blognya error.</div>
<div>
<br /></div>
<div>
<b>Google Webmaster</b></div>
<div>
Begitu Anda membuat blog, segera buka Google Webmaster agar blog Anda terdaftar dengan cepat di mesin pencari Google. Nanti ada panduan optimisasi SEO lebih lanjut.</div>
<div>
<br /></div>
<div>
Lebih baik lagi daftar pula ke Google Analytic.</div>
<div>
<br /></div>
<div>
<b>Feedburner</b></div>
<div>
Masih milik Google, Feedburner adalah layanan pembuatan RSS Feed sehingga konten blog kita tersebar atau terdistribusikan via email dan media sosial (Twitter) secara otomatis. Di Feedburner pula ada kode untuk membuat Kotak Berlangganan (Subscribe Box).</div>
<div>
<br /></div>
<div>
Nah, itulah ulasan ringkas tentang Top 5 Situs yang Wajib Digunakan Blogger. Good Luck!</div>
</div>
Unknownnoreply@blogger.com26tag:blogger.com,1999:blog-6067087224531587564.post-37575984984103772172015-01-01T11:28:00.000+07:002020-05-12T15:44:55.473+07:00Panduan Google: Cara Mengisi Blog dengan Konten Berkualitas<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8-bJewgY1gkf4pUMsUIgdKWvYnG5ad1FHGDmyTO3tgVJcwrRjXzoIcmFr-0KMyTpZmAp3ykZFSdaHUNtU0ZBP4f_s7_9BT69Zp3qg2IRbisdOjgp4zQ5bRHYoUBhSJWbQmD5B6NBUsZOB/s1600/quality_web_content_konten_berkualitas.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Panduan Google: Cara Mengisi Blog dengan Konten Berkualitas" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8-bJewgY1gkf4pUMsUIgdKWvYnG5ad1FHGDmyTO3tgVJcwrRjXzoIcmFr-0KMyTpZmAp3ykZFSdaHUNtU0ZBP4f_s7_9BT69Zp3qg2IRbisdOjgp4zQ5bRHYoUBhSJWbQmD5B6NBUsZOB/s1600/quality_web_content_konten_berkualitas.jpg" height="196" title="Panduan Google: Cara Mengisi Blog dengan Konten Berkualitas" width="200" /></a></div>
<b>BLOG</b> Anda sepi pengunjung? Salah satu sebabnya, konten blog Anda tidak berkualitas! Algoritma Google dan mesin pencari lain mengutamakan isi, tulisan, atau posting berkualitas (<i>quality content</i>).<br />
<br />
Apa saja ciri-ciri konten blog berkualitas sehingga mudah dan cepat diindeks Google? Berikut ini <b>Panduan Resmi Google</b> tentang Cara Mengisi Blog dengan Konten Berkualitas.<br />
<br />
<b>Pedoman Kualitas - Prinsip Dasar</b><br />
<ol>
<li>Buat laman (konten, posting, tulisan) yang utamanya untuk <b>pengguna</b>, bukan untuk mesin telusur.</li>
<li>Jangan menipu pengguna Anda!</li>
<li>Hindari trik yang dimaksudkan untuk meningkatkan peringkat mesin telusur. Yang paling penting adalah apakah Anda merasa nyaman menjelaskan apa yang telah Anda lakukan ke laman web pesaing Anda, atau kepada karyawan Google. Pengujian berguna lainnya adalah menanyakan, "Apakah ini membantu pengguna saya? Akankah saya melakukan ini jika tidak ada mesin telusur?"</li>
<li>Pikirkan tentang apa yang membuat situs web Anda unik, berharga, atau menarik. Buat situs web Anda menonjol dari yang lain di bidang Anda.</li>
</ol>
<div>
Panduan konten berkaulitas selengkapnya ada di <a href="https://support.google.com/webmasters/answer/35769?hl=id&ref_topic=6002025#design_and_content_guidelines" target="_blank">Design and Content Guidelaine</a>. Good Luck!</div>
<div>
<br /></div>
Unknownnoreply@blogger.com8tag:blogger.com,1999:blog-6067087224531587564.post-4026689929641032562015-01-01T11:24:00.000+07:002020-05-12T15:44:55.552+07:00Panduan Instal & Setting Template New Johny Wuss V3<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXZMby0QPX1gb81Db8nxi0iEu9Sd3VFDre5-FGYMXelmTnh3ibeQDcZz7R3yr2l_jJD7AhVsHVNJRqP9DT7LhaY7QzSdAEWu5M1TO28HQhlV-IH79buFG5rUh3n-qgZ-_pE5Bi6P8CoC0x/s1600/New+Johny+Wuss+V3++Responsive+.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Panduan Instal & Setting Template New Johny Wuss V3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXZMby0QPX1gb81Db8nxi0iEu9Sd3VFDre5-FGYMXelmTnh3ibeQDcZz7R3yr2l_jJD7AhVsHVNJRqP9DT7LhaY7QzSdAEWu5M1TO28HQhlV-IH79buFG5rUh3n-qgZ-_pE5Bi6P8CoC0x/s1600/New+Johny+Wuss+V3++Responsive+.png" title="Panduan Instal & Setting Template New Johny Wuss V3" /></a></div>
Panduan Instal & Setting Template New Johny Wuss V3 - Newest SEO Friendly Blogger Template 2015. Versi terbaru hasil modifikasi <a href="http://johny-wusss.blogspot.com/" rel="nofollow" target="_blank">Johny Wuss</a> karya Maskolis.<br />
<br />
Hasil modifikasi Johny Wusss sebelumnya adalah <a href="http://contohblognih.blogspot.com/2014/03/New-Johny-Wuss-SEO-Fast-Responsive-Blogger-Template.html" rel="nofollow" target="_blank">New Johny Wuss V1</a> dan <a href="http://contohblognih.blogspot.com/2014/06/new-johny-wuss-v2-template-blog-seo.html" target="_blank">New Johny Wuss V2</a>.<br />
<br />
<b>UPDATE!!!</b><br />
<b><a href="http://newjohnywussv3.blogspot.com/2015/06/mantap-njw-v3-bisa-ngalahin-blog-admin.html" target="_blank">Link Download Terbaru NJW V3 (Sesuai Demo) </a></b><br />
<br />
Berikut ini cara setttingnya, setelah Anda upload menjadi template blog terbaru Anda. (Yang belum bisa cara ganti template, silakan ke TKP: <a href="http://contohblognih.blogspot.com/2014/02/Cara-Mengganti-Template-Blog-Mengubah-Tampilan-Blog.html" rel="nofollow" target="_blank">Ganti Template Blog</a>.)<br />
<br />
<b>Panduan Instal & Setting Template New Johny Wuss V3</b><br />
<ol>
<li>Klik "Template" > "Edit HTML" > Cari (Ctrl+F) kode <div id='homepage'> </li>
<li>Ganti <b>siteUrl</b> = "<span style="color: red;">http://newjohnywussv3.blogspot.com/p/sitemap.html</span>" dengan Url Sitemap/Daftar Isi Blog Anda!</li>
</ol>
<div>
<b>1. FEATURED POST!</b><br />
Tambahkan LABEL <b>Featured</b> pada posting yang akan ditampilkan di "Featured Post" halaman depan paling atas.<br />
<b><br /></b><b>2. UBAH juga dengan versi Anda:</b></div>
Template > Edit HTML > temukan kode <span style="color: red;"><span class='fn author'> </span>. Lihat di bawahnya dan ganti yang berwarna merah dengan versi Anda.<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<span class='fn author'><br />
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'><br />
<span itemprop='name'><span style="color: red;">Contoh Blog - Tips SEO, Desain, Free Template!</span> </span><br />
</a><br />
</span><br />
<b:else/><br />
<span class='fn author'><span itemprop='name'><span style="color: red;">Contoh Blog - Tips SEO, Desain, Free Template!</span></span></span><br />
</b:if><br />
</b:if><br />
</span></div>
<br />
3. Ubah <!-- Title Tags --><br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<title><data:blog.pageTitle/> | <span style="color: red;">Best SEO Friendly Blogger Template</span></title><br />
<meta content='<span style="color: red;">new johny wuss, seo template, responsive theme, fast loading</span>' name='keywords'/></div>
<br />
4. Ubah juga Link di <span style="color: red;"><div class='right'></span>.<br />
Link yang di atasnya (credit link footer) TIDAK BOLEH DIUBAH!!!<br />
Hanya bagian ini yang boleh diubah:<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<div class='right'><br />
Links: <a href='<span style="color: red;">#</span>'><span style="color: red;">Your Link1 Here</span></a>. <a href='<span style="color: red;">#</span>'><span style="color: red;">Your Link2 Here</span></a>. <a href='<span style="color: red;">#</span>'><span style="color: red;">Your Link3</span></a>. <a href='<span style="color: red;">#</span>'><span style="color: red;">Your Link4</span></a><br/><br />
<span style="color: blue;"><br /></span>
<span style="color: blue;"><!-- Yang di bawah ini boleh diubah, boleh juga dibiarkan saja --></span><br />
<br />
Powered by <a href='http://www.blogger.com' target='_blank'>Blogger</a> &amp; <a href='http://www.google.com' target='_blank'>Google</a>. <a href='http://www.sepakbolamagz.com' target='_blank'>Football Mania</a></div>
<br />
<b>5. KODE KOTAK PENCARIAN</b><br />
1. Layout > Add a Gadget > Pilih "Javascript/HTML"<br />
2. Masukkan kode berikut ini di "content"<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<style><br />
#search-box {position: relative;width: 100%;margin: 0;}<br />
#search-form{height: 40px;border: 1px solid #999;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;overflow: hidden;}<br />
#search-text{font-size: 14px;color: #ddd;border-width: 0;background: transparent;}<br />
#search-box input[type="text"]{width: 90%;padding: 11px 0 12px 1em;color: #333;outline: none;}<br />
#search-button {position: absolute;top: 0;right: 0;height: 42px;width: 80px;font-size: 14px;color: #fff;text-align: center;line-height: 42px;border-width: 0;background-color: #4d90fe;-webkit-border-radius: 0px 5px 5px 0px;-moz-border-radius: 0px 5px 5px 0px;border-radius: 0px 5px 5px 0px;cursor: pointer;} <div style='display:none'><a href='http://contohblognih.blogspot.com' target='_blank'>CB Desain Seacr Box</a></div></style><div id='search-box'><form action='/search' id='search-form' method='get' target='_top'><br />
<input id='search-text' name='q' placeholder='Search here...' type='text'/><br />
<button id='search-button' type='submit'><span>Search</span></button></form></div><br />
<br/></div>
<br />
<b><br /></b>
<b>6. HAPUS KODE IKLAN GOOGLE!</b><br />
<b><br /></b>
<b>Cari kode </b><div class='post-footer-line post-footer-line-3'><br />
di bawahnya ada kode iklan Google seperti ini dan HAPUS semuanya atau ganti dengan kode Adsense Anda!<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;">
<span style="color: #990000;"><br/></span><br />
<span style="color: #990000;"><script type="text/javascript"><!--</span><br />
<span style="color: #990000;">google_ad_client = "ca-pub-99362565352XXXX";</span><br />
<span style="color: #990000;">/* 300x250 Teks &amp; Gambar */</span><br />
<span style="color: #990000;">google_ad_slot = "9008658208";</span><br />
<span style="color: #990000;">google_ad_width = 300;</span><br />
<span style="color: #990000;">google_ad_height = 250;</span><br />
<span style="color: #990000;">//--></span><br />
<span style="color: #990000;"></script></span><br />
<span style="color: #990000;"><script type="text/javascript"</span><br />
<span style="color: #990000;">src="//pagead2.googlesyndication.com/pagead/show_ads.js"></span><br />
<span style="color: #990000;"></script></span></div>
<br />
<b><br /></b>
<b>UPDATE!</b><br />
Jika tampilan "Layout" di Dashboar tampak tidak rapi alias acak-acakan, tambahkan kode berikut ini:<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;">
<span style="color: blue;">body#layout .outer-wrapper {width:970px}</span><br />
<span style="color: blue;">body#layout .content-wrapper {width:970px}</span><br />
<span style="color: blue;">body#layout #header {width:300px;float:left;margin-top:30px}</span><br />
<span style="color: blue;">body#layout #header2 {width:500px;float:right}</span><br />
<span style="color: blue;">body#layout .main-wrapper {width:550px}</span><br />
<span style="color: blue;">body#layout .sidebar-wrapper,.sidebar1-wrapper {width:300px;float:right}</span><br />
<span style="color: blue;">body#layout #footer {width:970px}</span><br />
<span style="color: blue;">.footer {width:215px;float:left}</span><br />
<span style="color: blue;">body#layout ul {display: none}</span></div>
<br />
<b>di atas kode</b><br />
<b><br /></b>
<br />
<div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;">
<span style="color: red;">#navbar-iframe{height:0;visibility:hidden;display:none}</span></div>
<br />
<b><br /></b>
<b>MEMUNCULKAN BLOG PAGER </b><br />
Di halaman depan demo template lama, ada menu <b>See All Posts</b> yang mengarah ke <b>Daftar Isi</b>.<br />
Anda bisa menggantinya dengan Blog Pager atau Menu Halaman Biasa (<b>Older Posts</b>) dengan mengganti kode antara<br />
<b><br /></b>
<b><b:includable id='nextprev'></b> dan <b><div class='clear'/></b><br />
<br />
dengan kode berikut ini:<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<span style="color: red;"><b:includable id='nextprev'></span><br />
<br />
<span style="color: blue;"><div class='blog-pager' id='blog-pager'></span><br />
<span style="color: blue;"> <b:if cond='data:newerPageUrl'></span><br />
<span style="color: blue;"> <span id='blog-pager-newer-link'></span><br />
<span style="color: blue;"> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a></span><br />
<span style="color: blue;"> </span></span><br />
<span style="color: blue;"> </b:if></span><br />
<span style="color: blue;"> <b:if cond='data:olderPageUrl'></span><br />
<span style="color: blue;"> <span id='blog-pager-older-link'></span><br />
<span style="color: blue;"> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a></span><br />
<span style="color: blue;"> </span></span><br />
<span style="color: blue;"> </b:if></span><br />
<span style="color: blue;"><b:if cond='data:blog.pageType == "item"'></span><br />
<span style="color: blue;"> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a></span><br />
<span style="color: blue;"> </b:if></span><br />
<span style="color: blue;"> <b:if cond='data:mobileLinkUrl'></span><br />
<span style="color: blue;"> <div class='blog-mobile-link'></span><br />
<span style="color: blue;"> <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a></span><br />
<span style="color: blue;"> </div></span><br />
<span style="color: blue;"> </b:if></span><br />
<span style="color: blue;"> </div></span><br />
<br />
<span style="color: red;"> <div class='clear'/></span></div>
<br />
Demikian Panduan Instal & Setting Template New Johny Wuss V3. Good Luck!!!<br />
<br />
Link: <b><a href="https://app.box.com/s/c47xpzoezos5wajagbqr1261vzeth9kz" rel="nofollow" target="_blank">DOWNLOAD NJW V3</a></b><br />
<br />
<b><span style="color: red;">UPDATE!!!</span></b><br />
<b><a href="http://newjohnywussv3.blogspot.com/2015/06/mantap-njw-v3-bisa-ngalahin-blog-admin.html" target="_blank">Link Download Terbaru NJW V3 (Sesuai Demo) </a></b><br />
<div>
<br /></div>
<div>
<b>WARNING!!!! </b></div>
Jangan Hapus atau Ubah Credit Link <b>maskolis & cb blogger</b> di Footer. Jika menghapus atau mengubahnya, Google DMCA akan memasukkan blog Anda ke Google SandBox !!!<br />
<br />
<h3 style="text-align: center;">
<b><span style="color: #38761d;">*** NO FREE SUPPORT for FREE TEMPLATES ***</span></b></h3>
<div style="text-align: center;">
<b><span style="color: #cc0000;">New from CB !!!</span></b></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWELK8CRjpzznUvZbNdf8itd873NilEAA9aKJIt1Z53dCd3RXDcO49D6ZJ02rCH6obWiVsW9vu4yjEQU1hyGXFOzxdcU5jSkAmvXgcOkVY9q1muHZ5mrefIhhE7hdTfc7KDDF9KyNEtqMX/s1600/NJW+Simple+-+SEO+Fast+Responsive+Blogger+Template.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="NJW Simple - New Seo Friendly Blogger Template" border="0" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWELK8CRjpzznUvZbNdf8itd873NilEAA9aKJIt1Z53dCd3RXDcO49D6ZJ02rCH6obWiVsW9vu4yjEQU1hyGXFOzxdcU5jSkAmvXgcOkVY9q1muHZ5mrefIhhE7hdTfc7KDDF9KyNEtqMX/s320/NJW+Simple+-+SEO+Fast+Responsive+Blogger+Template.JPG" title="NJW Simple - New Seo Friendly Blogger Template" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><a href="http://www.contohblog.com/2015/10/njw-simple-template-seo-friendly-terbaru.html" target="_blank">DEMO & DOWNLOAD</a></b></div>
<br />
<div style="text-align: center;">
Good Luck and Happy Blogging! (<a href="http://contohblognih.blogspot.com/" target="_blank">Admin</a>).***</div>
Unknownnoreply@blogger.com122tag:blogger.com,1999:blog-6067087224531587564.post-42385482566322667312015-01-01T11:18:00.000+07:002020-05-12T15:44:55.590+07:0025 Cara Promosi Posting Blog untuk Menambah Jumlah Pengunjung<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBFNhdkQ7JKk8gMk2bTtTjEDg6kWQJ_FIDUouZGaa8fIMHAXw0qKW0Ia3O9dJjhGc2Hyk5bJXw5y2fYKDOpXTms2IunhxCg5RG0Y06iCQFUpygP_SBoeNhYB6q5yMUCiPWfZMjnqi4Jtf_/s1600/SEO+Blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="25 Cara Promosi Posting Blog untuk Menambah Jumlah Pengunjung" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBFNhdkQ7JKk8gMk2bTtTjEDg6kWQJ_FIDUouZGaa8fIMHAXw0qKW0Ia3O9dJjhGc2Hyk5bJXw5y2fYKDOpXTms2IunhxCg5RG0Y06iCQFUpygP_SBoeNhYB6q5yMUCiPWfZMjnqi4Jtf_/s1600/SEO+Blog.jpg" title="25 Cara Promosi Posting Blog untuk Menambah Jumlah Pengunjung" /></a></div>
<b>BAGAIMANA</b> cara mempromosikan posting blog untuk menambah jumlah pengunjung (trafik)? Mari kita intip bagaima tips dan pengalaman para blogger di luar sana mempromosikan blognya untuk menarik pembaca.<br />
<br />
Setidaknya ada 25 cara mempromosi posting blog untuk menambah jumlah pengunjung dan menaikkan popularitas blog kita.<br />
<br />
Tips berikut ini ada di forum blogger <a href="http://www.quora.com/How-do-you-promote-your-blog-posts" rel="nofollow" target="_blank">Quora</a>.<br />
<ol>
<li>Post to Twitter</li>
<li>Post to Facebook</li>
<li>Post to Google+</li>
<li>Comment on a bunch of commentluv blogs so people can see your recent post</li>
<li>Submit it to blog voting sites like http://Bizsugar.com orhttp://blogengage.com or Hacker News</li>
<li>Deep link to other bloggers posts so they will be sent trackback notifications, getting them to your site might get it mentioned elsewhere - engaging with other bloggers is the best way to get your content promoted.</li>
<li>Mention other people and products in your post and send out tweets letting them know they were mentioned.</li>
<li>Get guest bloggers who will often promote the post to their audience (ex / current journalists have a healthy audience)</li>
<li>Send an email newsletter to your list with a personalised intro and a link to the blog post (I use MailChimp it's great).</li>
<li>Go into forums that are are active in and look for threads that your post relates to, if rules permit reply with a link to the post.</li>
<li>Update your forum signature every time you release a new post.</li>
<li>Use WiseStamp so your email signature always shows your latest post.</li>
<li>Comment on Other blogs</li>
<li>Comment on forums in your niche market</li>
<li>Print out business cards and hand them out</li>
<li>Link your blog in your email signature</li>
<li>Link your blog in your forum signature</li>
<li>Submit your blog to Google</li>
<li>Submit your blog to Yahoo!</li>
<li>Build your links through relationships with other bloggers</li>
<li>Build authority on your niche market</li>
<li>Submit to website directories</li>
<li>Create iPhone App for your website</li>
<li>Do something that has never been done</li>
<li>Create joint ventures with other bloggers</li>
</ol>
<div>
Nah lho, banyak bangiiit...!!! Silakan coba.</div>
Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-6067087224531587564.post-70328890727448802112015-01-01T00:31:00.000+07:002020-05-12T15:44:55.824+07:00Mengatasi Error Missing "Updated" & "Author" Blog di Google Richsnippets<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiidibB2LUIRQ3Wqa0v3dqHhNxz_57-tCJ_eY3fMq_J9LIMFjz9Wg8zTmlgMNy20-XNCgMTtsZuI07sPV2ze9MqXP4Eqt-o_D5PpXIjBqufpNs_X11MvP3dQEmnDQBCYgZs3CS8W2PbWZho/s1600/google-rich-snippets-blog-error.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Google Richsnippets" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiidibB2LUIRQ3Wqa0v3dqHhNxz_57-tCJ_eY3fMq_J9LIMFjz9Wg8zTmlgMNy20-XNCgMTtsZuI07sPV2ze9MqXP4Eqt-o_D5PpXIjBqufpNs_X11MvP3dQEmnDQBCYgZs3CS8W2PbWZho/s1600/google-rich-snippets-blog-error.jpg" title="Google Richsnippets" /></a></div>
<b>SALAH</b> satu penyebab blog sulit atau tidak terindeks Google adalah adanya <b>Error: Missing required field "updated"</b> dan <b>Error: Missing required hCard “author”</b> . Itu artinya struktur data blog kita tidak bisa dibaca mesin pencari, terutama Google.<br />
<br />
Structrured Data sangat penting buat index blog kita. Percuma 'kan templatenya responsive dan fast loading, tapi Structrured Data buruk alias error?<br />
<br />
Berikut ini tips atau cara mengatasi <i>Warning Error: Missing required field "updated"</i> dan <i>Error: Missing required hCard “author”</i> Blog saat dicek Structrured Data di <a href="http://www.google.com/webmasters/tools/richsnippets" rel="nofollow" target="_blank">Google Richsnippets</a>.<br />
<br />
<b>1. Mengatasi Error: Missing required field "updated"</b><br />
<br />
- Template > Edit HTML<br />
- Temukan kode <span style="color: red;"><data:post.timestamp/></span><br />
- Ganti kode code tersebut dengan kode:<br />
<div>
<span style="color: red;"><span class='updated'><data:post.timestamp/></span></span><br />
<div>
- Save Template!</div>
<div>
<br />
<b>2. Mengatasi Error: Missing required hCard “author”</b></div>
<div>
- Template > "Edit HTML"</div>
<div>
- Cari kode berikut ini:<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<span style="color: blue;"><span class='post-author vcard' > </span><br />
<span style="color: blue;"><b:if cond='data:top.showAuthor'> </span><br />
<span style="color: blue;"><b:if cond='data:post.authorProfileUrl'> </span><br />
<span style="color: blue;"><span class='fn'> </span><br />
<span style="color: blue;"><a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> </span><br />
<span style="color: blue;"><data:post.author/> </span><br />
<span style="color: blue;"></a> </span><br />
<span style="color: blue;"></span> </span><br />
<span style="color: blue;"><b:else/> </span><br />
<span style="color: blue;"><span class='fn'><data:post.author/></span> </span><br />
<span style="color: blue;"></b:if> </span><br />
<span style="color: blue;"></b:if> </span><br />
<span style="color: blue;"></span></span></div>
</div>
<div>
<br />
- Ganti SEMUANYA dengan kode berikut ini:<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<span style="color: blue;"><span class='post-author vcard' itemscope='itemscope' itemtype='http://schema.org/Person'> </span><br />
<span style="color: blue;"><b:if cond='data:top.showAuthor'> </span><br />
<span style="color: blue;"><b:if cond='data:post.authorProfileUrl'> </span><br />
<span style="color: blue;"><span class='fn author'> </span><br />
<span style="color: blue;"><a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> </span><br />
<span style="color: blue;"><span itemprop='name'><data:post.author/></span> </span><br />
<span style="color: blue;"></a> </span><br />
<span style="color: blue;"></span> </span><br />
<span style="color: blue;"><b:else/> </span><br />
<span style="color: blue;"><span class='fn author'><span itemprop='name'><data:post.author/></span></span> </span><br />
<span style="color: blue;"></b:if> </span><br />
<span style="color: blue;"></b:if> </span><br />
<span style="color: blue;"></span></span></div>
<br />
<b><br /></b>
<b>JIKA MASIH ERROR</b>, mungkin ada yang kurang! </div>
<div>
Cek kode <span style="color: red;"><div class='post-footer-line post-footer-line-1'></span> dan pastikan di bawahnya ada kode seperti ini. Jika tidak ada, Copas kode berwarna biru tepat di bawahnya:<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<div class='post-footer'><br />
<div class='post-footer-line post-footer-line-1'><br />
<br />
<span style="color: blue;"><span class='post-author vcard'><br /><b:if cond='data:top.showAuthor'><br /><b:if cond='data:post.authorProfileUrl'><br /><span class='fn'><br /><a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'><br /><data:post.author/><br /></a><br /></span><br /><b:else/><br /><span class='fn'><data:post.author/></span><br /></b:if><br /></b:if><br /></span></span></div>
</div>
<div>
<br />
Demikian Mengatasi Error: Missing required field "updated" Blog di Google Richsnippets agar blog kita cepat dan mudah diindeks Google.</div>
<div>
<br />
<i><span style="font-size: x-small;"><b>Sumber:</b><br />http://www.wikihow.com/Fix-Errors-on-Google-Webmaster-Tools-Structured-Data<br />http://www.mybloggertricks.com/2014/04/fix-structured-data-hatom-errors-in.html<br />Plus Pengalaman (Utak-Atik Sendiri)</span></i></div>
</div>
Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-6067087224531587564.post-1410722587510417962014-12-31T22:46:00.004+07:002020-05-12T15:44:55.315+07:00Gunakan Kode Warna HTML Biru untuk Link Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOZ3RXAH1CTprAuexnz34Nx0sKuP4NEjcmuQNy1NL6XHJPBD9SA8tGgMhpojF-tOaknqeqo_YI3GP-OoKz3UuyNMkzsBskiznVDGko3YgVby-PSH90LyEKfemWhbAp1DD6soCl91fZvTmD/s1600/blue-link.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Kode Warna HTML Biru Facebook & Twitter" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOZ3RXAH1CTprAuexnz34Nx0sKuP4NEjcmuQNy1NL6XHJPBD9SA8tGgMhpojF-tOaknqeqo_YI3GP-OoKz3UuyNMkzsBskiznVDGko3YgVby-PSH90LyEKfemWhbAp1DD6soCl91fZvTmD/s1600/blue-link.gif" height="185" title="Kode Warna HTML Biru Facebook & Twitter" width="320" /></a></div>
BIRU (<i>blue</i>) adalah link (tautan). Itulah rumus dasar blog dan situs website pada umumnya. Biru adalah warana link di situs-situs terkemuka di dunia, seperti Facebook, Google, Bing, Twitter, Yahoo, Wikipedia, dan Alexa.<br />
<br />
Maka, jangan pernah menggunakan warna lain untuk link selain biru.<br />
<br />
Jika warna biru link diganti dengan warna lain, maka akan mencederai UX (User Experience) yang menjadikan blog tidak user friendly!<br />
<br />
Berikut ini kode Kode Warna HTML Biru Facebook & Twitter dll. untuk digunakan di blog.<br />
<br />
Cara mengubahnya, cari kode <span style="color: blue;">link</span> di template Anda. Jika sudah biru, biarkan. Jika warna lain, ini dia koleksi KODE WARNA BIRU HTML:<br />
<br />
Biru Facebook: #3b5998<br />
Biru Twitter: #55acee<br />
Biru Harian Terbit: #0E62AA<br />
Biru Persib: #03C<br />
Biru Detikcom: #284296<br />
Biru oxford: #09223e<br />
<br />
Biru NN Group: visited #639<br />
link #03c<br />
font-color: #2b2828<br />
<br />
Biru Top Background FB: #3a5795Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-6067087224531587564.post-65862580329229945232014-12-31T22:37:00.000+07:002020-05-12T15:44:55.785+07:00Mengatur Tampilan Sidebar Widget di Homepage & Single Post<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYDT0Obzm9hFso1-BZfioKdU6YySID_AJSrjMd7Du4Ir_TcjgDKse9nUIkEJfSr2AqbqVmq6UulHF4_pXtmkDo1fz-WcV4umt1YuhTeQYkcgdV86jhMdQcwdtzb1e-TG29feFUuGGXuRyK/s1600/Cara+Membuat+&+Mengatasi+-+Tips+&+Tricks.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Mengatur Tampilan Sidebar Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYDT0Obzm9hFso1-BZfioKdU6YySID_AJSrjMd7Du4Ir_TcjgDKse9nUIkEJfSr2AqbqVmq6UulHF4_pXtmkDo1fz-WcV4umt1YuhTeQYkcgdV86jhMdQcwdtzb1e-TG29feFUuGGXuRyK/s1600/Cara+Membuat+&+Mengatasi+-+Tips+&+Tricks.jpg" height="133" title="Mengatur Tampilan Sidebar Widget" width="200" /></a></div>
<b>KITA</b> bisa mengatur tampilan Sidebar Widget hanya muncul di Homepage (halaman depan) atau hanya muncul di Single Post saja. Defaultnya, ketika kita menambahkan widget, maka akan muncul di HOME dan di Halalaman Dalam (Single Post).<br />
<br />
Bagaimana agar widget hanya muncul di depan saja atau di halaman dalam saja? Ini dia trik & trik dan kode HTML-nya:<br />
<br />
<b>CARA MENGATAR POSISI SIDEBAR WIDGET</b><br />
<br />
1. Kode untuk Widget yang Hanya dimunculkan di homepage (halaman depan):<br />
<br />
Tambahkan kode<br />
<span style="color: blue;"><b:if cond='data:blog.url == data:blog.homepageUrl'> </span><br />
<br />
setelah <span style="color: red;"><b:includable id='main'></span><br />
<br />
dan tambahkan kode<br />
<span style="color: blue;"></b:if> </span>sebelum kode penutup widget<br />
<br />
sebelum kode <span style="color: red;"></b:includable></span><br />
<br />
2. Untuk widget yang hanya muncul di halaman dalam/halaman posting saja:<br />
<br />
Tambahkan kode<br />
<span style="color: blue;"><b:if cond='data:blog.pageType == "item"'></span><br />
<br />
setelah <span style="color: red;"><b:includable id='main'></span><br />
dan kode <br />
<br />
<span style="color: blue;"></b:if></span> sebelum kode penutup widget (<span style="color: red;"></b:includable></span>)<br />
<br />
<b>That's it!</b>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6067087224531587564.post-56637099820361360982014-12-31T19:11:00.001+07:002020-05-12T15:44:55.707+07:00Kode Anti Komentar Spam, Gambar Pensil, Navbar, dan Atribusi BloggerBerikut ini Kode Anti Komentar Spam, Gambar Pensil, Navbar, dan Atribusi Blogger.<br />
<br />
Komentar spam yaitu komentar yang berisi link aktif atau link hidup. Gambar pensil yaitu "quickedit" yang ternyata tidak seo friendly. Navigasi Bar itu bawaan blogger, jarang digunakan.<br />
<br />
Atribusi blogger yaitu tulisan "Power by Blogger" atau "Diberdayakan oleh Blogger". Boleh dihilangkan.<br />
<br />
Kode-kode berikut ini akan menyembunyikan dan menghapus link hidup, menghilanhkan gambar pensil (quickedit), dan atribusi blogger, dan navbar:<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<span style="font-family: Courier New, Courier, monospace;">.comment-content a {display: none;}</span><br />
<span style="font-family: Courier New, Courier, monospace;">.quickedit{display:none;}</span><br />
<span style="font-family: Courier New, Courier, monospace;">#Attribution1 {display: none;}</span><br />
<span style="font-family: Courier New, Courier, monospace;">#navbar { height: 0px; visibility: hidden; display: none;}</span></div>
<br />
COPAS saja dan simpan di atas kode <span style="color: red;"></b:skin></span> di template Anda!<br />
<br />
<b>Caranya:</b><br />
1. Template > klik "Customize"<br />
2. Klik Advance > Add CSS<br />
3. Copas kode di atas<br />
4. Klik "Apply" di kanan atas!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4hyBzjNaS9hv298E96sNGVlOVKpfa4PwVMOX5RE0RtgL3zMJ0jlDjdkUXoOVdAqGG9Tn0vdnN0vKzNnBvOmRm_k9O9FFLAupmRlP2-vBwR2YetousH5XthTHNiZnwbI7OD7-FCHqK_fAm/s1600/time-to-change.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Kode Anti Komentar Spam, Gambar Pensil, Navbar, dan Atribusi Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4hyBzjNaS9hv298E96sNGVlOVKpfa4PwVMOX5RE0RtgL3zMJ0jlDjdkUXoOVdAqGG9Tn0vdnN0vKzNnBvOmRm_k9O9FFLAupmRlP2-vBwR2YetousH5XthTHNiZnwbI7OD7-FCHqK_fAm/s1600/time-to-change.jpg" height="150" title="Kode Anti Komentar Spam, Gambar Pensil, Navbar, dan Atribusi Blogger" width="200" /></a></div>
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6067087224531587564.post-18133532346382805762014-12-31T19:03:00.001+07:002020-05-12T15:44:55.393+07:00Cara Membuat Kotak Kode HTML di Posting Blog<b>JIKA</b> ingin berbagi kode, sebaiknya gunakan Kotak Kode HTML agar kodenya tidak acak-acakan dan mengganggu tampilan posting.<br />
<br />
<b>Ini dia Cara Membuat Kotak Kode HTML di Posting Blog</b><br />
1. Klik Mode "HTML"<br />
2. Copy & Paste lode berikut ini:<br />
<br />
<div style="border: 1px solid #ddd; padding: 10px; background-color: #f2f2f2; text-align: left;"><br />
Kode Script Anda Di Sini<br />
</div><br />
<br />
3. Klik Mode "Compose"<br />
4. Maka akan muncul tampilan seperti ini:<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<div style="border: 1px solid #ddd; padding: 10px; background-color: #f2f2f2; text-align: left;"><br />
<b><span style="color: blue;">Kode Script Anda Di Sini</span></b><br />
</div></div>
<br />
Nah, masukkan saja kode HTML/Javascript di bagian <span style="color: blue;">Kode Script Anda Di Sini</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJyxa1EkuKeWetTQLo7NW2qAtfpIoNF00Gxu0xtp-Ow2zye8kizQP0u_g8ynROUI6CKu2Q0XV9Qsv2ya1Z_GEsR4a9nQDOzXOIoYbO4U1NSqvX1DyeWgsYtiDyl3cbyAiNvestSoLX6cc/s1600/kotak+kode+html+blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Membuat Kotak Kode HTML di Posting Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJyxa1EkuKeWetTQLo7NW2qAtfpIoNF00Gxu0xtp-Ow2zye8kizQP0u_g8ynROUI6CKu2Q0XV9Qsv2ya1Z_GEsR4a9nQDOzXOIoYbO4U1NSqvX1DyeWgsYtiDyl3cbyAiNvestSoLX6cc/s1600/kotak+kode+html+blog.jpg" title="Cara Membuat Kotak Kode HTML di Posting Blog" /></a></div>
<br />Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-6067087224531587564.post-25830662131841608892014-12-31T18:54:00.002+07:002020-05-12T15:44:55.433+07:00Kode Heading Tag H1 untuk Logo Image Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi56tgvQ4BsPrhwcLVk2wpYrSwYMTqoyXBQtsShd3_yGp1hd4WC5AdtxZsuRWg_UcKiNa0Zjfr3l99OkpaGw9xrppHnniykk_TG0gMBXfQ4qyxm9baA2mBdif7tbHEf7KsV7dCBu3k-QIgh/s1600/headings-h1-tag-blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Kode Heading Tag H1 untuk Logo Image Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi56tgvQ4BsPrhwcLVk2wpYrSwYMTqoyXBQtsShd3_yGp1hd4WC5AdtxZsuRWg_UcKiNa0Zjfr3l99OkpaGw9xrppHnniykk_TG0gMBXfQ4qyxm9baA2mBdif7tbHEf7KsV7dCBu3k-QIgh/s1600/headings-h1-tag-blogger.png" height="200" title="Kode Heading Tag H1 untuk Logo Image Blog" width="200" /></a></div>
Kode Heading Tag H1 untuk Nama Blog (Blog Title) yang menggunakan Logo Image (Gambar). Dengan kode ini nama blog akan tetap menjadi H1, tidak akan hilang.<br />
<br />
<b>Why is the H1 Tag so Important?</b><br />Kenapa oenting banget H1 Tag ini? Jawabannya:<br /><br /><div>
<i>"The H1 tag is the most important heading because it’s the highest level tag that shows what your specific page is about. Search engines generally give this tag more weight over other headings, so it usually improves your search engine ranking when you use it correctly and in conjunction with other onsite SEO techniques."</i><br />
<b>Kode Heading Tag H1 untuk Logo Image Blog</b><br />
Kodenya:<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<span style="color: blue; font-family: Courier New, Courier, monospace; font-size: x-small;"><b:if cond='data:blog.pageType != &quot;item&quot;'></span><br />
<span style="color: blue; font-family: Courier New, Courier, monospace; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <b:if cond='data:blog.pageType != &quot;static_page&quot;'></span><br />
<span style="color: blue; font-family: Courier New, Courier, monospace; font-size: x-small;"> <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1></span><br />
<span style="color: blue; font-family: Courier New, Courier, monospace; font-size: x-small;"> </b:if></span><br />
<span style="color: blue; font-family: Courier New, Courier, monospace; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span></b:if></span></div>
<br />
<b>Simpan di bawah kode:</b><br />
<br />
<span style="color: red; font-size: x-small;"><!--Show the image only--></span><br />
<span style="color: red; font-size: x-small;"> <div id='header-inner'></span><br />
<br />
atau sebelum kode:<br />
<span style="color: red;"> <a expr:href='data:blog.homepageUrl' style='display: block'> </span><br />
<br />
<b>Jadinya seperti ini:</b><br />
<b><br /></b>
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<span style="color: red; font-family: Courier New, Courier, monospace; font-size: x-small;"><!--Show the image only--></span><br />
<span style="color: red; font-family: Courier New, Courier, monospace; font-size: x-small;"> <div id='header-inner'></span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"><span class="Apple-tab-span" style="color: red; white-space: pre;"> </span><span style="color: blue;"><b:if cond='data:blog.pageType != &quot;item&quot;'></span></span><br />
<span style="color: blue; font-family: Courier New, Courier, monospace; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <span class="Apple-tab-span" style="white-space: pre;"> </span><b:if cond='data:blog.pageType != &quot;static_page&quot;'></span><br />
<span style="color: blue; font-family: Courier New, Courier, monospace; font-size: x-small;"> <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1></span><br />
<span style="color: blue; font-family: Courier New, Courier, monospace; font-size: x-small;"> <span class="Apple-tab-span" style="white-space: pre;"> </span></b:if></span><br />
<span style="color: blue; font-family: Courier New, Courier, monospace; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span></b:if></span><br />
<span style="color: red; font-family: Courier New, Courier, monospace; font-size: x-small;"> <a expr:href='data:blog.homepageUrl' style='display: block'></span><br />
<span style="color: red; font-family: Courier New, Courier, monospace; font-size: x-small;"> <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/></span><br />
<span style="color: red; font-family: Courier New, Courier, monospace; font-size: x-small;"> </a></span><br />
<span style="color: red; font-family: Courier New, Courier, monospace; font-size: x-small;"> <!--Show the description--></span></div>
<br />
<i>Post Title: Kode Heading Tag H1 untuk Logo Image Blog</i></div>
Unknownnoreply@blogger.com0