Cara Menampilkan Widget "Posting Terbaru" Hanya di Halaman Posting (Single Post)

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKN6Tsli0fJ3qLtM2vqs7X1LIuq8RHvYqy-KCBPMmVSsptXVACRmnUszXA8DSiJ-hBHhtkoZ6p1ADuldpotEHNFaH1MYCZDEKJn7jBk1wYPycr6vohNQnamsB5yxD879MbAKc24jkQff_G/s1600/Posting+Terbaru+-+Recent+Post.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="posting terbaru - recent post" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKN6Tsli0fJ3qLtM2vqs7X1LIuq8RHvYqy-KCBPMmVSsptXVACRmnUszXA8DSiJ-hBHhtkoZ6p1ADuldpotEHNFaH1MYCZDEKJn7jBk1wYPycr6vohNQnamsB5yxD879MbAKc24jkQff_G/s1600/Posting+Terbaru+-+Recent+Post.png" title="posting terbaru - recent post" width="318" /></a></div><b>HALAMAN</b> depan (home, beranda, homepage) blog umumnya sudah menampilkan Posting Terbaru (Recent Posts, Latest Posts). Maka, tidak perlu lagi ada widget Posting Terbaru di homepage, melainkan menampilkan widget "Posting Terbaru" itu hanya di halaman dalam, halaman posting, atau "single post".<br /><br />Contohnya, coba perhatikan blog <a href="http://fayedanielsbbw.blogspot.com/" target="_blank">CONTOH<span style="color: orange;">BLOG</span></a> (Samakaki) ini. Di homepage <i>tidak ada</i> widget posting terbaru, tapi begitu salah satu judul postingnya dibuka, maka di sidebar ada widget posting terbaru (Recent Posts).<br /><br />Demikian pula, di homepage Samakaki ini tidak ada widget <i>Labels, Random Posts, Recent Comments</i>. Hanya ada <i>kotak pencarian, adsense google, </i>dan<i> posting terpopuler</i>. Widget <i>Labels, Random Posts, </i>dan <i>Recent Comments </i>itu hanya ada di halaman dalam/halaman posting.<br /><br />Bagaimana cara menampilkan widget posting terbaru atau widget lainnya hanya pada halaman tertentu? Ada dua kode yang harus kita masukkan:<br /><ol><li>Kode HTML untuk menampilkan widget di halaman depan (home) saja: <b:if cond='data:blog.homepageUrl == data:blog.url'> kode penutup </b:if></li><li>Kode HTML untuk menampilkan widget di halaman dalam (posting) saja: <b:if cond='data:blog.pageType == &quot;item&quot;'> dan kode penutup </b:if></li></ol><h3><b>Contoh penerapan kode pertama (widget hanya muncul di halaman depan saja) untuk Widget Posting Terbaru:</b></h3><div>1. Layout > Add Ganget</div><div>2. Pilih "Feeds"</div><div>3. Masukkan URL ini: http://<span style="color: red;">namabloganda</span>.blogspot.com/feeds/posts/default</div><div>4. Ubah judul atau "Widget Title" dengan nama <b>Posting Terbaru</b></div><div>5. Save!</div><div><br /></div><div>Langkah berikutnya adalah masuk ke Edit Template: Template > Edit HTML, lalu cari kode seperti di bawah ini:</div><div><br /></div><b:widget id='HTML1' locked='false' title='<b>Posting Terbaru</b>' type='HTML'><br /><b:includable id='main'><br /><!-- only display title if it's non-empty --><br /><b:if cond='data:title != ""'><br /><h2 class='title'><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><data:content/><br /></div><br /><b:include name='quickedit'/><br /></b:includable><br /></b:widget><br /><br /><div>Simpan <span style="color: red;"><b:if cond='data:blog.homepageUrl == data:blog.url'> </span>tepat setelah kode <b:includable id='main'> dan kode penutupnya </b:if> disimpan tepat di atas kode </b:includable>. Hasilnya akan seperti ini:</div><div><i><br /></i></div><div><b:widget id='HTML1' locked='false' title='<b>Posting Terbaru</b>' type='HTML'><br /><b:includable id='main'><br /><span style="color: red;"><b:if cond='data:blog.homepageUrl == data:blog.url'></span><br /><!-- only display title if it's non-empty --><br /><b:if cond='data:title != ""'><br /><h2 class='title'><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><data:content/><br /></div><br /><b:include name='quickedit'/><br /><span style="color: red;"></b:if></span><br /></b:includable><br /></b:widget><i><br /></i><br /><h3><b>Contoh penerapan kode kedua (menampilkan widget di halaman dalam saja)</b></h3><div>Lakukan hal yang sama seperti langkah di atas. Di template Anda akan ada kode seperti di bawah ini:</div><div><br /><b:widget id='HTML1' locked='false' title='<b>Nama Widget</b>' type='HTML'><br /><b:includable id='main'><br /><!-- only display title if it's non-empty --><br /><b:if cond='data:title != ""'><br /><h2 class='title'><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><data:content/><br /></div><br /><b:include name='quickedit'/><br /></b:includable><br /></b:widget></div><div><br /></div><div>Masukkan kode <span style="color: red;"><b:if cond='data:blog.pageType == &quot;item&quot;'> </span>setelah kode <b:includable id='main'> dan kode <span style="color: red;"></b:if> </span>sebelum kode </b:includable>. Hasilnya akan seperti ini:</div><div><br /></div><div><b:widget id='HTML1' locked='false' title='<b>Nama Widget</b>' type='HTML'><br /><b:includable id='main'><br /><span style="color: red;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><br /><!-- only display title if it's non-empty --><br /><b:if cond='data:title != ""'><br /><h2 class='title'><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><data:content/><br /></div><br /><b:include name='quickedit'/><br /><span style="color: red;"></b:if></span><br /></b:includable><br /></b:widget><br /><br /><b>Variasi Lainnya:</b><br /><b>1. Widget hanya muncul di halaman statis: </b><br /><span style="background-color: white; color: #cc0000; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.24799919128418px;"><b:if cond='data:blog.pageType != "static_page"'></span><br /><b>2. </b><b>Widget</b><b> hanya muncul di halaman/posting tertentu</b><br /><span style="background-color: white; color: #cc0000; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.24799919128418px; margin: 0px; padding: 0px;"><b:if cond='data:blog.url == "</span><span style="background-color: white; color: blue; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.24799919128418px; margin: 0px; padding: 0px;">URL Halaman Di sini</span><span style="background-color: white; color: #cc0000; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.24799919128418px; margin: 0px; padding: 0px;">"'></span><br /><br />Itulah Cara Menampilkan Widget "Posting Terbaru" Hanya di Halaman Posting (Single Post) atau cara memunculkan widget lainnya di halaman depan atau dalam saja. Good Luck....!<br /><br />BACA JUGA: <b><a href="http://fayedanielsbbw.blogspot.com/2013/10/Membuat-Posting-Terbaru-Komentar-Terbaru-di-Blogspot.html" target="_blank">Cara Menampilkan Posting Terbaru</a></b><br /><br /><br /></div></div>

Cara Menampilkan Widget "Posting Terbaru" Hanya di Halaman Posting (Single Post)

HALAMAN depan (home, beranda, homepage) blog umumnya sudah menampilkan Posting Terbaru (Recent Posts, Latest Posts). Maka, tidak perlu lagi...

Read more »

Cara Menampilkan Widget "Posting Terbaru" Hanya di Halaman Posting (Single Post)

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKN6Tsli0fJ3qLtM2vqs7X1LIuq8RHvYqy-KCBPMmVSsptXVACRmnUszXA8DSiJ-hBHhtkoZ6p1ADuldpotEHNFaH1MYCZDEKJn7jBk1wYPycr6vohNQnamsB5yxD879MbAKc24jkQff_G/s1600/Posting+Terbaru+-+Recent+Post.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="posting terbaru - recent post" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKN6Tsli0fJ3qLtM2vqs7X1LIuq8RHvYqy-KCBPMmVSsptXVACRmnUszXA8DSiJ-hBHhtkoZ6p1ADuldpotEHNFaH1MYCZDEKJn7jBk1wYPycr6vohNQnamsB5yxD879MbAKc24jkQff_G/s1600/Posting+Terbaru+-+Recent+Post.png" title="posting terbaru - recent post" width="318" /></a></div><b>HALAMAN</b> depan (home, beranda, homepage) blog umumnya sudah menampilkan Posting Terbaru (Recent Posts, Latest Posts). Maka, tidak perlu lagi ada widget Posting Terbaru di homepage, melainkan menampilkan widget "Posting Terbaru" itu hanya di halaman dalam, halaman posting, atau "single post".<br /><br />Contohnya, coba perhatikan blog <a href="http://contohblognih.blogspot.com/" target="_blank">CONTOH<span style="color: orange;">BLOG</span></a> (CB) ini. Di homepage <i>tidak ada</i> widget posting terbaru, tapi begitu salah satu judul postingnya dibuka, maka di sidebar ada widget posting terbaru (Recent Posts).<br /><br />Demikian pula, di homepage CB ini tidak ada widget <i>Labels, Random Posts, Recent Comments</i>. Hanya ada <i>kotak pencarian, adsense google, </i>dan<i> posting terpopuler</i>. Widget <i>Labels, Random Posts, </i>dan <i>Recent Comments </i>itu hanya ada di halaman dalam/halaman posting.<br /><br />Bagaimana cara menampilkan widget posting terbaru atau widget lainnya hanya pada halaman tertentu? Ada dua kode yang harus kita masukkan:<br /><ol><li>Kode HTML untuk menampilkan widget di halaman depan (home) saja: <b:if cond='data:blog.homepageUrl == data:blog.url'> kode penutup </b:if></li><li>Kode HTML untuk menampilkan widget di halaman dalam (posting) saja: <b:if cond='data:blog.pageType == &quot;item&quot;'> dan kode penutup </b:if></li></ol><h3><b>Contoh penerapan kode pertama (widget hanya muncul di halaman depan saja) untuk Widget Posting Terbaru:</b></h3><div>1. Layout > Add Ganget</div><div>2. Pilih "Feeds"</div><div>3. Masukkan URL ini: http://<span style="color: red;">namabloganda</span>.blogspot.com/feeds/posts/default</div><div>4. Ubah judul atau "Widget Title" dengan nama <b>Posting Terbaru</b></div><div>5. Save!</div><div><br /></div><div>Langkah berikutnya adalah masuk ke Edit Template: Template > Edit HTML, lalu cari kode seperti di bawah ini:</div><div><br /></div><b:widget id='HTML1' locked='false' title='<b>Posting Terbaru</b>' type='HTML'><br /><b:includable id='main'><br /><!-- only display title if it's non-empty --><br /><b:if cond='data:title != ""'><br /><h2 class='title'><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><data:content/><br /></div><br /><b:include name='quickedit'/><br /></b:includable><br /></b:widget><br /><br /><div>Simpan <span style="color: red;"><b:if cond='data:blog.homepageUrl == data:blog.url'> </span>tepat setelah kode <b:includable id='main'> dan kode penutupnya </b:if> disimpan tepat di atas kode </b:includable>. Hasilnya akan seperti ini:</div><div><i><br /></i></div><div><b:widget id='HTML1' locked='false' title='<b>Posting Terbaru</b>' type='HTML'><br /><b:includable id='main'><br /><span style="color: red;"><b:if cond='data:blog.homepageUrl == data:blog.url'></span><br /><!-- only display title if it's non-empty --><br /><b:if cond='data:title != ""'><br /><h2 class='title'><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><data:content/><br /></div><br /><b:include name='quickedit'/><br /><span style="color: red;"></b:if></span><br /></b:includable><br /></b:widget><i><br /></i><br /><h3><b>Contoh penerapan kode kedua (menampilkan widget di halaman dalam saja)</b></h3><div>Lakukan hal yang sama seperti langkah di atas. Di template Anda akan ada kode seperti di bawah ini:</div><div><br /><b:widget id='HTML1' locked='false' title='<b>Nama Widget</b>' type='HTML'><br /><b:includable id='main'><br /><!-- only display title if it's non-empty --><br /><b:if cond='data:title != ""'><br /><h2 class='title'><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><data:content/><br /></div><br /><b:include name='quickedit'/><br /></b:includable><br /></b:widget></div><div><br /></div><div>Masukkan kode <span style="color: red;"><b:if cond='data:blog.pageType == &quot;item&quot;'> </span>setelah kode <b:includable id='main'> dan kode <span style="color: red;"></b:if> </span>sebelum kode </b:includable>. Hasilnya akan seperti ini:</div><div><br /></div><div><b:widget id='HTML1' locked='false' title='<b>Nama Widget</b>' type='HTML'><br /><b:includable id='main'><br /><span style="color: red;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><br /><!-- only display title if it's non-empty --><br /><b:if cond='data:title != ""'><br /><h2 class='title'><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><data:content/><br /></div><br /><b:include name='quickedit'/><br /><span style="color: red;"></b:if></span><br /></b:includable><br /></b:widget><br /><br /><b>Variasi Lainnya:</b><br /><b>1. Widget hanya muncul di halaman statis: </b><br /><span style="background-color: white; color: #cc0000; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.24799919128418px;"><b:if cond='data:blog.pageType != "static_page"'></span><br /><b>2. </b><b>Widget</b><b> hanya muncul di halaman/posting tertentu</b><br /><span style="background-color: white; color: #cc0000; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.24799919128418px; margin: 0px; padding: 0px;"><b:if cond='data:blog.url == "</span><span style="background-color: white; color: blue; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.24799919128418px; margin: 0px; padding: 0px;">URL Halaman Di sini</span><span style="background-color: white; color: #cc0000; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21.24799919128418px; margin: 0px; padding: 0px;">"'></span><br /><br />Itulah Cara Menampilkan Widget "Posting Terbaru" Hanya di Halaman Posting (Single Post) atau cara memunculkan widget lainnya di halaman depan atau dalam saja. Good Luck....!<br /><br />BACA JUGA: <b><a href="http://contohblognih.blogspot.com/2013/10/Membuat-Posting-Terbaru-Komentar-Terbaru-di-Blogspot.html" target="_blank">Cara Menampilkan Posting Terbaru</a></b><br /><br /><br /></div></div>

Cara Menampilkan Widget "Posting Terbaru" Hanya di Halaman Posting (Single Post)

HALAMAN depan (home, beranda, homepage) blog umumnya sudah menampilkan Posting Terbaru (Recent Posts, Latest Posts). Maka, tidak perlu lagi...

Read more »

Cara Membuat Menu Navigasi Blog Khusus buat Tampilan di HP

<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/AVvXsEjlgKBHsj0uaHHjNNXceANfta_Z0D4nQ5GgpJ0o8hDI6NYTwz2kXhm5EaPf3cQLlBnCCOhQM0zF0AZ7ymSswjpUjEW3sHkC3wsHpkHi1cNGXSE1_KNNhOg19ylv9VHh4TnK4ACG9w5wreH1/s1600/New+Fastest+Magz+V2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="New Fastest Magz V2" border="0" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlgKBHsj0uaHHjNNXceANfta_Z0D4nQ5GgpJ0o8hDI6NYTwz2kXhm5EaPf3cQLlBnCCOhQM0zF0AZ7ymSswjpUjEW3sHkC3wsHpkHi1cNGXSE1_KNNhOg19ylv9VHh4TnK4ACG9w5wreH1/s1600/New+Fastest+Magz+V2.png" title="New Fastest Magz V2" width="200" /></a></div><b>CARA</b> membuat Menu Navigasi blog khusus hanya muncul di versi mobile (HP) ini sudah Samakaki terapkan di tampilan baru template blog <a href="http://newfastestmagz.blogspot.com/" target="_blank">New Fastest Magz</a>. Silakan buka blog demonya di HP Anda, maka akan muncul menu di atas logo. Sedangkan <b>di desktop, menu tersebut tidak muncul.</b><br /><br />Bagaimana Cara Membuat Menu Navigasi Blog Khusus buat Tampilan di HP saja? Yang Samakaki praktekkan di <a href="http://newfastestmagz.blogspot.com/" target="_blank">New Fastest Magz</a> adalah sebagai berikut:<br /><br />1. Letakkan kode berikut ini DI ATAS kode </head><br /><br /><span style="color: #0b5394;"><style type="text/css"></span><br /><span style="color: #0b5394;">   .mobileShow { display: none;}</span><br /><span style="color: #0b5394;">   /* Smartphone Portrait and Landscape */</span><br /><span style="color: #0b5394;">   @media only screen</span><br /><span style="color: #0b5394;">   and (min-device-width : 320px)</span><br /><span style="color: #0b5394;">   and (max-device-width : 480px){ .mobileShow { display: inline;}}</span><br /><span style="color: #0b5394;"></style></span><br /><br />2. Letakkan kode berikut ini DI ATAS kode <div id='header-wrapper'><br /><br /><span style="color: #0b5394;"><div class="mobileShow"></span><br /><span style="color: #0b5394;"><div style='background-color:#ddd;height:20px;padding:10px;text-align:right'></span><br /><span style="color: #0b5394;"><a href="/">Home</a> - </span><br /><span style="color: #0b5394;"><a href="</span><span style="color: red;">http://fayedanielsbbw.blogspot.com</span><span style="color: #0b5394;">">About</a> - </span><br /><span style="color: #0b5394;"><a href="</span><span style="color: red;">http://fayedanielsbbw.blogspot.com</span><span style="color: #0b5394;">">Sitemap</a> - </span><br /><span style="color: #0b5394;"><a href="</span><span style="color: red;">http://fayedanielsbbw.blogspot.com</span><span style="color: #0b5394;">">Contact</a> - </span><br /><span style="color: #0b5394;"><a href="</span><span style="color: red;">http://fayedanielsbbw.blogspot.com</span><span style="color: #0b5394;">">Link</a></span><br /><span style="color: #0b5394;"></div></span><br /><span style="color: #0b5394;"></div></span><br /><br />Anda juga bisa meletakkannya di bawah  <div id='header-wrapper'> jika ingin memunculkan menu khusus versi mobile ini di bawah logo/nama blog, tapi nanti akan "bentrok" dengan menu versi mobile yang sudah ada.<br /><br />3. Save Template!<br />4. Test langsung di HP Anda!<br /><br /><b>KODE</b> "mobileShow" ini bisa juga buat menampilkan widget, sidebar, atau elemen tertentu hanya di versi mobile. Kode ini Samakaki dapatkan dari <a href="http://blog.hubspot.com/marketing/site-content-only-mobile-viewers-can-see-ht" rel="nofollow" target="_blank">HubSpot</a>.<br /><br />Aslinya, kode ini adalah untuk menampilkan teks atau gambar yang khusus untuk tampilan blog di versi mobile, tidak muncul di blog versi desktop.<br /><br /><b>Caranya:</b><br />1. Add the following code in the HTML <body><br /><br /><span style="color: #0b5394;"><div class="mobileShow"></span><br /><span style="color: #0b5394;">TEXT OR IMAGE FOR MOBILE HERE<br /></div></span><br /><br />2. Add the following code in the HTML <head> section of your page:<br /><br /><span style="color: #0b5394;"><style type="text/css"><br /> .mobileShow { display: none;}<br /> /* Smartphone Portrait and Landscape */<br /> @media only screen<br /> and (min-device-width : 320px)<br /> and (max-device-width : 480px){ .mobileShow { display: inline;}}<br /></style></span><br /><br />Samakaki berharap Anda bisa mencoba panduan Cara Membuat Menu Navigasi Blog Khusus buat Tampilan di HP ini, lalu share di komentar.<br /><br /><blockquote class="tr_bq">Ingat ya.... mengetesnya langsung di HP Anda! Karena di desktop tidak muncul.</blockquote><br />Tips lain tentang cara membuat menu blog responsif bisa Anda baca di situs <a href="http://responsivemobilemenu.com/en/" rel="nofollow" target="_blank">Responsive Mobile Menu</a>.<br /><br /><i><b>Good Luck and Happy Blogging!</b></i>

Cara Membuat Menu Navigasi Blog Khusus buat Tampilan di HP

CARA membuat Menu Navigasi blog khusus hanya muncul di versi mobile (HP) ini sudah Samakaki terapkan di tampilan baru template blog New Fas...

Read more »

Cara Membuat Menu Navigasi Blog Khusus buat Tampilan di HP

<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/AVvXsEjlgKBHsj0uaHHjNNXceANfta_Z0D4nQ5GgpJ0o8hDI6NYTwz2kXhm5EaPf3cQLlBnCCOhQM0zF0AZ7ymSswjpUjEW3sHkC3wsHpkHi1cNGXSE1_KNNhOg19ylv9VHh4TnK4ACG9w5wreH1/s1600/New+Fastest+Magz+V2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="New Fastest Magz V2" border="0" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlgKBHsj0uaHHjNNXceANfta_Z0D4nQ5GgpJ0o8hDI6NYTwz2kXhm5EaPf3cQLlBnCCOhQM0zF0AZ7ymSswjpUjEW3sHkC3wsHpkHi1cNGXSE1_KNNhOg19ylv9VHh4TnK4ACG9w5wreH1/s1600/New+Fastest+Magz+V2.png" title="New Fastest Magz V2" width="200" /></a></div><b>CARA</b> membuat Menu Navigasi blog khusus hanya muncul di versi mobile (HP) ini sudah CB terapkan di tampilan baru template blog <a href="http://newfastestmagz.blogspot.com/" target="_blank">New Fastest Magz</a>. Silakan buka blog demonya di HP Anda, maka akan muncul menu di atas logo. Sedangkan <b>di desktop, menu tersebut tidak muncul.</b><br /><br />Bagaimana Cara Membuat Menu Navigasi Blog Khusus buat Tampilan di HP saja? Yang CB praktekkan di <a href="http://newfastestmagz.blogspot.com/" target="_blank">New Fastest Magz</a> adalah sebagai berikut:<br /><br />1. Letakkan kode berikut ini DI ATAS kode </head><br /><br /><span style="color: #0b5394;"><style type="text/css"></span><br /><span style="color: #0b5394;">   .mobileShow { display: none;}</span><br /><span style="color: #0b5394;">   /* Smartphone Portrait and Landscape */</span><br /><span style="color: #0b5394;">   @media only screen</span><br /><span style="color: #0b5394;">   and (min-device-width : 320px)</span><br /><span style="color: #0b5394;">   and (max-device-width : 480px){ .mobileShow { display: inline;}}</span><br /><span style="color: #0b5394;"></style></span><br /><br />2. Letakkan kode berikut ini DI ATAS kode <div id='header-wrapper'><br /><br /><span style="color: #0b5394;"><div class="mobileShow"></span><br /><span style="color: #0b5394;"><div style='background-color:#ddd;height:20px;padding:10px;text-align:right'></span><br /><span style="color: #0b5394;"><a href="/">Home</a> - </span><br /><span style="color: #0b5394;"><a href="</span><span style="color: red;">http://contohblognih.blogspot.com</span><span style="color: #0b5394;">">About</a> - </span><br /><span style="color: #0b5394;"><a href="</span><span style="color: red;">http://contohblognih.blogspot.com</span><span style="color: #0b5394;">">Sitemap</a> - </span><br /><span style="color: #0b5394;"><a href="</span><span style="color: red;">http://contohblognih.blogspot.com</span><span style="color: #0b5394;">">Contact</a> - </span><br /><span style="color: #0b5394;"><a href="</span><span style="color: red;">http://contohblognih.blogspot.com</span><span style="color: #0b5394;">">Link</a></span><br /><span style="color: #0b5394;"></div></span><br /><span style="color: #0b5394;"></div></span><br /><br />Anda juga bisa meletakkannya di bawah  <div id='header-wrapper'> jika ingin memunculkan menu khusus versi mobile ini di bawah logo/nama blog, tapi nanti akan "bentrok" dengan menu versi mobile yang sudah ada.<br /><br />3. Save Template!<br />4. Test langsung di HP Anda!<br /><br /><b>KODE</b> "mobileShow" ini bisa juga buat menampilkan widget, sidebar, atau elemen tertentu hanya di versi mobile. Kode ini CB dapatkan dari <a href="http://blog.hubspot.com/marketing/site-content-only-mobile-viewers-can-see-ht" rel="nofollow" target="_blank">HubSpot</a>.<br /><br />Aslinya, kode ini adalah untuk menampilkan teks atau gambar yang khusus untuk tampilan blog di versi mobile, tidak muncul di blog versi desktop.<br /><br /><b>Caranya:</b><br />1. Add the following code in the HTML <body><br /><br /><span style="color: #0b5394;"><div class="mobileShow"></span><br /><span style="color: #0b5394;">TEXT OR IMAGE FOR MOBILE HERE<br /></div></span><br /><br />2. Add the following code in the HTML <head> section of your page:<br /><br /><span style="color: #0b5394;"><style type="text/css"><br /> .mobileShow { display: none;}<br /> /* Smartphone Portrait and Landscape */<br /> @media only screen<br /> and (min-device-width : 320px)<br /> and (max-device-width : 480px){ .mobileShow { display: inline;}}<br /></style></span><br /><br />CB berharap Anda bisa mencoba panduan Cara Membuat Menu Navigasi Blog Khusus buat Tampilan di HP ini, lalu share di komentar.<br /><br /><blockquote class="tr_bq">Ingat ya.... mengetesnya langsung di HP Anda! Karena di desktop tidak muncul.</blockquote><br />Tips lain tentang cara membuat menu blog responsif bisa Anda baca di situs <a href="http://responsivemobilemenu.com/en/" rel="nofollow" target="_blank">Responsive Mobile Menu</a>.<br /><br /><i><b>Good Luck and Happy Blogging!</b></i>

Cara Membuat Menu Navigasi Blog Khusus buat Tampilan di HP

CARA membuat Menu Navigasi blog khusus hanya muncul di versi mobile (HP) ini sudah CB terapkan di tampilan baru template blog New Fastest M...

Read more »

Cara Membuat Toko Online di Facebook

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_DswKutHujhXZQEoGZMVnqUVDsih37S-2ZSXWoENNgNVObabth6u4qHefajz_iuYiRwPr7v8urrW1KU62Ckq2KL0upK-RBdeAV3wy9PmBz8Lvth0BgaMIY8zzxrx0ykFFb9zdrsNQrhFM/s1600/Toko+Online+Facebook.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="toko online di facebook" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_DswKutHujhXZQEoGZMVnqUVDsih37S-2ZSXWoENNgNVObabth6u4qHefajz_iuYiRwPr7v8urrW1KU62Ckq2KL0upK-RBdeAV3wy9PmBz8Lvth0BgaMIY8zzxrx0ykFFb9zdrsNQrhFM/s1600/Toko+Online+Facebook.png" title="toko online di facebook" width="284" /></a></div>Bagaimana cara membuat toko online (online store/online shop) di <a href="http://facebook.com/" rel="nofollow" target="_blank">Facebook</a>? Sebelum menjawab pertanyaan itu, kita jawab dulu pertanyaan: mengapa "harus" di Facebook?<br /><br />Dalam riset <i>marketing online</i>, Facebook biasanya masuk dalam kategori tokon online dan "business page".<br /><br />Bahkan, sebuah survei yang dikutip <a href="http://id.techinasia.com/tingkah-laku-pengguna-internet-indonesia/" rel="nofollow" target="_blank">Tech in Asia</a> menunjukkan, Facebook termasuk situs atau aplikasi online yang paling banyak digemari di Indonesia.<br /><br />Berikut ini adalah beberapa dari keseluruhan daftarnya:<br /><div><ol><li>Media online: Detik, Kompas, dan Yahoo. </li><li>Toko online: TokoBagus, Kaskus, <b><i>Facebook</i></b> (di sini Facebook juga dianggap toko online). </li><li>Internet banking: KlikBCA, Mandiri, dan BRI. Aplikasi chatting: BBM, WhatsApp, dan Line.</li></ol></div><div><h3>Cara Membuat Toko Online di Facebook</h3>Membuat Toko Online di Facebook itu gampang banget. Syaratnya, tentu Anda harus punya akun Facebook (<i>personal account</i>) dan Fans Page atau <a href="https://www.facebook.com/pages/create/?ref_type=sitefooter" rel="nofollow" target="_blank">Page Facebook</a>.<br /><br />Kali ini CONTOH<span style="color: orange;">BLOG</span> akan <i>share</i> tentang cara membuat Toko Online di Facebook di dua tempat, dua aplikasi, atau dua cara:<br /><br /><b>1. Melalui Aplikasi StoreYa </b><br />1. Buka <b><a href="http://www.storeya.com/" rel="nofollow" target="_blank">StoreYa</a></b><br />2. Klik menu "Free Account" atau "Create Your Free Account Now"<br />3. Klik "Sign Up Using Facebook"<br />4. Ikuti perintah selanjutnya.<br /><br /><b>2. Melalui Aplikasi Ecwid-Shop</b><br />1. Buka <b><a href="https://apps.facebook.com/ecwid-shop/" rel="nofollow" target="_blank">Ecwid on Facebook</a></b><br />2. Klik "Add Store to Your Page"<br />3. Klik "Okay"<br />4. Ikuti perintah selanjutnya.<br /><br />Selamat! Anda sudah punya tokoh online di Facebook! Silakan share kepada teman-teman Anda. Selamat menjadi "onlinepreneur" and... Good Luck!<br /><br />Baca Juga: <b><a href="http://fayedanielsbbw.blogspot.com/2014/01/cara-membuat-toko-online-dengan-blogspot.html" target="_blank">Cara Membuat Toko Online di Blogspot</a></b></div>

Cara Membuat Toko Online di Facebook

Bagaimana cara membuat toko online (online store/online shop) di Facebook ? Sebelum menjawab pertanyaan itu, kita jawab dulu pertanyaan: men...

Read more »

Cara Membuat Toko Online di Facebook

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_DswKutHujhXZQEoGZMVnqUVDsih37S-2ZSXWoENNgNVObabth6u4qHefajz_iuYiRwPr7v8urrW1KU62Ckq2KL0upK-RBdeAV3wy9PmBz8Lvth0BgaMIY8zzxrx0ykFFb9zdrsNQrhFM/s1600/Toko+Online+Facebook.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="toko online di facebook" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_DswKutHujhXZQEoGZMVnqUVDsih37S-2ZSXWoENNgNVObabth6u4qHefajz_iuYiRwPr7v8urrW1KU62Ckq2KL0upK-RBdeAV3wy9PmBz8Lvth0BgaMIY8zzxrx0ykFFb9zdrsNQrhFM/s1600/Toko+Online+Facebook.png" title="toko online di facebook" width="284" /></a></div>Bagaimana cara membuat toko online (online store/online shop) di <a href="http://facebook.com/" rel="nofollow" target="_blank">Facebook</a>? Sebelum menjawab pertanyaan itu, kita jawab dulu pertanyaan: mengapa "harus" di Facebook?<br /><br />Dalam riset <i>marketing online</i>, Facebook biasanya masuk dalam kategori tokon online dan "business page".<br /><br />Bahkan, sebuah survei yang dikutip <a href="http://id.techinasia.com/tingkah-laku-pengguna-internet-indonesia/" rel="nofollow" target="_blank">Tech in Asia</a> menunjukkan, Facebook termasuk situs atau aplikasi online yang paling banyak digemari di Indonesia.<br /><br />Berikut ini adalah beberapa dari keseluruhan daftarnya:<br /><div><ol><li>Media online: Detik, Kompas, dan Yahoo. </li><li>Toko online: TokoBagus, Kaskus, <b><i>Facebook</i></b> (di sini Facebook juga dianggap toko online). </li><li>Internet banking: KlikBCA, Mandiri, dan BRI. Aplikasi chatting: BBM, WhatsApp, dan Line.</li></ol></div><div><h3>Cara Membuat Toko Online di Facebook</h3>Membuat Toko Online di Facebook itu gampang banget. Syaratnya, tentu Anda harus punya akun Facebook (<i>personal account</i>) dan Fans Page atau <a href="https://www.facebook.com/pages/create/?ref_type=sitefooter" rel="nofollow" target="_blank">Page Facebook</a>.<br /><br />Kali ini CONTOH<span style="color: orange;">BLOG</span> akan <i>share</i> tentang cara membuat Toko Online di Facebook di dua tempat, dua aplikasi, atau dua cara:<br /><br /><b>1. Melalui Aplikasi StoreYa </b><br />1. Buka <b><a href="http://www.storeya.com/" rel="nofollow" target="_blank">StoreYa</a></b><br />2. Klik menu "Free Account" atau "Create Your Free Account Now"<br />3. Klik "Sign Up Using Facebook"<br />4. Ikuti perintah selanjutnya.<br /><br /><b>2. Melalui Aplikasi Ecwid-Shop</b><br />1. Buka <b><a href="https://apps.facebook.com/ecwid-shop/" rel="nofollow" target="_blank">Ecwid on Facebook</a></b><br />2. Klik "Add Store to Your Page"<br />3. Klik "Okay"<br />4. Ikuti perintah selanjutnya.<br /><br />Selamat! Anda sudah punya tokoh online di Facebook! Silakan share kepada teman-teman Anda. Selamat menjadi "onlinepreneur" and... Good Luck!<br /><br />Baca Juga: <b><a href="http://contohblognih.blogspot.com/2014/01/cara-membuat-toko-online-dengan-blogspot.html" target="_blank">Cara Membuat Toko Online di Blogspot</a></b></div>

Cara Membuat Toko Online di Facebook

Bagaimana cara membuat toko online (online store/online shop) di Facebook ? Sebelum menjawab pertanyaan itu, kita jawab dulu pertanyaan: men...

Read more »

Cara Meningkatkan Skor SEO Blog Hingga 100% di Chkme

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1eDcScXG6Vpka8SDP7EUMdt6EOn_R1wZNItdIl3tUhdpH4ZDoYIkzcoL1UDM51Rk8B0AAaUy6aWcaQ_PPoHS_P666bLLUSRBwcWxdImmXDCTe_L7RzwntY2baollCMLJ3R4P4XkIiURQ7/s1600/Skor+SEO+100+Contoh+Blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Skor SEO 100 Contoh Blog" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1eDcScXG6Vpka8SDP7EUMdt6EOn_R1wZNItdIl3tUhdpH4ZDoYIkzcoL1UDM51Rk8B0AAaUy6aWcaQ_PPoHS_P666bLLUSRBwcWxdImmXDCTe_L7RzwntY2baollCMLJ3R4P4XkIiURQ7/s1600/Skor+SEO+100+Contoh+Blog.png" title="Skor SEO 100 Contoh Blog" width="320" /></a></div>CONTOH<span style="color: orange;">BLOG</span> ini memiliki skor SEO 100% versi <a href="http://chkme.com/" rel="nofollow" target="_blank">Chkme</a>. Rahasianya? Cuma satu... yaitu menggunakan Template Blog <b><i><a href="http://newjohnywuss.blogspot.com/" target="_blank">New Johny Wuss</a></i></b> yang skor SEO sudah 100%. Bagaimana cara meningkatkan Skor SEO blog hingga 100% di Chkme?<br /><br />Gampang.... sama seperti blog Samakaki ini.... pake aja <b><i>New Johny Wuss</i></b>! Ingat, jangan hapus credit linknya di footer lho! Kalau dihapus, kita berurusan di "Pengadilan Google"!<br /><br />Jika sudah <i>telanjur sayang </i>dengan template blog yang Anda gunakan sekarang, 'gak mau ganti, tapi skor SEO blog di Chkme masih di bawah 100 bahkan di bawah angka 80% (nilai standar tertinggi), maka lakukan ikhtiar berikut ini.<br /><br /><h3><b>Cara Meningkatkan Skor SEO Blog Hingga 100% </b></h3>Ini dia Cara Meningkatkan Skor SEO Hingga 100% di CHKME versi Samakaki berdasarkan pengalaman dan rekomendasi Chkme sendiri.<br /><ol><li>Gunakan <i><a href="http://fayedanielsbbw.blogspot.com/2014/03/meta-tags-seo-friendly-untuk-blog.html" target="_blank">Meta Tags SEO</a> </i>Friendly</li><li>Gunakan <i><a href="http://fayedanielsbbw.blogspot.com/2014/05/Rahasia-SEO-Template-Johny-Wuss-Judul-Posting-Tag-H1.html" target="_blank">Heading Tag Dinamis</a></i> (H1 untuk Judul Blog dan Judul Posting, H2/H3 untuk Judul Postingan di Halaman Depan, Widget, dan lainnya).</li><li>Hapus ikon <i><a href="http://fayedanielsbbw.blogspot.com/2014/02/cara-menghilangkan-ikon-quick-edit-dan.html" target="_blank">Quickedit dan Wrench</a></i></li><li>Lakukan <i><a href="http://fayedanielsbbw.blogspot.com/2014/04/5-cara-optimisasi-gambar-untuk-seo-blog.html" target="_blank">optimisasi gambar</a></i>. Gunakan <i>Nama File, Title Tex</i>, dan <i>Alt Tag Text </i>untuk gambar.</li><li>Gunakan <i>Title Tag</i> di setiap link.</li><li>Jangan Gunakan <i>iframe </i>seperti "Facebook Like Box".</li></ol><div>Cara meningkatkan Skor SEO hingga 100% juga dikasih kok sama Chkme. Ini katanya:<br /><ul><li>Tips: H1, H2 and H3 are Headings. If you can maintain the same subject in all the used Headings the search engine will have a better idea of what is crawling. For Example: If your page talk about hosting try to repeat hosting in every used Heading.</li><li>Hindari penggunaan Flash Movies/Animations.</li><li>Hindari Frames and IFrames.</li><li>Hindari Link yang Rusak (Broken Links)</li><li>For an image <i>the description</i> is fundamental. Correct this for a successful optimization! </li></ul></div><div><h3><b>Jangan Hanya Ngandelin SEO!</b></h3>Namun, jangan terpaku pada skor SEO! Jangan ngandelin template dan skor SEO. Apalagi menjadikan CHKME sebagai satu-satunya referensi nilai SEO Blog Anda.<br /><br />Masih banyak Situs Pengecek SEO Blog lain, tapi memang Chkme yang paling praktis dan simple!<br /><br />Content is the King!!! Utamakan konten berkualitas, posting yang asli tulisan sendiri (bukan Copas), dan bermanfaat bagi pembaca (<i>Usability</i>). Skor SEO hanyalah "alat bantu" yang powerful untuk mendongkrak ranking di SERP dan trafik. </div><div><br /></div><div>Good Luck and Happy Blogging!</div>

Cara Meningkatkan Skor SEO Blog Hingga 100% di Chkme

CONTOH BLOG ini memiliki skor SEO 100% versi Chkme . Rahasianya? Cuma satu... yaitu menggunakan Template Blog New Johny Wuss yang skor SEO...

Read more »

Cara Meningkatkan Skor SEO Blog Hingga 100% di Chkme

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1eDcScXG6Vpka8SDP7EUMdt6EOn_R1wZNItdIl3tUhdpH4ZDoYIkzcoL1UDM51Rk8B0AAaUy6aWcaQ_PPoHS_P666bLLUSRBwcWxdImmXDCTe_L7RzwntY2baollCMLJ3R4P4XkIiURQ7/s1600/Skor+SEO+100+Contoh+Blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Skor SEO 100 Contoh Blog" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1eDcScXG6Vpka8SDP7EUMdt6EOn_R1wZNItdIl3tUhdpH4ZDoYIkzcoL1UDM51Rk8B0AAaUy6aWcaQ_PPoHS_P666bLLUSRBwcWxdImmXDCTe_L7RzwntY2baollCMLJ3R4P4XkIiURQ7/s1600/Skor+SEO+100+Contoh+Blog.png" title="Skor SEO 100 Contoh Blog" width="320" /></a></div>CONTOH<span style="color: orange;">BLOG</span> ini memiliki skor SEO 100% versi <a href="http://chkme.com/" rel="nofollow" target="_blank">Chkme</a>. Rahasianya? Cuma satu... yaitu menggunakan Template Blog <b><i><a href="http://newjohnywuss.blogspot.com/" target="_blank">New Johny Wuss</a></i></b> yang skor SEO sudah 100%. Bagaimana cara meningkatkan Skor SEO blog hingga 100% di Chkme?<br /><br />Gampang.... sama seperti blog CB ini.... pake aja <b><i>New Johny Wuss</i></b>! Ingat, jangan hapus credit linknya di footer lho! Kalau dihapus, kita berurusan di "Pengadilan Google"!<br /><br />Jika sudah <i>telanjur sayang </i>dengan template blog yang Anda gunakan sekarang, 'gak mau ganti, tapi skor SEO blog di Chkme masih di bawah 100 bahkan di bawah angka 80% (nilai standar tertinggi), maka lakukan ikhtiar berikut ini.<br /><br /><h3><b>Cara Meningkatkan Skor SEO Blog Hingga 100% </b></h3>Ini dia Cara Meningkatkan Skor SEO Hingga 100% di CHKME versi CB berdasarkan pengalaman dan rekomendasi Chkme sendiri.<br /><ol><li>Gunakan <i><a href="http://contohblognih.blogspot.com/2014/03/meta-tags-seo-friendly-untuk-blog.html" target="_blank">Meta Tags SEO</a> </i>Friendly</li><li>Gunakan <i><a href="http://contohblognih.blogspot.com/2014/05/Rahasia-SEO-Template-Johny-Wuss-Judul-Posting-Tag-H1.html" target="_blank">Heading Tag Dinamis</a></i> (H1 untuk Judul Blog dan Judul Posting, H2/H3 untuk Judul Postingan di Halaman Depan, Widget, dan lainnya).</li><li>Hapus ikon <i><a href="http://contohblognih.blogspot.com/2014/02/cara-menghilangkan-ikon-quick-edit-dan.html" target="_blank">Quickedit dan Wrench</a></i></li><li>Lakukan <i><a href="http://contohblognih.blogspot.com/2014/04/5-cara-optimisasi-gambar-untuk-seo-blog.html" target="_blank">optimisasi gambar</a></i>. Gunakan <i>Nama File, Title Tex</i>, dan <i>Alt Tag Text </i>untuk gambar.</li><li>Gunakan <i>Title Tag</i> di setiap link.</li><li>Jangan Gunakan <i>iframe </i>seperti "Facebook Like Box".</li></ol><div>Cara meningkatkan Skor SEO hingga 100% juga dikasih kok sama Chkme. Ini katanya:<br /><ul><li>Tips: H1, H2 and H3 are Headings. If you can maintain the same subject in all the used Headings the search engine will have a better idea of what is crawling. For Example: If your page talk about hosting try to repeat hosting in every used Heading.</li><li>Hindari penggunaan Flash Movies/Animations.</li><li>Hindari Frames and IFrames.</li><li>Hindari Link yang Rusak (Broken Links)</li><li>For an image <i>the description</i> is fundamental. Correct this for a successful optimization! </li></ul></div><div><h3><b>Jangan Hanya Ngandelin SEO!</b></h3>Namun, jangan terpaku pada skor SEO! Jangan ngandelin template dan skor SEO. Apalagi menjadikan CHKME sebagai satu-satunya referensi nilai SEO Blog Anda.<br /><br />Masih banyak Situs Pengecek SEO Blog lain, tapi memang Chkme yang paling praktis dan simple!<br /><br />Content is the King!!! Utamakan konten berkualitas, posting yang asli tulisan sendiri (bukan Copas), dan bermanfaat bagi pembaca (<i>Usability</i>). Skor SEO hanyalah "alat bantu" yang powerful untuk mendongkrak ranking di SERP dan trafik. </div><div><br /></div><div>Good Luck and Happy Blogging!</div>

Cara Meningkatkan Skor SEO Blog Hingga 100% di Chkme

CONTOH BLOG ini memiliki skor SEO 100% versi Chkme . Rahasianya? Cuma satu... yaitu menggunakan Template Blog New Johny Wuss yang skor SEO...

Read more »

Template Blog SEO Terbaik buat Adsense (Iklan)

<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/AVvXsEhEN-rYd4GRLbooZ4CSbPm112fy4F64Bu8Na_BBLeGpyxweI_n9bXlbDHCCoI2XLi0egQCDFPCNBzJcFMhJGJB7qwwvWC_xGr1v_lO5R14vXadq9GsA4divKZIcGDlEfuzGUJQZ2199bkIv/s1600/Online+News+-+New+Fastest+Magz.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Template Blog SEO Terbaik buat Adsense (Iklan)" border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEN-rYd4GRLbooZ4CSbPm112fy4F64Bu8Na_BBLeGpyxweI_n9bXlbDHCCoI2XLi0egQCDFPCNBzJcFMhJGJB7qwwvWC_xGr1v_lO5R14vXadq9GsA4divKZIcGDlEfuzGUJQZ2199bkIv/s1600/Online+News+-+New+Fastest+Magz.png" title="Template Blog SEO Terbaik buat Adsense (Iklan)" width="320" /></a></div><b>SAAT</b> mengecek data di <a href="http://alexa.com/" rel="nofollow" target="_blank">Alexa</a>, salah satu kata kunci yang "menggiring" pengunjung membuka CONTOH<span style="color: orange;">BLOG</span> (Samakaki) adalah "template blog adsense". Agak mengherankan, karena seingat Samakaki, belum ada posting khusus di blog ini yang membahas atau shate template blog untuk adsense (iklan).<br /><br /><i>Ini data Alexa: Top Keywords from Search Engines. Which search keywords send traffic to this site? 5. template blog adsense</i><br /><div><br /></div>Saat Samakaki coba "search" di blog ini dengan kata kunci "template blog adsense", yang muncul adalah posting-posting tentang template blog SEO Friendly. <a href="http://fayedanielsbbw.blogspot.com/search?q=template+blog+adsense&submit=search" target="_blank">Silakan Cek</a>.<div><br /></div><div>Kesimpulan sementara, rupanya Google menilai, template blog yang baik buat adsense (adsense blogger templates) adalah... ya... <a href="http://fayedanielsbbw.blogspot.com/search/label/Template%20Blog%20SEO" target="_blank">Template Blog SEO</a> itu! Cirinya: SEO Friendly, User Friendly, dan... Fast Loading alias ringan dan cepat!</div><div><br /></div><blockquote class="tr_bq">Maka, bagi Anda yang sedang mencari Template Blog SEO Terbaik buat Adsense (Iklan), gak usah capek-capek "berselancar" dan "ubek-ubek" Google.... Cukup pilih salah satu Template Blog SEO koleksi Samakaki.</blockquote><div><br /></div><div>Jika kita search dengan kata kunci "Template Blog SEO Terbaik buat Adsense (Iklan)", maka hasilnya adalah template-template blog yang SEO dan Fast Loading. </div><div><br /></div><div>Jika ada tambahan kata "Adsense Ready", itu hanyalah kata lain dari "siap dipasang iklan". Lha... wong semua template blog bisa dipasang iklan kok! Paling juga, maksudnya adalah sudah disiapkan space atau ruang iklan dengan ukuran tertentu, misalnya di Header (970x90 Pixel), Sidebar Header (468x60 Pixel), di Sidebar (300x250 Pixel), dan sebagainya.</div><div><br /></div><blockquote class="tr_bq">Kita bisa mengatur tempat iklan sedemikian rupa biar mudah dipindai user, tapi jangan sampai mengganggu kenyamanan pengunjung saat membaca posting kita. </blockquote><div><br /></div><div>Saran Samakaki, merujuk pada hasil riset <a href="http://nngroup.com/" rel="nofollow" target="_blank">NN Group</a>, hindari terlalu banyak iklan, hindari iklan yang "kerlap-kerlip" (animasi/flash), hindari Silder, jangan sampai kayak "iklan obat kuat".... lhaaaaa ha haaaa.... wong memang banyak kok iklan obat kuat, dengan gambar yang "aduhai...!!!!!" (Ngeri ya???? Sampai segitunya nyari duit ^_^. Namanya juga usahe..... he heeee....!!!)</div><div><br /></div><div>Kembali ke soal .Template Blog SEO Terbaik buat Adsense (Iklan), kesimpulannya, gunakan saja Template Blog SEO dan Fast Loading. Itulah template terbaik buat Adsense (iklan), juga buat toko online. Good Luck and Happy Blogging...!</div>

Template Blog SEO Terbaik buat Adsense (Iklan)

SAAT mengecek data di Alexa , salah satu kata kunci yang "menggiring" pengunjung membuka CONTOH BLOG (Samakaki) adalah "tem...

Read more »

Template Blog SEO Terbaik buat Adsense (Iklan)

<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/AVvXsEhEN-rYd4GRLbooZ4CSbPm112fy4F64Bu8Na_BBLeGpyxweI_n9bXlbDHCCoI2XLi0egQCDFPCNBzJcFMhJGJB7qwwvWC_xGr1v_lO5R14vXadq9GsA4divKZIcGDlEfuzGUJQZ2199bkIv/s1600/Online+News+-+New+Fastest+Magz.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Template Blog SEO Terbaik buat Adsense (Iklan)" border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEN-rYd4GRLbooZ4CSbPm112fy4F64Bu8Na_BBLeGpyxweI_n9bXlbDHCCoI2XLi0egQCDFPCNBzJcFMhJGJB7qwwvWC_xGr1v_lO5R14vXadq9GsA4divKZIcGDlEfuzGUJQZ2199bkIv/s1600/Online+News+-+New+Fastest+Magz.png" title="Template Blog SEO Terbaik buat Adsense (Iklan)" width="320" /></a></div><b>SAAT</b> mengecek data di <a href="http://alexa.com/" rel="nofollow" target="_blank">Alexa</a>, salah satu kata kunci yang "menggiring" pengunjung membuka CONTOH<span style="color: orange;">BLOG</span> (CB) adalah "template blog adsense". Agak mengherankan, karena seingat CB, belum ada posting khusus di blog ini yang membahas atau shate template blog untuk adsense (iklan).<br /><br /><i>Ini data Alexa: Top Keywords from Search Engines. Which search keywords send traffic to this site? 5. template blog adsense</i><br /><div><br /></div>Saat CB coba "search" di blog ini dengan kata kunci "template blog adsense", yang muncul adalah posting-posting tentang template blog SEO Friendly. <a href="http://contohblognih.blogspot.com/search?q=template+blog+adsense&submit=search" target="_blank">Silakan Cek</a>.<div><br /></div><div>Kesimpulan sementara, rupanya Google menilai, template blog yang baik buat adsense (adsense blogger templates) adalah... ya... <a href="http://contohblognih.blogspot.com/search/label/Template%20Blog%20SEO" target="_blank">Template Blog SEO</a> itu! Cirinya: SEO Friendly, User Friendly, dan... Fast Loading alias ringan dan cepat!</div><div><br /></div><blockquote class="tr_bq">Maka, bagi Anda yang sedang mencari Template Blog SEO Terbaik buat Adsense (Iklan), gak usah capek-capek "berselancar" dan "ubek-ubek" Google.... Cukup pilih salah satu Template Blog SEO koleksi CB.</blockquote><div><br /></div><div>Jika kita search dengan kata kunci "Template Blog SEO Terbaik buat Adsense (Iklan)", maka hasilnya adalah template-template blog yang SEO dan Fast Loading. </div><div><br /></div><div>Jika ada tambahan kata "Adsense Ready", itu hanyalah kata lain dari "siap dipasang iklan". Lha... wong semua template blog bisa dipasang iklan kok! Paling juga, maksudnya adalah sudah disiapkan space atau ruang iklan dengan ukuran tertentu, misalnya di Header (970x90 Pixel), Sidebar Header (468x60 Pixel), di Sidebar (300x250 Pixel), dan sebagainya.</div><div><br /></div><blockquote class="tr_bq">Kita bisa mengatur tempat iklan sedemikian rupa biar mudah dipindai user, tapi jangan sampai mengganggu kenyamanan pengunjung saat membaca posting kita. </blockquote><div><br /></div><div>Saran CB, merujuk pada hasil riset <a href="http://nngroup.com/" rel="nofollow" target="_blank">NN Group</a>, hindari terlalu banyak iklan, hindari iklan yang "kerlap-kerlip" (animasi/flash), hindari Silder, jangan sampai kayak "iklan obat kuat".... lhaaaaa ha haaaa.... wong memang banyak kok iklan obat kuat, dengan gambar yang "aduhai...!!!!!" (Ngeri ya???? Sampai segitunya nyari duit ^_^. Namanya juga usahe..... he heeee....!!!)</div><div><br /></div><div>Kembali ke soal .Template Blog SEO Terbaik buat Adsense (Iklan), kesimpulannya, gunakan saja Template Blog SEO dan Fast Loading. Itulah template terbaik buat Adsense (iklan), juga buat toko online. Good Luck and Happy Blogging...!</div>

Template Blog SEO Terbaik buat Adsense (Iklan)

SAAT mengecek data di Alexa , salah satu kata kunci yang "menggiring" pengunjung membuka CONTOH BLOG (CB) adalah "template ...

Read more »

Cara Mencari Titik Koordinat Latitude-Longitude Tempat

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgezeseQkyAHp-urISLSrpfJTtWrNJhnbjsqvl6vWz1qnXQCqPJk5BJTAiK_MpI6HsKQEgR4WCqfCSMpie3U7LbzVCUx_ahlkX3UiS3U8jKt3-cq3JfvVdf36ORCdMRE6ZAbwbMUf5Nou3J/s1600/Latitude+and+Longitude+of+a+Point.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Titik Koordinat Latitude-Longitude" border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgezeseQkyAHp-urISLSrpfJTtWrNJhnbjsqvl6vWz1qnXQCqPJk5BJTAiK_MpI6HsKQEgR4WCqfCSMpie3U7LbzVCUx_ahlkX3UiS3U8jKt3-cq3JfvVdf36ORCdMRE6ZAbwbMUf5Nou3J/s1600/Latitude+and+Longitude+of+a+Point.png" title="Titik Koordinat Latitude-Longitude" width="320" /></a></div><b>POSTING </b>Cara Mencari Titik Koordinat Latitude-Longitude Tempat ini dibuat, setelah Samakaki baru saja membantu tetangga yang mengisi sebuah formulir, yang ada data isian tentang <b>Titik Koordinat Latitude-Longitude</b>.<br /><br />Samakaki <i>Googling </i>saja dan langsung menemukan situs tempat kita mencari titik koordinat (latitude dan longitude) dengan mudah, yaitu <b><a href="http://itouchmap.com/latlong.html" rel="nofollow" target="_blank">iTouch Map</a></b>. Gambar peta lokasinya juga disediakan di sana.<br /><br />Benar, banyak situs lain yang bisa kita gunakan, seperti menggunakan <a href="http://maps.google.com/" rel="nofollow" target="_blank">Google Maps</a> atau Aplikasi Android One Touch Location.<br /><br />Tapi, kayaknya <i>iTouch Map</i> lebih praktis deh. Kita tinggal mengetikkan nama lokasi, jalan, atau tempat, plus kota dan provinsinya, jika perlu tambahin nama negara, maka akan segera muncul Titik Koordinat Latitude-Longitude yang kita cari.<br /><br /><h3>Pengertian Latitude-Longitude</h3>Menurut literatur dari beberapa sumber online, Longitude itu garis bujur dan Latitude itu garis lintang.<br /><br />Latitude adalah garis yang melintang di antara kutub utara dan kutub selatan, yang menghubungkan antara sisi timur dan barat bagian bumi.<br /><br /><div>Longitude adalah garis membujur yang menghubungkan antara sisi utara dan sisi selatan bumi (kutub). <div><br /></div><h2>Fungsi Latitude dan Longitude</h2>Fungsi Latitude dan Longitude adalah untuk mengukur jarak antara satu titik dengan di titik yang lain. Titik koordinat menjadi hal yang penting saat membaca peta. <div><br /></div><div>Titik koordinat diterapkan dalam sistem navigasi pelayaran, dan penerbangan, di mana pun berada. Koordinat dalam peta juga dipakai saat melakukan evakuasi pengambilan korban, di tengah hutan dan pencarian di laut.</div><div><br /></div><div>Saya tidak bertanya kepada tetangga tadi, kenapa di formulirnya ada isian Latitude dan Longitude. Yang jelas, data isiannya ada di bawah Alamat Lengkap.</div><div><br /></div><div>Anda punya pengalaman soal Latitude dan Longitude ini? </div></div>

Cara Mencari Titik Koordinat Latitude-Longitude Tempat

POSTING  Cara Mencari Titik Koordinat Latitude-Longitude Tempat ini dibuat, setelah Samakaki baru saja membantu tetangga yang mengisi sebuah...

Read more »

Cara Mencari Titik Koordinat Latitude-Longitude Tempat

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgezeseQkyAHp-urISLSrpfJTtWrNJhnbjsqvl6vWz1qnXQCqPJk5BJTAiK_MpI6HsKQEgR4WCqfCSMpie3U7LbzVCUx_ahlkX3UiS3U8jKt3-cq3JfvVdf36ORCdMRE6ZAbwbMUf5Nou3J/s1600/Latitude+and+Longitude+of+a+Point.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Titik Koordinat Latitude-Longitude" border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgezeseQkyAHp-urISLSrpfJTtWrNJhnbjsqvl6vWz1qnXQCqPJk5BJTAiK_MpI6HsKQEgR4WCqfCSMpie3U7LbzVCUx_ahlkX3UiS3U8jKt3-cq3JfvVdf36ORCdMRE6ZAbwbMUf5Nou3J/s1600/Latitude+and+Longitude+of+a+Point.png" title="Titik Koordinat Latitude-Longitude" width="320" /></a></div><b>POSTING </b>Cara Mencari Titik Koordinat Latitude-Longitude Tempat ini dibuat, setelah CB baru saja membantu tetangga yang mengisi sebuah formulir, yang ada data isian tentang <b>Titik Koordinat Latitude-Longitude</b>.<br /><br />CB <i>Googling </i>saja dan langsung menemukan situs tempat kita mencari titik koordinat (latitude dan longitude) dengan mudah, yaitu <b><a href="http://itouchmap.com/latlong.html" rel="nofollow" target="_blank">iTouch Map</a></b>. Gambar peta lokasinya juga disediakan di sana.<br /><br />Benar, banyak situs lain yang bisa kita gunakan, seperti menggunakan <a href="http://maps.google.com/" rel="nofollow" target="_blank">Google Maps</a> atau Aplikasi Android One Touch Location.<br /><br />Tapi, kayaknya <i>iTouch Map</i> lebih praktis deh. Kita tinggal mengetikkan nama lokasi, jalan, atau tempat, plus kota dan provinsinya, jika perlu tambahin nama negara, maka akan segera muncul Titik Koordinat Latitude-Longitude yang kita cari.<br /><br /><h3>Pengertian Latitude-Longitude</h3>Menurut literatur dari beberapa sumber online, Longitude itu garis bujur dan Latitude itu garis lintang.<br /><br />Latitude adalah garis yang melintang di antara kutub utara dan kutub selatan, yang menghubungkan antara sisi timur dan barat bagian bumi.<br /><br /><div>Longitude adalah garis membujur yang menghubungkan antara sisi utara dan sisi selatan bumi (kutub). <div><br /></div><h2>Fungsi Latitude dan Longitude</h2>Fungsi Latitude dan Longitude adalah untuk mengukur jarak antara satu titik dengan di titik yang lain. Titik koordinat menjadi hal yang penting saat membaca peta. <div><br /></div><div>Titik koordinat diterapkan dalam sistem navigasi pelayaran, dan penerbangan, di mana pun berada. Koordinat dalam peta juga dipakai saat melakukan evakuasi pengambilan korban, di tengah hutan dan pencarian di laut.</div><div><br /></div><div>Saya tidak bertanya kepada tetangga tadi, kenapa di formulirnya ada isian Latitude dan Longitude. Yang jelas, data isiannya ada di bawah Alamat Lengkap.</div><div><br /></div><div>Anda punya pengalaman soal Latitude dan Longitude ini? </div></div>

Cara Mencari Titik Koordinat Latitude-Longitude Tempat

POSTING  Cara Mencari Titik Koordinat Latitude-Longitude Tempat ini dibuat, setelah CB baru saja membantu tetangga yang mengisi sebuah formu...

Read more »

The Simple Theme - Template Blog Responsif Johny Ribet Modif

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXAWnTOQhVrgHALMlikVF2Xwd8vqqKQ8SdtR6nDzh3hHqb7fw9mLIUGzw_vcfJIepJpM9SvAI3-E4zYGYg98xS6l-Ba4nQ9S8fDxyEEO-ePEIe4Q7UP_-8W_bb8JrAeYAL_Ut_ShIwm4Bv/s1600/The-Simple-Theme-Responsive.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="The Simple Theme - Template Blog Responsif" border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXAWnTOQhVrgHALMlikVF2Xwd8vqqKQ8SdtR6nDzh3hHqb7fw9mLIUGzw_vcfJIepJpM9SvAI3-E4zYGYg98xS6l-Ba4nQ9S8fDxyEEO-ePEIe4Q7UP_-8W_bb8JrAeYAL_Ut_ShIwm4Bv/s1600/The-Simple-Theme-Responsive.png" title="The Simple Theme - Template Blog Responsif" width="320" /></a></div>The Simple Theme ini adalah Template Blog SEO Friendly, Responsif (Responsive), dan Fast Loading hasil modifikasi template <a href="http://www.mastemplate.com/2013/03/johny-ribet.html" rel="nofollow" target="_blank">Johny Ribet </a>karya Maskolis. Samakaki modif terutama karena blog demo aslinya sudah tidak ada.<br /><br /><b>Update! </b>Rupanya <a href="http://johnyribet-demo.blogspot.com/" rel="nofollow" target="_blank">Demo Template Johny Ribet</a> sudah ada lagi.<br /><br />Selain itu, jika Anda download dan install Johny Ribet, maka akan banyak <i>background image</i> yang hilang, karena url-nya sudah tidak ada lagi.<br /><br /><a href="http://thesimpletheme.blogspot.com/" target="_blank">The Simple Theme</a> bisa dibilang merupakan <b>Template Blog Responsif </b>terbaru, paling tidak, saat posting ini dibuat, template modif inilah yang paling anyar!<br /><br />Bedanya <b>The Simple Theme Responsive Blogger Template</b> setelah dimodifikasi, dengan template blog Johny Ribet yang asli, antara lain <u>soal warna </u>background, header, post area, footer, dan sebagainya.<br /><br />Samakaki tambahin <b><a href="http://fayedanielsbbw.blogspot.com/2014/05/cara-membuat-featured-post-tanpa-slider.html" target="_blank">Featured Post tanpa Slider </a></b>biar agak bagusan dikit gitu tampilannya....<br /><br /><blockquote class="tr_bq">Soal warna di The Simple Theme ini bisa diubah sesuai dengan selera, tapi awas... jangan sampai menggunakan "warna menyala" seperti merah atau orange yang bisa membuat "banner blinded" bagi user. Pengunjung gak nyaman dengan warna menyala di layar monitor. </blockquote><br />Ke-SEO-an dan ke-Fast Load-an template ini sebenarnya sama dengan kekuatan SEO Johny Wuss/New Johny Wuss, karena dasarnya template ini adalah Johny Wuss juga, cuma diutak-atik menjadi Johny Ribet, dan Samakaki utak-atik lagi jadi The Simple Theme.<br /><br /><a href="http://thesimpletheme.blogspot.com/" rel="nofollow" target="_blank">DEMO</a><br /><a href="http://www.mediafire.com/download/z1lwxg36ws2wop4" rel="nofollow" target="_blank">DOWNLOAD</a><br /><br /><b>Awas, jangan hapus credit link di footer !!!</b><br />Good Luck and Happy Blogging!

The Simple Theme - Template Blog Responsif Johny Ribet Modif

The Simple Theme ini adalah Template Blog SEO Friendly, Responsif (Responsive), dan Fast Loading hasil modifikasi template Johny Ribet karya...

Read more »

The Simple Theme - Template Blog Responsif Johny Ribet Modif

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXAWnTOQhVrgHALMlikVF2Xwd8vqqKQ8SdtR6nDzh3hHqb7fw9mLIUGzw_vcfJIepJpM9SvAI3-E4zYGYg98xS6l-Ba4nQ9S8fDxyEEO-ePEIe4Q7UP_-8W_bb8JrAeYAL_Ut_ShIwm4Bv/s1600/The-Simple-Theme-Responsive.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="The Simple Theme - Template Blog Responsif" border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXAWnTOQhVrgHALMlikVF2Xwd8vqqKQ8SdtR6nDzh3hHqb7fw9mLIUGzw_vcfJIepJpM9SvAI3-E4zYGYg98xS6l-Ba4nQ9S8fDxyEEO-ePEIe4Q7UP_-8W_bb8JrAeYAL_Ut_ShIwm4Bv/s1600/The-Simple-Theme-Responsive.png" title="The Simple Theme - Template Blog Responsif" width="320" /></a></div>The Simple Theme ini adalah Template Blog SEO Friendly, Responsif (Responsive), dan Fast Loading hasil modifikasi template <a href="http://www.mastemplate.com/2013/03/johny-ribet.html" rel="nofollow" target="_blank">Johny Ribet </a>karya Maskolis. CB modif terutama karena blog demo aslinya sudah tidak ada.<br /><br /><b>Update! </b>Rupanya <a href="http://johnyribet-demo.blogspot.com/" rel="nofollow" target="_blank">Demo Template Johny Ribet</a> sudah ada lagi.<br /><br />Selain itu, jika Anda download dan install Johny Ribet, maka akan banyak <i>background image</i> yang hilang, karena url-nya sudah tidak ada lagi.<br /><br /><a href="http://thesimpletheme.blogspot.com/" target="_blank">The Simple Theme</a> bisa dibilang merupakan <b>Template Blog Responsif </b>terbaru, paling tidak, saat posting ini dibuat, template modif inilah yang paling anyar!<br /><br />Bedanya <b>The Simple Theme Responsive Blogger Template</b> setelah dimodifikasi, dengan template blog Johny Ribet yang asli, antara lain <u>soal warna </u>background, header, post area, footer, dan sebagainya.<br /><br />CB tambahin <b><a href="http://contohblognih.blogspot.com/2014/05/cara-membuat-featured-post-tanpa-slider.html" target="_blank">Featured Post tanpa Slider </a></b>biar agak bagusan dikit gitu tampilannya....<br /><br /><blockquote class="tr_bq">Soal warna di The Simple Theme ini bisa diubah sesuai dengan selera, tapi awas... jangan sampai menggunakan "warna menyala" seperti merah atau orange yang bisa membuat "banner blinded" bagi user. Pengunjung gak nyaman dengan warna menyala di layar monitor. </blockquote><br />Ke-SEO-an dan ke-Fast Load-an template ini sebenarnya sama dengan kekuatan SEO Johny Wuss/New Johny Wuss, karena dasarnya template ini adalah Johny Wuss juga, cuma diutak-atik menjadi Johny Ribet, dan CB utak-atik lagi jadi The Simple Theme.<br /><br /><a href="http://thesimpletheme.blogspot.com/" rel="nofollow" target="_blank">DEMO</a><br /><a href="http://www.mediafire.com/download/z1lwxg36ws2wop4" rel="nofollow" target="_blank">DOWNLOAD</a><br /><br /><b>Awas, jangan hapus credit link di footer !!!</b><br />Good Luck and Happy Blogging!

The Simple Theme - Template Blog Responsif Johny Ribet Modif

The Simple Theme ini adalah Template Blog SEO Friendly, Responsif (Responsive), dan Fast Loading hasil modifikasi template Johny Ribet karya...

Read more »

Cara Membuat Featured Post Tanpa Slider ala New Johny Wuss

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQrrbxd8uzpRrcrOoF460KY7wMdevAvZySHky_Uqw68GBCFCnCBKdphBu4mydSglHYy32GZfarczTqczPjCsp2APnklDuWKDjFvIKUM4G0XF8ylMC81VqcVeMCkxZOFhFczJIo2C3fu3Jc/s1600/Featured+Post+Thumbnail+tanpa+Slider.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Featured Post Thumbnail tanpa Slider" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQrrbxd8uzpRrcrOoF460KY7wMdevAvZySHky_Uqw68GBCFCnCBKdphBu4mydSglHYy32GZfarczTqczPjCsp2APnklDuWKDjFvIKUM4G0XF8ylMC81VqcVeMCkxZOFhFczJIo2C3fu3Jc/s1600/Featured+Post+Thumbnail+tanpa+Slider.png" title="Featured Post Thumbnail tanpa Slider" width="320" /></a></div><b>POSTING</b> cara membuat Featured Post Tanpa Slider <i>ala New Johny Wuss</i> di blog blogspot ini, Samakaki buat sekaligus menjawab pertanyaan salah satu pengunjung blog ini, Bung Edi.<br /><br />Yang dimaksud Featured Post Tanpa Slider yaitu... ya... tampilan posting teratas di halaman depan blog ini.<br /><br />Tutorial ini tentu saja sudah dipraktekkan di Template <a href="http://newjohnywuss.blogspot.com/" target="_blank">New Johny Wuss</a>. Bahkan, sebelum Samakaki share di sini, cara Membuat Featured Post Tanpa Slider ini sudah Samakaki praktekkan juga di template blog SEO Responsive <a href="http://thesimpletheme.blogspot.com/" target="_blank">The Simple Theme</a>,  yaitu modifikasi Template <a href="http://www.mastemplate.com/2013/03/johny-ribet.html" rel="nofollow" target="_blank">Johny Ribet</a> yang masih sedang Samakaki modifikasi.<br /><br />Kenapa "Tanpa Slider"? Karena Samakaki ngikut pendapat bahwa <a href="http://fayedanielsbbw.blogspot.com/2014/05/featured-content-slider-seo-blog.html" target="_blank">Slider Tidak Baik buat SEO</a>.<br /><br />Fungsi utama Featured Post adalah menampilkan posting terbaru dan/atau posting yang kita anggap "Killer Blog Post" di halaman depan (homepage).<br /><br /><h3><b>Tahapan Membuat Featured Post Tanpa Slider ala New Johny Wuss</b></h3>1. Ucapkan basmalah, baca doa dulu biar berhasil ^_^<br />2. Di Dashboard Blog, klik Template > Edit HTML<br />3. Cari (CTRL+F) kode <b>]]</b:skin></b><br />4. Copy & Pasta kode berikut ini <b>DI ATAS</b> kode <b>]]</b:skin></b><br /><br /><div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;">#featuredpost {background:<span style="color: red;">#000</span>;float:left;margin:10px 10px 20px 10px; padding:0 0 10px;width:97%; position:relative;color:#eee;}<br />#featuredpost .featured-thumb {float:left; margin:15px; padding:0px;}<br />#featuredpost .container {height:205px; margin:0 10px 0 0;overflow:hidden; position:relative;font-family: Arial;font-size: 13px;font-style: normal;font-variant: normal;font-weight: normal;line-height: 1.3em;}<br />.featuredTitle{padding-top:15px;font:17px Oswald;}<br />.featuredTitle a{color:#f5ff88}<br />.featuredTitle a:hover{color:#c00}</div><br /><i>*** Catatan: Anda bisa mengganti background warna hitam (</i><span style="color: red;"><i>#000</i></span><i>) dengan warna lain. Kode-kodenya ada di <a href="http://fayedanielsbbw.blogspot.com/p/kode-warna-html.html" target="_blank">Kode Warna HTML</a>. </i><br /><br />5. Cari kode <b></head></b> dan Copy & Paste kode berikut ini <b>DI ATAS </b>kode <b></head></b><br /><br /><div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/><br /><script src='http://yourjavascript.com/221222113215/jquery.innerfade.js' type='text/javascript'/><br /><script src='http://yourjavascript.com/122111125120/cycle.js' type='text/javascript'/><br /><script type='text/javascript'><br />//<![CDATA[<br />imgr = new Array();<br />imgr[0] = "<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzisGKLSHH4Wf_5fy6D7u16AtKP_iP9yYMOFXx-2eTlk8iObkXGVy2pr2PpJrOetS3pegPUNtWxZmHVbZcTzMe-ufpOnhyELXUXJtSAiIqvgFBvOch3canrkLx4QxDHWNn_zN_0hcvGvU/s1600/no+image.jpg</span>";<br />showRandomImg = true;<br />aBold = true;<br />summaryPost = 300;<br />summaryTitle = 25;<br />numposts  = 1;<br /><br />function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}<br /><br />function showrecentposts(json) {<br /> j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;<br /> img  = new Array();<br />    document.write('<div class="slides">')<br /> if (numposts <= json.feed.entry.length) {<br />  maxpost = numposts;<br />  }<br /> else<br />       {<br />    maxpost=json.feed.entry.length;<br />    }<br />   for (var i = 0; i < maxpost; i++) {<br />     var entry = json.feed.entry[i];<br />     var posttitle = entry.title.$t;<br />  var pcm;<br />     var posturl;<br />     if (i == json.feed.entry.length) break;<br />     for (var k = 0; k < entry.link.length; k++) {<br />        if (entry.link[k].rel == 'alternate') {<br />          posturl = entry.link[k].href;<br />          break;<br />        }<br />     }<br /><br />  for (var k = 0; k < entry.link.length; k++) {<br />        if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {<br />          pcm = entry.link[k].title.split(" ")[0];<br />          break;<br />        }<br />     }<br /><br />     if ("content" in entry) {<br />        var postcontent = entry.content.$t;}<br />     else<br />     if ("summary" in entry) {<br />        var postcontent = entry.summary.$t;}<br />     else var postcontent = "";<br />  <br />     postdate = entry.published.$t;<br /><br /> if(j>imgr.length-1) j=0;<br /> img[i] = imgr[j];<br /><br /> s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);<br /><br /> if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;<br /><br /> //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';<br /><br /> var month = [1,2,3,4,5,6,7,8,9,10,11,12];<br /> var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];<br /><br /> var day = postdate.split("-")[2].substring(0,2);<br /> var m = postdate.split("-")[1];<br /> var y = postdate.split("-")[0];<br /><br /> for(var u2=0;u2<month.length;u2++){<br />  if(parseInt(m)==month[u2]) {<br />   m = month2[u2] ; break;<br />  }<br /> }<br /><br /> var trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="290" height="180" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p></div>';<br /> document.write(trtd);<br /><br /> j++;<br />}<br />    document.write('</div>')<br />}<br /><br />//]]><br /></script></div><br /><i>*** Catatan: tulisan yang di-highligt dengan warna merah bisa Anda ganti dengan URL Image versi Anda. Fungsinya sebagai "default image" --akan muncul jika dalam postingan Anda </i><i>tidak ada gambar</i><i>.</i><br /><br />6. Cari (CTRL+F) kode <b><div class='main-wrapper'></b> dan simpan kode berikut ini DI BAWAHNYA <u>atau</u> DI ATAS <b:section class='main' id='main' showaddelement='no'><br /><br /><div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;"><b:if cond='data:blog.pageType != &quot;item&quot;'><br /><b:if cond='data:blog.url == data:blog.homepageUrl'><br /><div id='featuredpost'><br /><div class='container'><br /><script><br />document.write(&quot; &lt;script src=\&quot;/<span style="color: red;">feeds/posts/default/</span>?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);<br /></script><br /></div><br /><!--end .container--><br /></div></b:if><br /></b:if></div><br /><i>Catatan:  </i><br /><i>Kode yang dikasi warna merah adalah untuk memunculkan <u>posting terbaru </u>di Featured Post tanpa Slider. Anda bisa mengubahnya jika memunculkan posting terbaru di label/kategori tertentu. </i><br /><div><i><br /></i></div><div><i>Misalnya, yang mau dimunculkan posting terbaru di label "Blogging", maka ganti menjadi /<span style="color: red;">feeds/posts/default/-/Blogging</span></i></div><div><span style="color: red;"><br /></span></div><div><b>7. Save Template! </b></div><div><br /></div><div>Demikian cara membuat Featured Post tanpa Slider ala New Johny Wuss. Semoga berhasil and... Happy Blogging!</div><div><span style="color: red;"><br /></span></div>

Cara Membuat Featured Post Tanpa Slider ala New Johny Wuss

POSTING  cara membuat Featured Post Tanpa Slider ala New Johny Wuss di blog blogspot ini, Samakaki buat sekaligus menjawab pertanyaan salah...

Read more »

Cara Membuat Featured Post Tanpa Slider ala New Johny Wuss

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQrrbxd8uzpRrcrOoF460KY7wMdevAvZySHky_Uqw68GBCFCnCBKdphBu4mydSglHYy32GZfarczTqczPjCsp2APnklDuWKDjFvIKUM4G0XF8ylMC81VqcVeMCkxZOFhFczJIo2C3fu3Jc/s1600/Featured+Post+Thumbnail+tanpa+Slider.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Featured Post Thumbnail tanpa Slider" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQrrbxd8uzpRrcrOoF460KY7wMdevAvZySHky_Uqw68GBCFCnCBKdphBu4mydSglHYy32GZfarczTqczPjCsp2APnklDuWKDjFvIKUM4G0XF8ylMC81VqcVeMCkxZOFhFczJIo2C3fu3Jc/s1600/Featured+Post+Thumbnail+tanpa+Slider.png" title="Featured Post Thumbnail tanpa Slider" width="320" /></a></div><b>POSTING</b> cara membuat Featured Post Tanpa Slider <i>ala New Johny Wuss</i> di blog blogspot ini, CB buat sekaligus menjawab pertanyaan salah satu pengunjung blog ini, Bung Edi.<br /><br />Yang dimaksud Featured Post Tanpa Slider yaitu... ya... tampilan posting teratas di halaman depan blog ini.<br /><br />Tutorial ini tentu saja sudah dipraktekkan di Template <a href="http://newjohnywuss.blogspot.com/" target="_blank">New Johny Wuss</a>. Bahkan, sebelum CB share di sini, cara Membuat Featured Post Tanpa Slider ini sudah CB praktekkan juga di template blog SEO Responsive <a href="http://thesimpletheme.blogspot.com/" target="_blank">The Simple Theme</a>,  yaitu modifikasi Template <a href="http://www.mastemplate.com/2013/03/johny-ribet.html" rel="nofollow" target="_blank">Johny Ribet</a> yang masih sedang CB modifikasi.<br /><br />Kenapa "Tanpa Slider"? Karena CB ngikut pendapat bahwa <a href="http://contohblognih.blogspot.com/2014/05/featured-content-slider-seo-blog.html" target="_blank">Slider Tidak Baik buat SEO</a>.<br /><br />Fungsi utama Featured Post adalah menampilkan posting terbaru dan/atau posting yang kita anggap "Killer Blog Post" di halaman depan (homepage).<br /><br /><h3><b>Tahapan Membuat Featured Post Tanpa Slider ala New Johny Wuss</b></h3>1. Ucapkan basmalah, baca doa dulu biar berhasil ^_^<br />2. Di Dashboard Blog, klik Template > Edit HTML<br />3. Cari (CTRL+F) kode <b>]]</b:skin></b><br />4. Copy & Pasta kode berikut ini <b>DI ATAS</b> kode <b>]]</b:skin></b><br /><br /><div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;">#featuredpost {background:<span style="color: red;">#000</span>;float:left;margin:10px 10px 20px 10px; padding:0 0 10px;width:97%; position:relative;color:#eee;}<br />#featuredpost .featured-thumb {float:left; margin:15px; padding:0px;}<br />#featuredpost .container {height:205px; margin:0 10px 0 0;overflow:hidden; position:relative;font-family: Arial;font-size: 13px;font-style: normal;font-variant: normal;font-weight: normal;line-height: 1.3em;}<br />.featuredTitle{padding-top:15px;font:17px Oswald;}<br />.featuredTitle a{color:#f5ff88}<br />.featuredTitle a:hover{color:#c00}</div><br /><i>*** Catatan: Anda bisa mengganti background warna hitam (</i><span style="color: red;"><i>#000</i></span><i>) dengan warna lain. Kode-kodenya ada di <a href="http://contohblognih.blogspot.com/p/kode-warna-html.html" target="_blank">Kode Warna HTML</a>. </i><br /><br />5. Cari kode <b></head></b> dan Copy & Paste kode berikut ini <b>DI ATAS </b>kode <b></head></b><br /><br /><div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/><br /><script src='http://yourjavascript.com/221222113215/jquery.innerfade.js' type='text/javascript'/><br /><script src='http://yourjavascript.com/122111125120/cycle.js' type='text/javascript'/><br /><script type='text/javascript'><br />//<![CDATA[<br />imgr = new Array();<br />imgr[0] = "<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzisGKLSHH4Wf_5fy6D7u16AtKP_iP9yYMOFXx-2eTlk8iObkXGVy2pr2PpJrOetS3pegPUNtWxZmHVbZcTzMe-ufpOnhyELXUXJtSAiIqvgFBvOch3canrkLx4QxDHWNn_zN_0hcvGvU/s1600/no+image.jpg</span>";<br />showRandomImg = true;<br />aBold = true;<br />summaryPost = 300;<br />summaryTitle = 25;<br />numposts  = 1;<br /><br />function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}<br /><br />function showrecentposts(json) {<br /> j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;<br /> img  = new Array();<br />    document.write('<div class="slides">')<br /> if (numposts <= json.feed.entry.length) {<br />  maxpost = numposts;<br />  }<br /> else<br />       {<br />    maxpost=json.feed.entry.length;<br />    }<br />   for (var i = 0; i < maxpost; i++) {<br />     var entry = json.feed.entry[i];<br />     var posttitle = entry.title.$t;<br />  var pcm;<br />     var posturl;<br />     if (i == json.feed.entry.length) break;<br />     for (var k = 0; k < entry.link.length; k++) {<br />        if (entry.link[k].rel == 'alternate') {<br />          posturl = entry.link[k].href;<br />          break;<br />        }<br />     }<br /><br />  for (var k = 0; k < entry.link.length; k++) {<br />        if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {<br />          pcm = entry.link[k].title.split(" ")[0];<br />          break;<br />        }<br />     }<br /><br />     if ("content" in entry) {<br />        var postcontent = entry.content.$t;}<br />     else<br />     if ("summary" in entry) {<br />        var postcontent = entry.summary.$t;}<br />     else var postcontent = "";<br />  <br />     postdate = entry.published.$t;<br /><br /> if(j>imgr.length-1) j=0;<br /> img[i] = imgr[j];<br /><br /> s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);<br /><br /> if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;<br /><br /> //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';<br /><br /> var month = [1,2,3,4,5,6,7,8,9,10,11,12];<br /> var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];<br /><br /> var day = postdate.split("-")[2].substring(0,2);<br /> var m = postdate.split("-")[1];<br /> var y = postdate.split("-")[0];<br /><br /> for(var u2=0;u2<month.length;u2++){<br />  if(parseInt(m)==month[u2]) {<br />   m = month2[u2] ; break;<br />  }<br /> }<br /><br /> var trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="290" height="180" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p></div>';<br /> document.write(trtd);<br /><br /> j++;<br />}<br />    document.write('</div>')<br />}<br /><br />//]]><br /></script></div><br /><i>*** Catatan: tulisan yang di-highligt dengan warna merah bisa Anda ganti dengan URL Image versi Anda. Fungsinya sebagai "default image" --akan muncul jika dalam postingan Anda </i><i>tidak ada gambar</i><i>.</i><br /><br />6. Cari (CTRL+F) kode <b><div class='main-wrapper'></b> dan simpan kode berikut ini DI BAWAHNYA <u>atau</u> DI ATAS <b:section class='main' id='main' showaddelement='no'><br /><br /><div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;"><b:if cond='data:blog.pageType != &quot;item&quot;'><br /><b:if cond='data:blog.url == data:blog.homepageUrl'><br /><div id='featuredpost'><br /><div class='container'><br /><script><br />document.write(&quot; &lt;script src=\&quot;/<span style="color: red;">feeds/posts/default/</span>?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);<br /></script><br /></div><br /><!--end .container--><br /></div></b:if><br /></b:if></div><br /><i>Catatan:  </i><br /><i>Kode yang dikasi warna merah adalah untuk memunculkan <u>posting terbaru </u>di Featured Post tanpa Slider. Anda bisa mengubahnya jika memunculkan posting terbaru di label/kategori tertentu. </i><br /><div><i><br /></i></div><div><i>Misalnya, yang mau dimunculkan posting terbaru di label "Blogging", maka ganti menjadi /<span style="color: red;">feeds/posts/default/-/Blogging</span></i></div><div><span style="color: red;"><br /></span></div><div><b>7. Save Template! </b></div><div><br /></div><div>Demikian cara membuat Featured Post tanpa Slider ala New Johny Wuss. Semoga berhasil and... Happy Blogging!</div><div><span style="color: red;"><br /></span></div>

Cara Membuat Featured Post Tanpa Slider ala New Johny Wuss

POSTING  cara membuat Featured Post Tanpa Slider ala New Johny Wuss di blog blogspot ini, CB buat sekaligus menjawab pertanyaan salah satu ...

Read more »

Android Apps Blogger Template - Template Keren untuk Blog Aplikasi Android

<b>KABAR</b> gembira buat blogger yang konten blognya seputar Aplikasi Android (Android Apps). Bisa juga template keren nan SEO Friendy ini buat blog yang isinya tentang HandPhone, SmartPhone, Laptop, dan sejenisnya. Ini dia "Android Apps Blogger Template", Template Keren untuk <b>Blog</b> <b>Aplikasi Android</b>!<br /><br /><div style="text-align: center;"><b>Ini dia Screen Shot alias penampakannya. Keren 'kan?</b></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7-ttmN0jJJ1xsTHMC81tPV94hw5FyOajnzQcwSZJQa15QnXRlteIiHjYOGUJv80f_TkHKLrhQpKxgGrYR93hbA3lIPoDj1GWWNMDHO2Oy8slZ8CsMb80GmOcdN3YcxFWztM5yHERLsjZT/s1600/androidapps-blogger-template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Android Apps Blogger Template" border="0" height="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7-ttmN0jJJ1xsTHMC81tPV94hw5FyOajnzQcwSZJQa15QnXRlteIiHjYOGUJv80f_TkHKLrhQpKxgGrYR93hbA3lIPoDj1GWWNMDHO2Oy8slZ8CsMb80GmOcdN3YcxFWztM5yHERLsjZT/s1600/androidapps-blogger-template.jpg" title="Android Apps Blogger Template" width="400" /></a></div><br /><br />Template ini juga bagus banget untuk Toko Online atau Galeri Foto. Slidernya bisa dimanfaatkan buat "produk terbaru" atau sekadar "branding". Meski secara umum <b><a href="http://fayedanielsbbw.blogspot.com/2014/05/featured-content-slider-seo-blog.html" target="_blank">Slider gak bagus buat SEO</a></b>, tapi untuk Toko Online boleh deh.... 'kan butuh branding dan etalase kalo toko <i>mah</i>...^_^<br /><br />Android Apps Blogger Template ini aslinya <u>tanpa </u><i>Auto Read More</i>. Di template hasil modif, Samakaki sudah tambahin biar lebih SEO dan menggunakan Auto Readmore di halaman depan (Home/Beranda).<br /><br />Modif Samakaki atas Android Apps Blogger Template ini juga adalah penambahan SEO Title Tag dan SEO Meta Tags yang "powerful" buat SEO Template Blog ini.<br /><br />Anda tinggal pilih saja, mau yang asli atau hasil modifikasi. Monggo.......!<br /><br /><b>Template Android Apps Asli (Original):</b><br /><a href="http://www.android-deluxetemplates.blogspot.com/" rel="nofollow" target="_blank">DEMO</a><br /><a href="http://www.deluxetemplates.net/download/759/" rel="nofollow" target="_blank">DOWNLOAD</a><br /><br /><b>Template Android Apps Hasil Modifikasi by Samakaki:</b><br /><a href="http://androidappstheme.blogspot.com/" target="_blank">DEMO</a><br /><a href="http://downloads.ziddu.com/download/23778630/AndroidApps-Blogger-Theme.zip.html" rel="nofollow" target="_blank">DOWNLOAD</a><br /><br />

Android Apps Blogger Template - Template Keren untuk Blog Aplikasi Android

KABAR gembira buat blogger yang konten blognya seputar Aplikasi Android (Android Apps). Bisa juga template keren nan SEO Friendy ini buat b...

Read more »

Android Apps Blogger Template - Template Keren untuk Blog Aplikasi Android

<b>KABAR</b> gembira buat blogger yang konten blognya seputar Aplikasi Android (Android Apps). Bisa juga template keren nan SEO Friendy ini buat blog yang isinya tentang HandPhone, SmartPhone, Laptop, dan sejenisnya. Ini dia "Android Apps Blogger Template", Template Keren untuk <b>Blog</b> <b>Aplikasi Android</b>!<br /><br /><div style="text-align: center;"><b>Ini dia Screen Shot alias penampakannya. Keren 'kan?</b></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7-ttmN0jJJ1xsTHMC81tPV94hw5FyOajnzQcwSZJQa15QnXRlteIiHjYOGUJv80f_TkHKLrhQpKxgGrYR93hbA3lIPoDj1GWWNMDHO2Oy8slZ8CsMb80GmOcdN3YcxFWztM5yHERLsjZT/s1600/androidapps-blogger-template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Android Apps Blogger Template" border="0" height="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7-ttmN0jJJ1xsTHMC81tPV94hw5FyOajnzQcwSZJQa15QnXRlteIiHjYOGUJv80f_TkHKLrhQpKxgGrYR93hbA3lIPoDj1GWWNMDHO2Oy8slZ8CsMb80GmOcdN3YcxFWztM5yHERLsjZT/s1600/androidapps-blogger-template.jpg" title="Android Apps Blogger Template" width="400" /></a></div><br /><br />Template ini juga bagus banget untuk Toko Online atau Galeri Foto. Slidernya bisa dimanfaatkan buat "produk terbaru" atau sekadar "branding". Meski secara umum <b><a href="http://contohblognih.blogspot.com/2014/05/featured-content-slider-seo-blog.html" target="_blank">Slider gak bagus buat SEO</a></b>, tapi untuk Toko Online boleh deh.... 'kan butuh branding dan etalase kalo toko <i>mah</i>...^_^<br /><br />Android Apps Blogger Template ini aslinya <u>tanpa </u><i>Auto Read More</i>. Di template hasil modif, CB sudah tambahin biar lebih SEO dan menggunakan Auto Readmore di halaman depan (Home/Beranda).<br /><br />Modif CB atas Android Apps Blogger Template ini juga adalah penambahan SEO Title Tag dan SEO Meta Tags yang "powerful" buat SEO Template Blog ini.<br /><br />Anda tinggal pilih saja, mau yang asli atau hasil modifikasi. Monggo.......!<br /><br /><b>Template Android Apps Asli (Original):</b><br /><a href="http://www.android-deluxetemplates.blogspot.com/" rel="nofollow" target="_blank">DEMO</a><br /><a href="http://www.deluxetemplates.net/download/759/" rel="nofollow" target="_blank">DOWNLOAD</a><br /><br /><b>Template Android Apps Hasil Modifikasi by CB:</b><br /><a href="http://androidappstheme.blogspot.com/" target="_blank">DEMO</a><br /><a href="http://downloads.ziddu.com/download/23778630/AndroidApps-Blogger-Theme.zip.html" rel="nofollow" target="_blank">DOWNLOAD</a><br /><br />

Android Apps Blogger Template - Template Keren untuk Blog Aplikasi Android

KABAR gembira buat blogger yang konten blognya seputar Aplikasi Android (Android Apps). Bisa juga template keren nan SEO Friendy ini buat b...

Read more »

Widget Email Subscription dan Akun Media Sosial Keren Nih!

Widget <b>Email Subscription</b> yaitu "formulir" bagi user untuk membaca update blog kita lewat inbox emailnya. Istilahnya, "berlangganan posting", gratis! Akun <b>Media Sosial</b> "wajib" dipasang di blog biar user bisa follow, like, atau join akun sosmed kita.<br /><br /><div>Banyak keuntungan dengan memasang Email Subscription Widget ini. "Formulir" yang menarik bukan saja mempercantik blog, tapi juga bisa menarik minat dan perhatian pengunjung. Makin banyak "pelanggan", makin bagus buat blog --berpengaruh pada ranking Google.<br /><br />Samakaki menemukan <b>Widget Email Subscription dan Akun Media  Sosial</b> yang keren di <a href="http://www.bloggiks.com/2013/01/cool-email-subscription-widget-with.html" rel="nofollow" target="_blank">Bloggik</a>.  Widget ini layak Anda coba dan jika suka, pasang saja di sidebar blog Anda. Ini penampakkannya:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnWm8qrBp_1YBoov3HNXU2ibOIEMsFeFIxa2kgoZOZRQJ-9Jz9YlAXM3ArPDKB8kWfbRxxSaVT7UbfTNkRpvWgpaSusB3mSiLS9mKwklm7Ztj6jOX6ZR1EMYBoeStOW9pcyaJ9xSV2N9MQ/s1600/Widget+Email+Subscription+dan+Akun+Media++Sosial+Keren.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Widget Email Subscription dan Akun Media Sosial Keren " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnWm8qrBp_1YBoov3HNXU2ibOIEMsFeFIxa2kgoZOZRQJ-9Jz9YlAXM3ArPDKB8kWfbRxxSaVT7UbfTNkRpvWgpaSusB3mSiLS9mKwklm7Ztj6jOX6ZR1EMYBoeStOW9pcyaJ9xSV2N9MQ/s1600/Widget+Email+Subscription+dan+Akun+Media++Sosial+Keren.jpg" title="Widget Email Subscription dan Akun Media Sosial Keren " /></a></div><br /><br />Cara memasangnya sangat mudah:<br />1. Di Blogger Dashboard > Klik <b>Layout</b> > <b>Add a Gadget</b> > pilih <b>HTML/Javascript Box</b>.<br />2. Copy + Paste kode berikut ini di kotak "HTML/Javascript" tadi.<br /><div><br /></div><div><div style="background-color: #f9f9f9; border: 1px solid #444; padding: 10px; text-align: left;"><style><br />body {<br />color: #434343;<br />font: 12px/20px Arial,Helvetica,sans-serif;<br />}<br />#sidebar .widget {<br />background-color: #F5F5F5;<br />margin: 15px 0;<br />padding: 4px;<br />position: relative;<br />}<br /><br />#sidebar .widget .head {<br />text-shadow: 0 1px 0 #FFFFFF;<br />}<br />#sidebar .widget .box {<br />background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBYw2h2Kaozeq8gYy_hJb5pTK-VBj51JyEGel35lsgFIqBpUB7lr154FO8Vg8KfPYoWOwsLKQXL_gIS9C9QRkrj8l5UxhFXNESct4oEjiwyyDgToo5rAli8tTI8mappV0sIrGT3FfL41k/s1600/sidebar_bg.png") repeat-x scroll left bottom transparent;<br />padding: 8px;<br />}<br />#sidebar .widget .box-out {<br />background-color: #FFFFFF;<br />border-bottom: 1px solid #E5E5E5;<br />padding: 1px;<br />}<br />.clearfix:after {<br />clear: both;<br />content: " ";<br />display: block;<br />font-size: 0;<br />height: 0;<br />line-height: 0;<br />visibility: hidden;<br />width: 0;<br />}<br />#sidebar .widget .box {<br />background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBYw2h2Kaozeq8gYy_hJb5pTK-VBj51JyEGel35lsgFIqBpUB7lr154FO8Vg8KfPYoWOwsLKQXL_gIS9C9QRkrj8l5UxhFXNESct4oEjiwyyDgToo5rAli8tTI8mappV0sIrGT3FfL41k/s1600/sidebar_bg.png") repeat-x scroll left bottom transparent;<br />padding: 8px;<br />}<br />.clearfix {<br />display: block;<br />}<br />.clearfix {<br />display: inline-block;<br />}<br />.clearfix:after {<br />clear: both;<br />content: " ";<br />display: block;<br />font-size: 0;<br />height: 0;<br />line-height: 0;<br />visibility: hidden;<br />width: 0;<br />}<br />.email_rss {<br />border-bottom: 1px solid #E5E5E5;<br />margin-bottom: 5px;<br />position: relative;<br />}<br />.social_links, .email_rss {<br />padding: 5px 0 10px;<br />width: 100%;<br />}<br />.clearfix {<br />display: block;<br />}<br />.fan_box {<br />background-color: #F5F5F5;<br />margin: 15px 0;<br />padding: 4px;<br />position: relative;<br />}<br />.fan_box .full_widget {<br />background-color: #FFFFFF;<br />border: 1px solid #E5E5E5;<br />}<br />.fan_box .full_widget .connect_top {<br />background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBYw2h2Kaozeq8gYy_hJb5pTK-VBj51JyEGel35lsgFIqBpUB7lr154FO8Vg8KfPYoWOwsLKQXL_gIS9C9QRkrj8l5UxhFXNESct4oEjiwyyDgToo5rAli8tTI8mappV0sIrGT3FfL41k/s1600/sidebar_bg.png") repeat-x scroll left bottom transparent;<br />padding: 8px;<br />}<br />.fan_box .full_widget .connections {<br />background-color: #FFFFFF;<br />border-bottom: 1px solid #E5E5E5;<br />padding: 5px 1px 1px;<br />}<br />.fan_box .full_widget .connections_grid {<br />background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBYw2h2Kaozeq8gYy_hJb5pTK-VBj51JyEGel35lsgFIqBpUB7lr154FO8Vg8KfPYoWOwsLKQXL_gIS9C9QRkrj8l5UxhFXNESct4oEjiwyyDgToo5rAli8tTI8mappV0sIrGT3FfL41k/s1600/sidebar_bg.png") repeat-x scroll left bottom transparent;<br />padding: 6px;<br />}<br />.fan_box .full_widget .connections .total {<br />margin: 4px 0 4px 8px;<br />}<br />.fan_box .profileimage {<br />background-color: #FFFFFF;<br />border: 1px solid #E5E5E5;<br />display: inline;<br />margin-right: 10px;<br />padding: 5px;<br />}<br />.fan_box .full_widget .connections_grid a img {<br />border: 1px solid #FFFFFF;<br />}<br />.fan_box .full_widget .connections_grid a img:hover {<br />border: 1px solid #000000;<br />}<br />.social_links, .email_rss {<br />padding: 5px 0 10px;<br />width: 100%;<br />}<br />.social_links a {<br />background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEtUK_521Sblqhjrx4f_w8IhFoFOtaDfqRAb_Fs_xfa6y8nOE4b6wCfOLa7mWmFPL_CqEbM5chIH5eV3aY4jTmo5bO6sL-UCF-lxqoaPfi8xte8FZI47j0ECAfLzcApFDelW3BoMtLP0Y/s1600/social.png");<br />background-repeat: no-repeat;<br />color: #999999;<br />display: inline;<br />float: left;<br />font-size: 11px;<br />margin-bottom: 0;<br />padding-top: 45px;<br />text-align: center;<br />text-decoration: none;<br />width: 67px;<br />}<br />.social_links a:hover {<br />color: #000000;<br />text-decoration: underline;<br />}<br />a#side_fb {<br />background-position: -173px 0;<br />}<br />a#side_tw {<br />background-position: -81px 0;<br />}<br />a#side_rss {<br />background-position: 8px 0;<br />}<br />a#side_email {<br />background-position: -267px 0;<br />}<br />#geek {<br />background: url("4.bp.blogspot.com/-JJL5i3WAtEA/UDip4G3DxhI/AAAAAAAAF7A/fa1vmnxMt38/s1600/social.png") no-repeat scroll -387px -363px transparent;<br />bottom: -1px;<br />display: block;<br />height: 117px;<br />position: absolute;<br />right: -22px;<br />text-indent: -9999em;<br />width: 94px;<br />}<br />.email_rss {<br />border-bottom: 1px solid #E5E5E5;<br />margin-bottom: 5px;<br />position: relative;<br />}<br />.email_rss span {<br />font-size: 11px;<br />}<br />#subscribe-form {<br />margin-top: 5px;<br />}<br />#subscribe-form #newsletter {<br />border: 1px solid #CCCCCC;<br />padding: 5px;<br />width: 150px;<br />}<br />#subscribe-form #newsletter:focus {<br />background-color: #F5F2D3;<br />border: 1px solid #000000;<br />}<br />#subscribe-form .btn {<br />background-color: #7EB4CF;<br />border: 1px solid #2F6A89;<br />box-shadow: 3px 3px 0 #6DA5C1 inset, -3px -3px 0 #6DA5C1 inset;<br />color: #FFFFFF;<br />cursor: pointer;<br />display: inline;<br />float: right;<br />font-size: 12px;<br />font-weight: 900;<br />line-height: 12px;<br />padding: 5px 8px;<br />position: relative;<br />text-shadow: 0 1px 0 #000000;<br />z-index: 999;<br />}<br />#subscribe-form .btn:hover {<br />background-color: #4E9CC4;<br />}<br />#subscribe-form span {<br />background-color: #F5F5F5;<br />display: inline;<br />float: left;<br />margin-right: 10px;<br />padding: 3px;<br />}<br /><br />h3 {<br />font-family: MgOpenModata;<br /><br />font-weight: 400;<br />}<br />#sidebar .widget .head p {<br />color: #999999;<br />font-size: 11px;<br />line-height: 15px;<br />padding: 0;<br />}<br /></style><br /><br /><div id="counter" class="widget"><br /><div class="inner clearfix"><br /><div class="box-out"><br /><div class="head box"><br /><h3>Subscribe</h3><br /><p>Subscribe to and follow bloggiks to get the latest updates.</p><br /></div><br /></div><br /><div class="side_cont box-out clearfix"><br /><div class="box clearfix"><br /><div class="email_rss clearfix"><br /><span>Sign up for bloggiks news sent to your inbox</span><br /><br /><form id="subscribe-form" class="clearfix" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri='<span style="color: red;">contohblognih</span>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><br /><input id="newsletter" class="txt" type="text" name="email"/><input type="hidden" value="<span style="color: red;">contohblognih</span>" name="uri"/><input type="hidden" name="loc" value="en_US"/><input class="btn" type="submit" value="Subscribe" /></form><br /></div><br /><br /><div><div class="social_links clearfix"><br /><a id="side_fb" class="png_bg dysocial" rel="nofollow" title="Join Us on Facebook" href="<span style="color: red;">Facebook page URL</span>" >Facebook</a><br /><br /><a id="side_tw" class="png_bg dysocial" rel="nofollow" title="Follow Us on Twitter" href="<span style="color: red;">Twitter URL</span>" >Twitter</a><br /><br /><a id="side_rss" class="png_bg dysocial" rel="nofollow" title="Subscribe to via RSS" href="<span style="color: red;">RSS URL</span>" >RSS</a><br /><br /><a id="side_email" class="png_bg dysocial" rel="nofollow" title="Subscribe via Email RSS" href="http://feeds.feedburner.com/<span style="color: red;">contohblognih</span>">Email</a><br /><br /></div><br /><span style=" line-height:0px; font-size:8px; font-weight:bold; margin-left:290px;"><br /><a style="color:#D3D3D3;" href="http://fayedanielsbbw.blogspot.com">Samakaki widget</a></span><br /></div><br /></div><br /></div><br /></div></div></div></div><div><br /></div>3. Jangan lupa, ganti <span style="color: red;">teks warna merah</span> dengan versi Anda.<br /><div>4. Save!</div><div><br />Jika mau yang lebih sederhana, tapi tak kalah cantik dan keren, gunakan seperti yang Samakaki pake di sidebar. Ada di posting ini > <b><a href="http://fayedanielsbbw.blogspot.com/2013/10/Cara-Membuat-Subscribe-via-Email-di-blog.html" target="_blank">Cara Memasang Kotak Email Subscribe</a></b>.<br /><br />Butuh bantuan? Just leave a comment with <a href="http://fayedanielsbbw.blogspot.com/2013/10/cara-membuat-openid-blog-untuk-komentar.html" target="_blank">OpenID Blogger Comment</a>! Jangan "nyepam" dan<a href="http://fayedanielsbbw.blogspot.com/2014/04/cara-menghapus-link-hidup-otomatis-komentar-spam-blog.html" target="_blank"> link hidup tidak akan muncul</a>...!<br /><br />Good Luck and Happy Blogging!</div><div><br /></div></div>

Widget Email Subscription dan Akun Media Sosial Keren Nih!

Widget Email Subscription yaitu "formulir" bagi user untuk membaca update blog kita lewat inbox emailnya. Istilahnya, "berla...

Read more »

Widget Email Subscription dan Akun Media Sosial Keren Nih!

Widget <b>Email Subscription</b> yaitu "formulir" bagi user untuk membaca update blog kita lewat inbox emailnya. Istilahnya, "berlangganan posting", gratis! Akun <b>Media Sosial</b> "wajib" dipasang di blog biar user bisa follow, like, atau join akun sosmed kita.<br /><br /><div>Banyak keuntungan dengan memasang Email Subscription Widget ini. "Formulir" yang menarik bukan saja mempercantik blog, tapi juga bisa menarik minat dan perhatian pengunjung. Makin banyak "pelanggan", makin bagus buat blog --berpengaruh pada ranking Google.<br /><br />CB menemukan <b>Widget Email Subscription dan Akun Media  Sosial</b> yang keren di <a href="http://www.bloggiks.com/2013/01/cool-email-subscription-widget-with.html" rel="nofollow" target="_blank">Bloggik</a>.  Widget ini layak Anda coba dan jika suka, pasang saja di sidebar blog Anda. Ini penampakkannya:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnWm8qrBp_1YBoov3HNXU2ibOIEMsFeFIxa2kgoZOZRQJ-9Jz9YlAXM3ArPDKB8kWfbRxxSaVT7UbfTNkRpvWgpaSusB3mSiLS9mKwklm7Ztj6jOX6ZR1EMYBoeStOW9pcyaJ9xSV2N9MQ/s1600/Widget+Email+Subscription+dan+Akun+Media++Sosial+Keren.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Widget Email Subscription dan Akun Media Sosial Keren " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnWm8qrBp_1YBoov3HNXU2ibOIEMsFeFIxa2kgoZOZRQJ-9Jz9YlAXM3ArPDKB8kWfbRxxSaVT7UbfTNkRpvWgpaSusB3mSiLS9mKwklm7Ztj6jOX6ZR1EMYBoeStOW9pcyaJ9xSV2N9MQ/s1600/Widget+Email+Subscription+dan+Akun+Media++Sosial+Keren.jpg" title="Widget Email Subscription dan Akun Media Sosial Keren " /></a></div><br /><br />Cara memasangnya sangat mudah:<br />1. Di Blogger Dashboard > Klik <b>Layout</b> > <b>Add a Gadget</b> > pilih <b>HTML/Javascript Box</b>.<br />2. Copy + Paste kode berikut ini di kotak "HTML/Javascript" tadi.<br /><div><br /></div><div><div style="background-color: #f9f9f9; border: 1px solid #444; padding: 10px; text-align: left;"><style><br />body {<br />color: #434343;<br />font: 12px/20px Arial,Helvetica,sans-serif;<br />}<br />#sidebar .widget {<br />background-color: #F5F5F5;<br />margin: 15px 0;<br />padding: 4px;<br />position: relative;<br />}<br /><br />#sidebar .widget .head {<br />text-shadow: 0 1px 0 #FFFFFF;<br />}<br />#sidebar .widget .box {<br />background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBYw2h2Kaozeq8gYy_hJb5pTK-VBj51JyEGel35lsgFIqBpUB7lr154FO8Vg8KfPYoWOwsLKQXL_gIS9C9QRkrj8l5UxhFXNESct4oEjiwyyDgToo5rAli8tTI8mappV0sIrGT3FfL41k/s1600/sidebar_bg.png") repeat-x scroll left bottom transparent;<br />padding: 8px;<br />}<br />#sidebar .widget .box-out {<br />background-color: #FFFFFF;<br />border-bottom: 1px solid #E5E5E5;<br />padding: 1px;<br />}<br />.clearfix:after {<br />clear: both;<br />content: " ";<br />display: block;<br />font-size: 0;<br />height: 0;<br />line-height: 0;<br />visibility: hidden;<br />width: 0;<br />}<br />#sidebar .widget .box {<br />background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBYw2h2Kaozeq8gYy_hJb5pTK-VBj51JyEGel35lsgFIqBpUB7lr154FO8Vg8KfPYoWOwsLKQXL_gIS9C9QRkrj8l5UxhFXNESct4oEjiwyyDgToo5rAli8tTI8mappV0sIrGT3FfL41k/s1600/sidebar_bg.png") repeat-x scroll left bottom transparent;<br />padding: 8px;<br />}<br />.clearfix {<br />display: block;<br />}<br />.clearfix {<br />display: inline-block;<br />}<br />.clearfix:after {<br />clear: both;<br />content: " ";<br />display: block;<br />font-size: 0;<br />height: 0;<br />line-height: 0;<br />visibility: hidden;<br />width: 0;<br />}<br />.email_rss {<br />border-bottom: 1px solid #E5E5E5;<br />margin-bottom: 5px;<br />position: relative;<br />}<br />.social_links, .email_rss {<br />padding: 5px 0 10px;<br />width: 100%;<br />}<br />.clearfix {<br />display: block;<br />}<br />.fan_box {<br />background-color: #F5F5F5;<br />margin: 15px 0;<br />padding: 4px;<br />position: relative;<br />}<br />.fan_box .full_widget {<br />background-color: #FFFFFF;<br />border: 1px solid #E5E5E5;<br />}<br />.fan_box .full_widget .connect_top {<br />background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBYw2h2Kaozeq8gYy_hJb5pTK-VBj51JyEGel35lsgFIqBpUB7lr154FO8Vg8KfPYoWOwsLKQXL_gIS9C9QRkrj8l5UxhFXNESct4oEjiwyyDgToo5rAli8tTI8mappV0sIrGT3FfL41k/s1600/sidebar_bg.png") repeat-x scroll left bottom transparent;<br />padding: 8px;<br />}<br />.fan_box .full_widget .connections {<br />background-color: #FFFFFF;<br />border-bottom: 1px solid #E5E5E5;<br />padding: 5px 1px 1px;<br />}<br />.fan_box .full_widget .connections_grid {<br />background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBYw2h2Kaozeq8gYy_hJb5pTK-VBj51JyEGel35lsgFIqBpUB7lr154FO8Vg8KfPYoWOwsLKQXL_gIS9C9QRkrj8l5UxhFXNESct4oEjiwyyDgToo5rAli8tTI8mappV0sIrGT3FfL41k/s1600/sidebar_bg.png") repeat-x scroll left bottom transparent;<br />padding: 6px;<br />}<br />.fan_box .full_widget .connections .total {<br />margin: 4px 0 4px 8px;<br />}<br />.fan_box .profileimage {<br />background-color: #FFFFFF;<br />border: 1px solid #E5E5E5;<br />display: inline;<br />margin-right: 10px;<br />padding: 5px;<br />}<br />.fan_box .full_widget .connections_grid a img {<br />border: 1px solid #FFFFFF;<br />}<br />.fan_box .full_widget .connections_grid a img:hover {<br />border: 1px solid #000000;<br />}<br />.social_links, .email_rss {<br />padding: 5px 0 10px;<br />width: 100%;<br />}<br />.social_links a {<br />background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEtUK_521Sblqhjrx4f_w8IhFoFOtaDfqRAb_Fs_xfa6y8nOE4b6wCfOLa7mWmFPL_CqEbM5chIH5eV3aY4jTmo5bO6sL-UCF-lxqoaPfi8xte8FZI47j0ECAfLzcApFDelW3BoMtLP0Y/s1600/social.png");<br />background-repeat: no-repeat;<br />color: #999999;<br />display: inline;<br />float: left;<br />font-size: 11px;<br />margin-bottom: 0;<br />padding-top: 45px;<br />text-align: center;<br />text-decoration: none;<br />width: 67px;<br />}<br />.social_links a:hover {<br />color: #000000;<br />text-decoration: underline;<br />}<br />a#side_fb {<br />background-position: -173px 0;<br />}<br />a#side_tw {<br />background-position: -81px 0;<br />}<br />a#side_rss {<br />background-position: 8px 0;<br />}<br />a#side_email {<br />background-position: -267px 0;<br />}<br />#geek {<br />background: url("4.bp.blogspot.com/-JJL5i3WAtEA/UDip4G3DxhI/AAAAAAAAF7A/fa1vmnxMt38/s1600/social.png") no-repeat scroll -387px -363px transparent;<br />bottom: -1px;<br />display: block;<br />height: 117px;<br />position: absolute;<br />right: -22px;<br />text-indent: -9999em;<br />width: 94px;<br />}<br />.email_rss {<br />border-bottom: 1px solid #E5E5E5;<br />margin-bottom: 5px;<br />position: relative;<br />}<br />.email_rss span {<br />font-size: 11px;<br />}<br />#subscribe-form {<br />margin-top: 5px;<br />}<br />#subscribe-form #newsletter {<br />border: 1px solid #CCCCCC;<br />padding: 5px;<br />width: 150px;<br />}<br />#subscribe-form #newsletter:focus {<br />background-color: #F5F2D3;<br />border: 1px solid #000000;<br />}<br />#subscribe-form .btn {<br />background-color: #7EB4CF;<br />border: 1px solid #2F6A89;<br />box-shadow: 3px 3px 0 #6DA5C1 inset, -3px -3px 0 #6DA5C1 inset;<br />color: #FFFFFF;<br />cursor: pointer;<br />display: inline;<br />float: right;<br />font-size: 12px;<br />font-weight: 900;<br />line-height: 12px;<br />padding: 5px 8px;<br />position: relative;<br />text-shadow: 0 1px 0 #000000;<br />z-index: 999;<br />}<br />#subscribe-form .btn:hover {<br />background-color: #4E9CC4;<br />}<br />#subscribe-form span {<br />background-color: #F5F5F5;<br />display: inline;<br />float: left;<br />margin-right: 10px;<br />padding: 3px;<br />}<br /><br />h3 {<br />font-family: MgOpenModata;<br /><br />font-weight: 400;<br />}<br />#sidebar .widget .head p {<br />color: #999999;<br />font-size: 11px;<br />line-height: 15px;<br />padding: 0;<br />}<br /></style><br /><br /><div id="counter" class="widget"><br /><div class="inner clearfix"><br /><div class="box-out"><br /><div class="head box"><br /><h3>Subscribe</h3><br /><p>Subscribe to and follow bloggiks to get the latest updates.</p><br /></div><br /></div><br /><div class="side_cont box-out clearfix"><br /><div class="box clearfix"><br /><div class="email_rss clearfix"><br /><span>Sign up for bloggiks news sent to your inbox</span><br /><br /><form id="subscribe-form" class="clearfix" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri='<span style="color: red;">contohblognih</span>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><br /><input id="newsletter" class="txt" type="text" name="email"/><input type="hidden" value="<span style="color: red;">contohblognih</span>" name="uri"/><input type="hidden" name="loc" value="en_US"/><input class="btn" type="submit" value="Subscribe" /></form><br /></div><br /><br /><div><div class="social_links clearfix"><br /><a id="side_fb" class="png_bg dysocial" rel="nofollow" title="Join Us on Facebook" href="<span style="color: red;">Facebook page URL</span>" >Facebook</a><br /><br /><a id="side_tw" class="png_bg dysocial" rel="nofollow" title="Follow Us on Twitter" href="<span style="color: red;">Twitter URL</span>" >Twitter</a><br /><br /><a id="side_rss" class="png_bg dysocial" rel="nofollow" title="Subscribe to via RSS" href="<span style="color: red;">RSS URL</span>" >RSS</a><br /><br /><a id="side_email" class="png_bg dysocial" rel="nofollow" title="Subscribe via Email RSS" href="http://feeds.feedburner.com/<span style="color: red;">contohblognih</span>">Email</a><br /><br /></div><br /><span style=" line-height:0px; font-size:8px; font-weight:bold; margin-left:290px;"><br /><a style="color:#D3D3D3;" href="http://contohblognih.blogspot.com">cb widget</a></span><br /></div><br /></div><br /></div><br /></div></div></div></div><div><br /></div>3. Jangan lupa, ganti <span style="color: red;">teks warna merah</span> dengan versi Anda.<br /><div>4. Save!</div><div><br />Jika mau yang lebih sederhana, tapi tak kalah cantik dan keren, gunakan seperti yang CB pake di sidebar. Ada di posting ini > <b><a href="http://contohblognih.blogspot.com/2013/10/Cara-Membuat-Subscribe-via-Email-di-blog.html" target="_blank">Cara Memasang Kotak Email Subscribe</a></b>.<br /><br />Butuh bantuan? Just leave a comment with <a href="http://contohblognih.blogspot.com/2013/10/cara-membuat-openid-blog-untuk-komentar.html" target="_blank">OpenID Blogger Comment</a>! Jangan "nyepam" dan<a href="http://contohblognih.blogspot.com/2014/04/cara-menghapus-link-hidup-otomatis-komentar-spam-blog.html" target="_blank"> link hidup tidak akan muncul</a>...!<br /><br />Good Luck and Happy Blogging!</div><div><br /></div></div>

Widget Email Subscription dan Akun Media Sosial Keren Nih!

Widget Email Subscription yaitu "formulir" bagi user untuk membaca update blog kita lewat inbox emailnya. Istilahnya, "berla...

Read more »