Template Blog Responsif Minimalis untuk Blog Foto dan Bisnis Jasa

<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/AVvXsEjV6kjEO98Uwqt9wn2cfOCpYePCQCZC-kVVbYTC3yWRAEhWum-GPe15OnR2jWvOyOuarDCXkKUyhL0ShaZVNpnHrVa-FLTmuRa21RN0zqVVyTZeaajMcz9gbkHEVLO6YURrS5YmeEmokqDK/s1600/shotmage_responsive_photograpy-blogger_template.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Template Blog Responsif Minimalis untuk Blog Foto dan Bisnis Jasa" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV6kjEO98Uwqt9wn2cfOCpYePCQCZC-kVVbYTC3yWRAEhWum-GPe15OnR2jWvOyOuarDCXkKUyhL0ShaZVNpnHrVa-FLTmuRa21RN0zqVVyTZeaajMcz9gbkHEVLO6YURrS5YmeEmokqDK/s1600/shotmage_responsive_photograpy-blogger_template.jpg" title="Template Blog Responsif Minimalis untuk Blog Foto dan Bisnis Jasa" width="320" /></a></div><b>SEBELUMNYA</b> Samakaki sudah berbagi tentang <a href="http://fayedanielsbbw.blogspot.com/2014/03/Template-Blog-SEO-untuk-Blog-Foto-dan-Video.html" target="_blank">Template Blog SEO untuk Blog Foto dan Video</a>. Kali ini kembali Samakaki berbagi template sejenis, namun yang ini sangat <b>Responsif dan Cepat</b> (<i>Responsive and Fast Loading Blogger</i>) selain SEO Friendly. Namanya ShotMag - ShotMag – Minimalist Blogger Template for Photoblog.<br /><br />Meski didesain untuk blog foto, menurut Samakaki, template ini juga cocok banget untuk blog bisnis, terutama bisnis jasa, misalnya jasa pembuatan website atau jasa service lainnya.<br /><br />Slideshow atau Image Slider di halaman depan template ini sangat pas untuk <b><i>branding </i></b>produk/jasa Anda!<br /><br />Konsepnya yang minimalis membuat template blog ini juga cocok buat personal blog (blog pribadi) atau blog portfolio.<br /><br /><b>Features</b><br /><ol><li>Responsive</li><li>Big and Easy Slider</li><li>Separate Home and Blog template</li><li>SEO Friendly</li><li>Styled Admin Layout</li><li>Easy change color</li><li>Easy upload logo and drop-down menu</li><li>And more…</li></ol><b>SEO Friendly and Fast Loading</b><br />Kecepatan tampilan (fast loading) template untuk blog foto ini luarr biasa! Menurut percaya GT Metrix, Page Speed Grade template blog ini A (92%) dan BYSlow Grade-nya B (82%). Mantap 'kan?<br /><br />Ini dia Screen Shotnya:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMOYutQRF8mA-xb6M07mHzH08iioMdLuRpvQuKqFGtj_-hWjfBHT2zio8WUzIdAh33KZ0PtlmmlY3AWX4gq8h4s8MCbdFO8gY6ziFd9fIAOj3AUqGW6h8McaLoJtwcyJE1ok6UA0_1aWdz/s1600/ShotMag+Respinsive+Photo+Blogger+Template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Minimalist Blogger Template for Photoblog." border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMOYutQRF8mA-xb6M07mHzH08iioMdLuRpvQuKqFGtj_-hWjfBHT2zio8WUzIdAh33KZ0PtlmmlY3AWX4gq8h4s8MCbdFO8gY6ziFd9fIAOj3AUqGW6h8McaLoJtwcyJE1ok6UA0_1aWdz/s1600/ShotMag+Respinsive+Photo+Blogger+Template.jpg" title="Minimalist Blogger Template for Photoblog." /></a></div><br /><br /><i>Link > http://gtmetrix.com/reports/shotmagtemplate.blogspot.com/P8NXeQR</i>I<br /><br />Mau? Silakan.... Gratis!<br /><br /><ul><li><b><a href="http://shotmagtemplate.blogspot.com/" rel="nofollow" target="_blank">DEMO</a></b></li><li><b><a href="http://infopelatihankomunikasi.blogspot.com/" target="_blank">DEMO HASIL MODIF Samakaki BLOGGER</a></b></li><li><b><a href="http://bloggeritems.com/wp-content/uploads/2013/07/shotmag_blogger_template_version_1.0.zip" rel="nofollow" target="_blank">DOWNLOAD</a></b></li><li><a href="http://bloggeritems.com/templates/shotmag-minimalist-blogger-template-for-photoblog" rel="nofollow" target="_blank"><b>CARA INSTALL/SETTING</b></a></li></ul>

Template Blog Responsif Minimalis untuk Blog Foto dan Bisnis Jasa

SEBELUMNYA Samakaki sudah berbagi tentang Template Blog SEO untuk Blog Foto dan Video . Kali ini kembali Samakaki berbagi template sejenis,...

Read more »

Template Blog Responsif Minimalis untuk Blog Foto dan Bisnis Jasa

<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/AVvXsEjV6kjEO98Uwqt9wn2cfOCpYePCQCZC-kVVbYTC3yWRAEhWum-GPe15OnR2jWvOyOuarDCXkKUyhL0ShaZVNpnHrVa-FLTmuRa21RN0zqVVyTZeaajMcz9gbkHEVLO6YURrS5YmeEmokqDK/s1600/shotmage_responsive_photograpy-blogger_template.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Template Blog Responsif Minimalis untuk Blog Foto dan Bisnis Jasa" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV6kjEO98Uwqt9wn2cfOCpYePCQCZC-kVVbYTC3yWRAEhWum-GPe15OnR2jWvOyOuarDCXkKUyhL0ShaZVNpnHrVa-FLTmuRa21RN0zqVVyTZeaajMcz9gbkHEVLO6YURrS5YmeEmokqDK/s1600/shotmage_responsive_photograpy-blogger_template.jpg" title="Template Blog Responsif Minimalis untuk Blog Foto dan Bisnis Jasa" width="320" /></a></div><b>SEBELUMNYA</b> CB sudah berbagi tentang <a href="http://contohblognih.blogspot.com/2014/03/Template-Blog-SEO-untuk-Blog-Foto-dan-Video.html" target="_blank">Template Blog SEO untuk Blog Foto dan Video</a>. Kali ini kembali CB berbagi template sejenis, namun yang ini sangat <b>Responsif dan Cepat</b> (<i>Responsive and Fast Loading Blogger</i>) selain SEO Friendly. Namanya ShotMag - ShotMag – Minimalist Blogger Template for Photoblog.<br /><br />Meski didesain untuk blog foto, menurut CB, template ini juga cocok banget untuk blog bisnis, terutama bisnis jasa, misalnya jasa pembuatan website atau jasa service lainnya.<br /><br />Slideshow atau Image Slider di halaman depan template ini sangat pas untuk <b><i>branding </i></b>produk/jasa Anda!<br /><br />Konsepnya yang minimalis membuat template blog ini juga cocok buat personal blog (blog pribadi) atau blog portfolio.<br /><br /><b>Features</b><br /><ol><li>Responsive</li><li>Big and Easy Slider</li><li>Separate Home and Blog template</li><li>SEO Friendly</li><li>Styled Admin Layout</li><li>Easy change color</li><li>Easy upload logo and drop-down menu</li><li>And more…</li></ol><b>SEO Friendly and Fast Loading</b><br />Kecepatan tampilan (fast loading) template untuk blog foto ini luarr biasa! Menurut percaya GT Metrix, Page Speed Grade template blog ini A (92%) dan BYSlow Grade-nya B (82%). Mantap 'kan?<br /><br />Ini dia Screen Shotnya:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMOYutQRF8mA-xb6M07mHzH08iioMdLuRpvQuKqFGtj_-hWjfBHT2zio8WUzIdAh33KZ0PtlmmlY3AWX4gq8h4s8MCbdFO8gY6ziFd9fIAOj3AUqGW6h8McaLoJtwcyJE1ok6UA0_1aWdz/s1600/ShotMag+Respinsive+Photo+Blogger+Template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Minimalist Blogger Template for Photoblog." border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMOYutQRF8mA-xb6M07mHzH08iioMdLuRpvQuKqFGtj_-hWjfBHT2zio8WUzIdAh33KZ0PtlmmlY3AWX4gq8h4s8MCbdFO8gY6ziFd9fIAOj3AUqGW6h8McaLoJtwcyJE1ok6UA0_1aWdz/s1600/ShotMag+Respinsive+Photo+Blogger+Template.jpg" title="Minimalist Blogger Template for Photoblog." /></a></div><br /><br /><i>Link > http://gtmetrix.com/reports/shotmagtemplate.blogspot.com/P8NXeQR</i>I<br /><br />Mau? Silakan.... Gratis!<br /><br /><ul><li><b><a href="http://shotmagtemplate.blogspot.com/" rel="nofollow" target="_blank">DEMO</a></b></li><li><b><a href="http://infopelatihankomunikasi.blogspot.com/" target="_blank">DEMO HASIL MODIF CB BLOGGER</a></b></li><li><b><a href="http://bloggeritems.com/wp-content/uploads/2013/07/shotmag_blogger_template_version_1.0.zip" rel="nofollow" target="_blank">DOWNLOAD</a></b></li><li><a href="http://bloggeritems.com/templates/shotmag-minimalist-blogger-template-for-photoblog" rel="nofollow" target="_blank"><b>CARA INSTALL/SETTING</b></a></li></ul>

Template Blog Responsif Minimalis untuk Blog Foto dan Bisnis Jasa

SEBELUMNYA CB sudah berbagi tentang Template Blog SEO untuk Blog Foto dan Video . Kali ini kembali CB berbagi template sejenis, namun yang ...

Read more »

Cara Membuat Dua Kolom Iklan Adsense di Bawah Posting Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAjzXlfF0Vf-bE3CiJYu5Tmsvjh_5Ls8kNRhfqEWPANkwGTn3kTT9kuSCWxy7xP9V0eSgzzKBLGFORxQN4tmHR3txcWqs6VHyLnRPYIK13J9n82HbT6G6mFcebzD7d8qcQ3SQ2SZGTokzW/s1600/dua+kolom+adsense.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Membuat Dua Kolom Adsense di Bawah Posting Blog" border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAjzXlfF0Vf-bE3CiJYu5Tmsvjh_5Ls8kNRhfqEWPANkwGTn3kTT9kuSCWxy7xP9V0eSgzzKBLGFORxQN4tmHR3txcWqs6VHyLnRPYIK13J9n82HbT6G6mFcebzD7d8qcQ3SQ2SZGTokzW/s1600/dua+kolom+adsense.jpg" title="Cara Membuat Dua Kolom Adsense di Bawah Posting Blog" width="320" /></a></div><b>KALI </b>ini Samakaki akan berbagi tentang cara membuat dua kolom adsense (kolom iklan) di dawah posting blog. Samakaki sendiri hanya pergunakan satu kolom untuk Google Adsense dan satu kolom lagi buat Related Posts (Posting Terkait) dan tombol link ke akun media sosial, seperti tampak di akhir postingan ini.<br /><br />Dua kolom iklan atau kolom adsense ini juga bisa kita pasang tepat di bawah judul posting --sebelum alinea pertama tulisan.<br /><br />Cara membuat dua kolom adsense di bawah posting blog atau di bawah judul tulisan sangat mudah, hanya dalam satu langkah, yaitu dengan menambah kode kolom. Thanks to <a href="http://www.helpmeblogging.com/2013/03/how-to-add-two-column-adsense-ads-just.html" rel="nofollow" target="_blank">Help Me Blogging</a> for this great code.<br /><br /><div>1. Di Dashboard Blog, klik menu <b>Template</b><br />2. Klik <b>Edit HTML</b>.<br />3. Cari atau temukan (CTRL+F) kode <b><data:post.body/></b></div><div>4. Copy+Paste kode berikut ini <u>di bawah</u> kode tersebut.<br /><br /></div><div><div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;"><table border='0' cellpadding='0' cellspacing='0' color='#ffffff' width='<span style="color: #6aa84f;">600</span>'><br /><tr><br /><td align='center' style='background-color: #ffffff; padding: 5px;' width='<span style="color: #6aa84f;">300</span>'><br /><span style="color: red;">KODE IKLAN/ADSENSE DI SINI</span><br /></td><br /><br /><td align='left' style='background-color: #ffffff; padding: 5px;' width='<span style="color: #6aa84f;">300</span>'><br /><span style="color: red;">KODE IKLAN/ADSENSE DI SINI</span><br /></td><br /></tr><br /></table></div><br /></div><b>CATATAN!</b><br /><div><ol><li>Jika di template Anda ada lebih dari satu kode <data:post.body/> , paste kode tersebut <u>di bawah</u> kode yang <b>kedua</b>. Jika gagal, coba yang ketiga. Samakaki sendiri meletakkan kode tersebut setelah kode "AddThis" (Social Share).</li><li>Dua kolom tersebut bisa juga <b>diletakkan di bawah judul </b>posting. Caraya, copy+paste kode tersebut <u>di atas</u> the <data:post.body/> </li><li>Sebelum dipasang di kedua kolom tersebut, kode HTML iklan Anda harus di-parse dulu di <a href="http://www.blogcrowds.com/resources/parse_html.php" rel="nofollow" target="_blank">Parse Blogcrowds</a>.</li><li>Anda bisa gunakan kedua kolom tersebut untuk apa saja, dengan catatan kodenya harus di-parse dulu. Bisa juga diisi gambar dengan memasukkan link gambar ke sana, seperti <a href='url link jika gambar diklik'><img src='url link gambar'/></a></li><li>Tentu, jangan lupa <b>Save Template</b> dan... Good luck!</li></ol></div><div><br /></div>

Cara Membuat Dua Kolom Iklan Adsense di Bawah Posting Blog

KALI ini Samakaki akan berbagi tentang cara membuat dua kolom adsense (kolom iklan) di dawah posting blog. Samakaki sendiri hanya pergunakan...

Read more »

Cara Membuat Dua Kolom Iklan Adsense di Bawah Posting Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAjzXlfF0Vf-bE3CiJYu5Tmsvjh_5Ls8kNRhfqEWPANkwGTn3kTT9kuSCWxy7xP9V0eSgzzKBLGFORxQN4tmHR3txcWqs6VHyLnRPYIK13J9n82HbT6G6mFcebzD7d8qcQ3SQ2SZGTokzW/s1600/dua+kolom+adsense.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Membuat Dua Kolom Adsense di Bawah Posting Blog" border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAjzXlfF0Vf-bE3CiJYu5Tmsvjh_5Ls8kNRhfqEWPANkwGTn3kTT9kuSCWxy7xP9V0eSgzzKBLGFORxQN4tmHR3txcWqs6VHyLnRPYIK13J9n82HbT6G6mFcebzD7d8qcQ3SQ2SZGTokzW/s1600/dua+kolom+adsense.jpg" title="Cara Membuat Dua Kolom Adsense di Bawah Posting Blog" width="320" /></a></div><b>KALI </b>ini CB akan berbagi tentang cara membuat dua kolom adsense (kolom iklan) di dawah posting blog. CB sendiri hanya pergunakan satu kolom untuk Google Adsense dan satu kolom lagi buat Related Posts (Posting Terkait) dan tombol link ke akun media sosial, seperti tampak di akhir postingan ini.<br /><br />Dua kolom iklan atau kolom adsense ini juga bisa kita pasang tepat di bawah judul posting --sebelum alinea pertama tulisan.<br /><br />Cara membuat dua kolom adsense di bawah posting blog atau di bawah judul tulisan sangat mudah, hanya dalam satu langkah, yaitu dengan menambah kode kolom. Thanks to <a href="http://www.helpmeblogging.com/2013/03/how-to-add-two-column-adsense-ads-just.html" rel="nofollow" target="_blank">Help Me Blogging</a> for this great code.<br /><br /><div>1. Di Dashboard Blog, klik menu <b>Template</b><br />2. Klik <b>Edit HTML</b>.<br />3. Cari atau temukan (CTRL+F) kode <b><data:post.body/></b></div><div>4. Copy+Paste kode berikut ini <u>di bawah</u> kode tersebut.<br /><br /></div><div><div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;"><table border='0' cellpadding='0' cellspacing='0' color='#ffffff' width='<span style="color: #6aa84f;">600</span>'><br /><tr><br /><td align='center' style='background-color: #ffffff; padding: 5px;' width='<span style="color: #6aa84f;">300</span>'><br /><span style="color: red;">KODE IKLAN/ADSENSE DI SINI</span><br /></td><br /><br /><td align='left' style='background-color: #ffffff; padding: 5px;' width='<span style="color: #6aa84f;">300</span>'><br /><span style="color: red;">KODE IKLAN/ADSENSE DI SINI</span><br /></td><br /></tr><br /></table></div><br /></div><b>CATATAN!</b><br /><div><ol><li>Jika di template Anda ada lebih dari satu kode <data:post.body/> , paste kode tersebut <u>di bawah</u> kode yang <b>kedua</b>. Jika gagal, coba yang ketiga. CB sendiri meletakkan kode tersebut setelah kode "AddThis" (Social Share).</li><li>Dua kolom tersebut bisa juga <b>diletakkan di bawah judul </b>posting. Caraya, copy+paste kode tersebut <u>di atas</u> the <data:post.body/> </li><li>Sebelum dipasang di kedua kolom tersebut, kode HTML iklan Anda harus di-parse dulu di <a href="http://www.blogcrowds.com/resources/parse_html.php" rel="nofollow" target="_blank">Parse Blogcrowds</a>.</li><li>Anda bisa gunakan kedua kolom tersebut untuk apa saja, dengan catatan kodenya harus di-parse dulu. Bisa juga diisi gambar dengan memasukkan link gambar ke sana, seperti <a href='url link jika gambar diklik'><img src='url link gambar'/></a></li><li>Tentu, jangan lupa <b>Save Template</b> dan... Good luck!</li></ol></div><div><br /></div>

Cara Membuat Dua Kolom Iklan Adsense di Bawah Posting Blog

KALI ini CB akan berbagi tentang cara membuat dua kolom adsense (kolom iklan) di dawah posting blog. CB sendiri hanya pergunakan satu kolom ...

Read more »

Cara Daftar dan Pasang Kode Google Analytics di Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjObi5bW03dSzt3IRL77unWwgrYiQie2M-3dZzi1X8TzNF-n5KdtU4OJXmsvKvNgXi4Sig1Jd5LGVvA7dFjCVfhtfbrS4Vw471dQUofrhQRxTVuujGZJrtLp71ZY8Mwb0XVc7lYDszHdwd7/s1600/Google-Analytics.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Daftar dan Pasang Kode Google Analytics di Blog" border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjObi5bW03dSzt3IRL77unWwgrYiQie2M-3dZzi1X8TzNF-n5KdtU4OJXmsvKvNgXi4Sig1Jd5LGVvA7dFjCVfhtfbrS4Vw471dQUofrhQRxTVuujGZJrtLp71ZY8Mwb0XVc7lYDszHdwd7/s1600/Google-Analytics.jpg" title="Cara Daftar dan Pasang Kode Google Analytics di Blog" width="320" /></a></div>Google Analytics adalah layanan gratis dari Google yang menampilkan statistik pengunjung sebuah situs web. (Wikipedia). Google Analytic versi" <a href="http://blogger.com/" rel="nofollow" target="_blank">blogspot</a> sebenarnya sudah ada, di menu Statistik di Dashboard, sehingga "tidak harus" mendaftar dan pasang kode Google Analytic di blog blogspot.<br /><div><br /></div><div>Namun, sebagai pembanding dan pelengkap, sebaiknya kita daftar dan pasang kode Google Analytic di blog, sekaligus agar blog kita "semakin akrab" dengan Google.<br /><div><br />Google Analytics menyajikan data lengkap tentang blog, mulai datail pengunjung hingga posting yang paling banyak dikunjungi.</div><div><br /></div><blockquote class="tr_bq">Google Analytics helps you analyze visitor traffic and paint a complete picture of your audience and their needs. It gives us detailed statistics about a website's traffic and traffic sources.</blockquote><div><br />Di sana ada data total kunjungan, total pengunjung, pageviews, pengunjung baru, pengunjung setia (returning visitors), rata-rata waktu yang dihabiskan oleh pengunjung dalam membuka blog kita, asal negara pengunjung, bahasa yang digunakan pengunjung, jenis browser dan OS yang digunakan, sumber trafik, keyword yang menjadi sumber trafik, dan banyak lagi.</div><div><br />Anda sudah punya akun Google Analytic, mendaftarkan blog, dan memasang kode skripnya? Jika sudah, tidak usah lanjutkan baca posting ini. Jika belum, silakan lanjutkan...!</div></div><div><br /></div><div><b>Cara Daftar dan Pasang Kode Google Analytics</b></div><div>1. Masuk ke Akun Google atau Blogger.</div><div>2. Buka <a href="http://www.google.com/analytics/%E2%80%8E" rel="nofollow" target="_blank">Google Analytics</a></div><div>3. Daftarkan Blog Anda. Isi "formulir" yang ada dengan teliti.</div><div>4. Pasang Kodenya di Blog.</div><div><br /></div><div>Punya Samakaki kodenya ini. Punya Anda juga pasti kayak gini:</div><div><br /><div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;"><div><script></div><div>  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){</div><div>  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),</div><div>  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)</div><div>  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');</div><div><br /></div><div>  ga('create', '<span style="color: red;">KODE DI SINI</span>', '<span style="color: red;">nama blog di sini</span>');</div><div>  ga('send', 'pageview');</div><div><br /></div><div></script></div></div></div><div><div><br /></div><div>Copas atau simpan kode tersebut tepat <b>sebelum</b> kode </head> di template Anda.<br /><br />Anda yang sudah pernah mendaftar ke Google Analytic, tapi belum pasang kodenya di blog, dapatkan kode tersebut di menu "Admin" > "Tracking info". Lihat gambar berikut ini:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3QNE2IxRD7ZpL5i5qqv-X6QkYekXIik_p0T1sWz0Urn5muWLwFExRdVo2T9q9Zehxr7KVqjO_bUcOLkyhvovaX0O0lBw27yZGHJP-WnbFaB1YWNAmi9kCAjXoi3cRRsZ0Sv2gExOxL9BN/s1600/memasang+kode+google+analytic.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Daftar dan Pasang Kode Google Analytics di Blog" border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3QNE2IxRD7ZpL5i5qqv-X6QkYekXIik_p0T1sWz0Urn5muWLwFExRdVo2T9q9Zehxr7KVqjO_bUcOLkyhvovaX0O0lBw27yZGHJP-WnbFaB1YWNAmi9kCAjXoi3cRRsZ0Sv2gExOxL9BN/s1600/memasang+kode+google+analytic.jpg" title="Cara Daftar dan Pasang Kode Google Analytics di Blog" width="640" /></a></div><br /><br />Jika sudah daftar dan pasang kode Google Analytic, Anda bisa cek data pembaca blog Anda kapan saja, minimal sebulan sekali. Caranya? Ya... masuk ke akun Google Analytic dong....! ^_^ Good luck and happy blogging!<br /><br /><b>UPDATE! </b>Wuahaha ha... lupa, ternyata Samakaki sudah pernah <a href="http://fayedanielsbbw.blogspot.com/2014/04/cara-memasang-tracking-code-google.html" target="_blank">Posting soal Google Analytic</a> ini sebelumnya, cuma judulnya ada kata kunci "Pasang Tracking Code".<i> Rapopo </i>deh.... jadi dobel posting ^_^ </div></div>

Cara Daftar dan Pasang Kode Google Analytics di Blog

Google Analytics adalah layanan gratis dari Google yang menampilkan statistik pengunjung sebuah situs web. (Wikipedia). Google Analytic vers...

Read more »

Cara Daftar dan Pasang Kode Google Analytics di Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjObi5bW03dSzt3IRL77unWwgrYiQie2M-3dZzi1X8TzNF-n5KdtU4OJXmsvKvNgXi4Sig1Jd5LGVvA7dFjCVfhtfbrS4Vw471dQUofrhQRxTVuujGZJrtLp71ZY8Mwb0XVc7lYDszHdwd7/s1600/Google-Analytics.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Daftar dan Pasang Kode Google Analytics di Blog" border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjObi5bW03dSzt3IRL77unWwgrYiQie2M-3dZzi1X8TzNF-n5KdtU4OJXmsvKvNgXi4Sig1Jd5LGVvA7dFjCVfhtfbrS4Vw471dQUofrhQRxTVuujGZJrtLp71ZY8Mwb0XVc7lYDszHdwd7/s1600/Google-Analytics.jpg" title="Cara Daftar dan Pasang Kode Google Analytics di Blog" width="320" /></a></div>Google Analytics adalah layanan gratis dari Google yang menampilkan statistik pengunjung sebuah situs web. (Wikipedia). Google Analytic versi" <a href="http://blogger.com/" rel="nofollow" target="_blank">blogspot</a> sebenarnya sudah ada, di menu Statistik di Dashboard, sehingga "tidak harus" mendaftar dan pasang kode Google Analytic di blog blogspot.<br /><div><br /></div><div>Namun, sebagai pembanding dan pelengkap, sebaiknya kita daftar dan pasang kode Google Analytic di blog, sekaligus agar blog kita "semakin akrab" dengan Google.<br /><div><br />Google Analytics menyajikan data lengkap tentang blog, mulai datail pengunjung hingga posting yang paling banyak dikunjungi.</div><div><br /></div><blockquote class="tr_bq">Google Analytics helps you analyze visitor traffic and paint a complete picture of your audience and their needs. It gives us detailed statistics about a website's traffic and traffic sources.</blockquote><div><br />Di sana ada data total kunjungan, total pengunjung, pageviews, pengunjung baru, pengunjung setia (returning visitors), rata-rata waktu yang dihabiskan oleh pengunjung dalam membuka blog kita, asal negara pengunjung, bahasa yang digunakan pengunjung, jenis browser dan OS yang digunakan, sumber trafik, keyword yang menjadi sumber trafik, dan banyak lagi.</div><div><br />Anda sudah punya akun Google Analytic, mendaftarkan blog, dan memasang kode skripnya? Jika sudah, tidak usah lanjutkan baca posting ini. Jika belum, silakan lanjutkan...!</div></div><div><br /></div><div><b>Cara Daftar dan Pasang Kode Google Analytics</b></div><div>1. Masuk ke Akun Google atau Blogger.</div><div>2. Buka <a href="http://www.google.com/analytics/%E2%80%8E" rel="nofollow" target="_blank">Google Analytics</a></div><div>3. Daftarkan Blog Anda. Isi "formulir" yang ada dengan teliti.</div><div>4. Pasang Kodenya di Blog.</div><div><br /></div><div>Punya CB kodenya ini. Punya Anda juga pasti kayak gini:</div><div><br /><div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;"><div><script></div><div>  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){</div><div>  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),</div><div>  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)</div><div>  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');</div><div><br /></div><div>  ga('create', '<span style="color: red;">KODE DI SINI</span>', '<span style="color: red;">nama blog di sini</span>');</div><div>  ga('send', 'pageview');</div><div><br /></div><div></script></div></div></div><div><div><br /></div><div>Copas atau simpan kode tersebut tepat <b>sebelum</b> kode </head> di template Anda.<br /><br />Anda yang sudah pernah mendaftar ke Google Analytic, tapi belum pasang kodenya di blog, dapatkan kode tersebut di menu "Admin" > "Tracking info". Lihat gambar berikut ini:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3QNE2IxRD7ZpL5i5qqv-X6QkYekXIik_p0T1sWz0Urn5muWLwFExRdVo2T9q9Zehxr7KVqjO_bUcOLkyhvovaX0O0lBw27yZGHJP-WnbFaB1YWNAmi9kCAjXoi3cRRsZ0Sv2gExOxL9BN/s1600/memasang+kode+google+analytic.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Daftar dan Pasang Kode Google Analytics di Blog" border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3QNE2IxRD7ZpL5i5qqv-X6QkYekXIik_p0T1sWz0Urn5muWLwFExRdVo2T9q9Zehxr7KVqjO_bUcOLkyhvovaX0O0lBw27yZGHJP-WnbFaB1YWNAmi9kCAjXoi3cRRsZ0Sv2gExOxL9BN/s1600/memasang+kode+google+analytic.jpg" title="Cara Daftar dan Pasang Kode Google Analytics di Blog" width="640" /></a></div><br /><br />Jika sudah daftar dan pasang kode Google Analytic, Anda bisa cek data pembaca blog Anda kapan saja, minimal sebulan sekali. Caranya? Ya... masuk ke akun Google Analytic dong....! ^_^ Good luck and happy blogging!<br /><br /><b>UPDATE! </b>Wuahaha ha... lupa, ternyata CB sudah pernah <a href="http://contohblognih.blogspot.com/2014/04/cara-memasang-tracking-code-google.html" target="_blank">Posting soal Google Analytic</a> ini sebelumnya, cuma judulnya ada kata kunci "Pasang Tracking Code".<i> Rapopo </i>deh.... jadi dobel posting ^_^ </div></div>

Cara Daftar dan Pasang Kode Google Analytics di Blog

Google Analytics adalah layanan gratis dari Google yang menampilkan statistik pengunjung sebuah situs web. (Wikipedia). Google Analytic vers...

Read more »

Featured Content Slider di Homepage Blog Tidak Bagus buat SEO

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl55_hBhfxrHO5Gkvws9PgAZpsNt6s_G2sHopxWWlP09_N0AuKGx6_omH5bQ16mY56jwnYqJKmPnOxpY-3NNbwZwZzlJKxfUUzTDlBup-HTOy37Ouc0NKoElyFeTPfl85Vtp8nzb5Qfang/s1600/Featured+Content+Slider+blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Featured Content Slider" border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl55_hBhfxrHO5Gkvws9PgAZpsNt6s_G2sHopxWWlP09_N0AuKGx6_omH5bQ16mY56jwnYqJKmPnOxpY-3NNbwZwZzlJKxfUUzTDlBup-HTOy37Ouc0NKoElyFeTPfl85Vtp8nzb5Qfang/s1600/Featured+Content+Slider+blog.jpg" title="Featured Content Slider" width="320" /></a></div>Featured Content Slider di homepage blog tidak bagus buat SEO dan user!  Karenanya, jika blog atau website Anda menggunakan Featured Content Slider yang juga dikenal dengan istilah Slider Image (Gambar Slide), Posts Carousel, atau Flash, hapus sekarang juga!<br /><br />Itulah kesimpulan CONTOH<span style="color: orange;">BLOG</span> (Samakaki) setelah "survei" (baca: Googling) soal Featured Content Slider di halaman depan blog.<br /><br />Bagi yang belum tahu apa itu Slider, silakan buka <a href="http://24work.blogspot.com/2012/02/17-featured-content-slider-for-blogger.html" rel="nofollow" target="_blank">Featured Content Slider for Blogger</a>. Bagi Anda yang tidak sepakat dengan judul posting ini, <i>monggo</i> pasang Slider di homepage blog Anda yang memang bisa membuat blog jadi "cantik", indah, atraktif, dan "menarik". Samakaki sendiri memilih "NO to SLIDER!"<br /><br />Baca juga ya.... :  <a href="http://fayedanielsbbw.blogspot.com/2013/04/blog-ada-ada-musik-jam-dan-flashnya.html" target="_blank">Soal Musik, Jam, dan Flas di Blog.</a><br /><br /><h3><b>Slider Tidak Bagus Buat SEO dan User</b></h3>Samakaki menggunakan tiga sumber berikut ini untuk sepakat bahwa Slider tidak bagus buat SEO dan pengunjung. Bagi Samakaki, Slider juga hanya "bikin pusing" mata user.<br /><ol><li>Search Engine Land (SEL).</li><li>Yoast</li><li>NN Group</li></ol>Ketiga situs itu menjadi rujukan dalam Teknik SEO Blog/Website.<br /><br />"<a href="http://searchengineland.com/homepage-sliders-are-bad-for-seo-usability-163496" rel="nofollow" target="_blank">Homepage Sliders: Bad For SEO, Bad For Usability</a>," kata SEL setelah mengadakan survei soal slider di sejumlah blog/website. Slider Halaman Depan buruk buat SEO, jelek pula kegunaannya.<br /><br />Slider mungkin menjadikan blog jadi atraktif (menarik). Beberapa desainer blog masih menganggapnya "tampak keren" (<i>looks cool</i>). Namun, masih kata SEL, penggunaan slider atau carousel bukan saja tidak bagus buat SEO, tapi juga "hampir tak ada pengunjung blog yang mengkliknya" (di bawah 1%).<br /><br />Bahkan, "Nobody Clicks On The Carousels," kata SEL. Gak ada pengunjung yang klik! Ada sih, tapi itu tadi... dikit banget! Cuma di bawah 1%.<br /><br />Alasan lainnya Slider tidak bagus buat SEO Blog a.l.<br /><ul><li>Umumnya slider menggunakan Heading Tags H1 dan itu mengurangi relevansi kata kunci. Hanya boleh ada satu Tag H1 per halaman blog.</li><li>Slider hanya memperlambat loading blog. Matt Cutss dari Google bahkan mengumumkan akan memberikan penalti (sanksi) bagi blog yang lambat alias lelet. Sanksinya? Bisa tidak terindeks, minimal page rank-nya jadi jauuuuh.... ^_^</li><li>Flash content cannot be crawled by all search engines — so stop using it to display important website content!</li></ul><br /><div>Hasil penelitian dan pendapat SEL menjadi rujukan PenThijs de Valk dari  Yoast. Nama Yoast bukan hal asing bagi pengguna blog self-hosting <a href="http://wordpress.org/" rel="nofollow" target="_blank">CMS Wordpress</a>. Yoast adalah pembuat "<a href="https://yoast.com/wordpress/plugins/seo/" rel="nofollow" target="_blank">WordPress SEO Plugin</a>" yang menjadi favorit pengguna WP.</div><div><div><br /></div><div>"<a href="https://yoast.com/opinion-on-sliders/" rel="nofollow" target="_blank">Our themes don’t have sliders… Because sliders suck</a>," kaya Yoast. Tema kami tidak pake slider... karena slider itu "suck" (gak usah diterjemahin deh apa itu "suck", terjemahan sopannya sih... "payah").</div><br />Seperti SEL, Yoast mendasarkan pendapatkan pada statistik berikut ini:<br /><ol><li>Hanya 1% pengunjung yang klik slide, itu pun kebanyakan pada slider pertama.</li><li>Orang (user) umumnya mengabaikan slider karena slide itu memicu "banner blindness" (baca: bikin silau).</li><li>Slider membuat blog Anda jadi lambat, berat, dan otomatis berdampak pada SEO.</li><li>Slider tidak selalu kebuka di mobile devices (HP/Tablet)</li><li><i>They push your content down, which Google recently mentioned yet again is not smart;</i></li><li><i>It dilutes your message, because suddenly there are multiple messages on your homepage.</i></li></ol><br />Rujukan terpercaya lainnya soal Slider adalah NN Group. Ini bisa dibilang "referensi terkuat" karena postingan di situsnya merupakan hasil riset ilmiah soal desain website.<br /><br />"<a href="http://www.nngroup.com/articles/auto-forwarding/" rel="nofollow" target="_blank">Auto-Forwarding Carousels and Accordions Annoy Users and Reduce Visibility</a>," katanya. Slider mengganggu pengguna dan mengurangi penglihatan alias "bikin silau". Lagi pula, masih kata NN Group, slider bisa dianggap iklan.<br /><br />"Most important, because it moves, users automatically assume that it might be an advertisement, which makes them more likely to ignore it."<br /><br />Nah saudara-saudara, setelah baca "kupas tuntas soal Slider" di atas, masihkah kita memasang slider atau carousel di homepage blog? Gak ada larangan sih, tapi itu tadi... tidak SEO Friendly dan tidak User Friendly.*</div>

Featured Content Slider di Homepage Blog Tidak Bagus buat SEO

Featured Content Slider di homepage blog tidak bagus buat SEO dan user!  Karenanya, jika blog atau website Anda menggunakan Featured Content...

Read more »

Featured Content Slider di Homepage Blog Tidak Bagus buat SEO

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl55_hBhfxrHO5Gkvws9PgAZpsNt6s_G2sHopxWWlP09_N0AuKGx6_omH5bQ16mY56jwnYqJKmPnOxpY-3NNbwZwZzlJKxfUUzTDlBup-HTOy37Ouc0NKoElyFeTPfl85Vtp8nzb5Qfang/s1600/Featured+Content+Slider+blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Featured Content Slider" border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl55_hBhfxrHO5Gkvws9PgAZpsNt6s_G2sHopxWWlP09_N0AuKGx6_omH5bQ16mY56jwnYqJKmPnOxpY-3NNbwZwZzlJKxfUUzTDlBup-HTOy37Ouc0NKoElyFeTPfl85Vtp8nzb5Qfang/s1600/Featured+Content+Slider+blog.jpg" title="Featured Content Slider" width="320" /></a></div>Featured Content Slider di homepage blog tidak bagus buat SEO dan user!  Karenanya, jika blog atau website Anda menggunakan Featured Content Slider yang juga dikenal dengan istilah Slider Image (Gambar Slide), Posts Carousel, atau Flash, hapus sekarang juga!<br /><br />Itulah kesimpulan CONTOH<span style="color: orange;">BLOG</span> (CB) setelah "survei" (baca: Googling) soal Featured Content Slider di halaman depan blog.<br /><br />Bagi yang belum tahu apa itu Slider, silakan buka <a href="http://24work.blogspot.com/2012/02/17-featured-content-slider-for-blogger.html" rel="nofollow" target="_blank">Featured Content Slider for Blogger</a>. Bagi Anda yang tidak sepakat dengan judul posting ini, <i>monggo</i> pasang Slider di homepage blog Anda yang memang bisa membuat blog jadi "cantik", indah, atraktif, dan "menarik". CB sendiri memilih "NO to SLIDER!"<br /><br />Baca juga ya.... :  <a href="http://contohblognih.blogspot.com/2013/04/blog-ada-ada-musik-jam-dan-flashnya.html" target="_blank">Soal Musik, Jam, dan Flas di Blog.</a><br /><br /><h3><b>Slider Tidak Bagus Buat SEO dan User</b></h3>CB menggunakan tiga sumber berikut ini untuk sepakat bahwa Slider tidak bagus buat SEO dan pengunjung. Bagi CB, Slider juga hanya "bikin pusing" mata user.<br /><ol><li>Search Engine Land (SEL).</li><li>Yoast</li><li>NN Group</li></ol>Ketiga situs itu menjadi rujukan dalam Teknik SEO Blog/Website.<br /><br />"<a href="http://searchengineland.com/homepage-sliders-are-bad-for-seo-usability-163496" rel="nofollow" target="_blank">Homepage Sliders: Bad For SEO, Bad For Usability</a>," kata SEL setelah mengadakan survei soal slider di sejumlah blog/website. Slider Halaman Depan buruk buat SEO, jelek pula kegunaannya.<br /><br />Slider mungkin menjadikan blog jadi atraktif (menarik). Beberapa desainer blog masih menganggapnya "tampak keren" (<i>looks cool</i>). Namun, masih kata SEL, penggunaan slider atau carousel bukan saja tidak bagus buat SEO, tapi juga "hampir tak ada pengunjung blog yang mengkliknya" (di bawah 1%).<br /><br />Bahkan, "Nobody Clicks On The Carousels," kata SEL. Gak ada pengunjung yang klik! Ada sih, tapi itu tadi... dikit banget! Cuma di bawah 1%.<br /><br />Alasan lainnya Slider tidak bagus buat SEO Blog a.l.<br /><ul><li>Umumnya slider menggunakan Heading Tags H1 dan itu mengurangi relevansi kata kunci. Hanya boleh ada satu Tag H1 per halaman blog.</li><li>Slider hanya memperlambat loading blog. Matt Cutss dari Google bahkan mengumumkan akan memberikan penalti (sanksi) bagi blog yang lambat alias lelet. Sanksinya? Bisa tidak terindeks, minimal page rank-nya jadi jauuuuh.... ^_^</li><li>Flash content cannot be crawled by all search engines — so stop using it to display important website content!</li></ul><br /><div>Hasil penelitian dan pendapat SEL menjadi rujukan PenThijs de Valk dari  Yoast. Nama Yoast bukan hal asing bagi pengguna blog self-hosting <a href="http://wordpress.org/" rel="nofollow" target="_blank">CMS Wordpress</a>. Yoast adalah pembuat "<a href="https://yoast.com/wordpress/plugins/seo/" rel="nofollow" target="_blank">WordPress SEO Plugin</a>" yang menjadi favorit pengguna WP.</div><div><div><br /></div><div>"<a href="https://yoast.com/opinion-on-sliders/" rel="nofollow" target="_blank">Our themes don’t have sliders… Because sliders suck</a>," kaya Yoast. Tema kami tidak pake slider... karena slider itu "suck" (gak usah diterjemahin deh apa itu "suck", terjemahan sopannya sih... "payah").</div><br />Seperti SEL, Yoast mendasarkan pendapatkan pada statistik berikut ini:<br /><ol><li>Hanya 1% pengunjung yang klik slide, itu pun kebanyakan pada slider pertama.</li><li>Orang (user) umumnya mengabaikan slider karena slide itu memicu "banner blindness" (baca: bikin silau).</li><li>Slider membuat blog Anda jadi lambat, berat, dan otomatis berdampak pada SEO.</li><li>Slider tidak selalu kebuka di mobile devices (HP/Tablet)</li><li><i>They push your content down, which Google recently mentioned yet again is not smart;</i></li><li><i>It dilutes your message, because suddenly there are multiple messages on your homepage.</i></li></ol><br />Rujukan terpercaya lainnya soal Slider adalah NN Group. Ini bisa dibilang "referensi terkuat" karena postingan di situsnya merupakan hasil riset ilmiah soal desain website.<br /><br />"<a href="http://www.nngroup.com/articles/auto-forwarding/" rel="nofollow" target="_blank">Auto-Forwarding Carousels and Accordions Annoy Users and Reduce Visibility</a>," katanya. Slider mengganggu pengguna dan mengurangi penglihatan alias "bikin silau". Lagi pula, masih kata NN Group, slider bisa dianggap iklan.<br /><br />"Most important, because it moves, users automatically assume that it might be an advertisement, which makes them more likely to ignore it."<br /><br />Nah saudara-saudara, setelah baca "kupas tuntas soal Slider" di atas, masihkah kita memasang slider atau carousel di homepage blog? Gak ada larangan sih, tapi itu tadi... tidak SEO Friendly dan tidak User Friendly.*</div>

Featured Content Slider di Homepage Blog Tidak Bagus buat SEO

Featured Content Slider di homepage blog tidak bagus buat SEO dan user!  Karenanya, jika blog atau website Anda menggunakan Featured Content...

Read more »

Menulis Alamat Email yang Aman: Pake Simbol @ atau Ditulis [at]

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGfYZ9S1E8DSXe8_KxT6yzHwGK4njnkkCBoJ6DnZ3iwRc2WqPyaGZQ3VWwJiuAhBZuShWQ722wImbpveYaVwvLOMiqGW_dQnZ3IU_FoyvhEieReLC-6NVHnZoR68UydORaH-VKjaFmNqxj/s1600/email.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="alamat email" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGfYZ9S1E8DSXe8_KxT6yzHwGK4njnkkCBoJ6DnZ3iwRc2WqPyaGZQ3VWwJiuAhBZuShWQ722wImbpveYaVwvLOMiqGW_dQnZ3IU_FoyvhEieReLC-6NVHnZoR68UydORaH-VKjaFmNqxj/s1600/email.jpg" title="alamat email" /></a></div>Bagaimana Penulisan Alamat Email yang Benar dan Aman? Pertanyaan ini sebenarnya sudah lama muncul, baru keingetan lagi saat Samakaki membuka detikhot.com guna "kepo" soal <a href="http://hot.detik.com/read/2014/05/01/201937/2570921/230/marshanda-gugat-cerai-ben-kasyafani" rel="nofollow" target="_blank">Marshanda yang menggugat cerai Ben Kasyafani</a> ^_^. Di bagian bawah banget, ada alamat email detikhot berikut ini:<br /><br /><span style="color: purple;">Redaksi: redaksi[at]detikhot.com</span><br /><span style="color: purple;">Informasi pemasangan iklan</span><br /><span style="color: purple;">hubungi : sales[at]detik.com</span><br /><span style="color: purple;"><br /></span>Detikcom tidak menulis email secara biasa: redaksi@detikhot.com, tapi ya itu... pake [at].<br /><span style="color: purple;"><br /></span>Samakaki belum "survei" apakah hanya detikcom yang menulis alamat email seperti itu. Yang jelas, media lain seperti <a href="http://www.republika.co.id/page/about" rel="nofollow" target="_blank">Republika Online</a> menulis alamat emailnya biasa saja: sekretariat@republika.co.id. Demikian juga <a href="http://www.tempo.co/about/" rel="nofollow" target="_blank">Redaksi Tempo</a>: red@tempo.co.id<br /><br />Lalu kenapa detikcom menulis email begitu? Pake [at], bukan @ alias "A bulet" yang memang dibacanya "at" (et) yang berarti “di” atau “pada”.<br /><br />Jawabannya, tentu "hanya" detikcom yang tahu. Daripada tanya ke detikcom soal itu, dan belum tentu dijawab, kita tanya Mbah Google aja deh, <i>as usual</i> :)<br /><br />Kita bisa menemukan "jawaban lengkapnya" di laman <a href="http://ask.metafilter.com/118263/Why-DO-we-use-at-instead-of" rel="nofollow" target="_blank">Ask MetaFilter</a>: Why DO we use [at] instead of @? (Kenapa kita menggunakan [at] bukan @?).<br /><br />Intinya, menulis alamat email dengan [at] --tidak menggunakan simbol @-- itu untuk alasan keamanan. Yaitu, agar alamat email <b>tidak mudah disadap</b> dan <b>tidak disalahgunakan sebagai target spam</b>.<br /><br />Ini dia sebagian jawabannya:<br /><br /><ol><li>Well, people do that on webpages so that spamcrawlers that are looking for an "@" sign won't pick up their e-mail addresses. I guess its just trickled down from the boingboing elite down to the mainstream at this point, and people do it in print just to be stylish.</li><li>it's generally done to avoid being recognised as an email address by automated things trawling the internet for spam targets. It makes no sense at all for a poster (unless you're worried about the Streetview car I guess...)</li><li>People type [at] instead of using the @ sign because it makes the email address less likely to be picked up by bots harvesting addresses for spam purposes. I'm not sure how well it works, but that's why people do it — it's considered a bad idea to write out your email address on a web site, or in any electronic form, without some sort of obfuscation for this reason. I think it originated on Usenet, because the spam problem is particularly bad there and it's also trivial for bots to go through messages and grab the emails in them.</li><li>If memory serves, in the earlier days of the internet, email spammers had simple bots that would trawl websites and so forth for the @ sign, assuming that the characters around it were an email address.</li><li>The convention "name [at] service [dot] com" was and is still pretty widely used as a simple preventative measure. Nowadays, I'm pretty sure spammers have much better ways of getting email addresses, and the taboo against posting an actual email address is a little less than it used to be.</li></ol><br />Samakaki kutipkan lima jawaban saja, banyak banget soalnya.... Lagian, Pancasila juga 5 sila 'kan? ^_^<br /><div><br /></div><div>Jadi, intinya, demi keamanan. Namun, baru aman bagi "mesin" atau "spamcrawler", belum aman bagi semua orang. Masalahnya, <b>belum semua orang ngerti soal [at]</b> ini. Jika mereka menulis alamat email pake [at], yang akan terjadi sepeti di gambar ini nih:</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjspvhnlxVhNZNkhJE0pB-I4zORyDnJqE39A_vRELVlX6xp1FXWq6iEvJc637R8lka7uJlG0h5mmXV5YaNvNnXoQ7QXoq3SXLv5OH6TViqyApdrGvkMNYMzn3QVTqbMfcwT3X_N6UmqVhBY/s1600/penulisan+email+yang+benar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="menulis alamat email " border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjspvhnlxVhNZNkhJE0pB-I4zORyDnJqE39A_vRELVlX6xp1FXWq6iEvJc637R8lka7uJlG0h5mmXV5YaNvNnXoQ7QXoq3SXLv5OH6TViqyApdrGvkMNYMzn3QVTqbMfcwT3X_N6UmqVhBY/s1600/penulisan+email+yang+benar.jpg" title="menulis alamat email " width="400" /></a></div><div><br /></div><div>Nah loh.... Yahoo! atau Gmail gak mau 'kan? Dia maunya @, bukan [at].<br /><br />Jadi, gimana dong...? Ya sudah, sebaiknya menulis alamat email dengan simbol @ aja deh, bukan dengan [at], kecuali cara pengucapannya memang demikian "at" (Inggris) atau "et" (Indonesia).<br /><br />Mau tahu email admin Samakaki Blogger? Ada nih di <a href="http://fayedanielsbbw.blogspot.com/p/buku-tamu.html" target="_blank">About Contoh Blog</a>.</div>

Menulis Alamat Email yang Aman: Pake Simbol @ atau Ditulis [at]

Bagaimana Penulisan Alamat Email yang Benar dan Aman? Pertanyaan ini sebenarnya sudah lama muncul, baru keingetan lagi saat Samakaki membuka...

Read more »

Menulis Alamat Email yang Aman: Pake Simbol @ atau Ditulis [at]

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGfYZ9S1E8DSXe8_KxT6yzHwGK4njnkkCBoJ6DnZ3iwRc2WqPyaGZQ3VWwJiuAhBZuShWQ722wImbpveYaVwvLOMiqGW_dQnZ3IU_FoyvhEieReLC-6NVHnZoR68UydORaH-VKjaFmNqxj/s1600/email.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="alamat email" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGfYZ9S1E8DSXe8_KxT6yzHwGK4njnkkCBoJ6DnZ3iwRc2WqPyaGZQ3VWwJiuAhBZuShWQ722wImbpveYaVwvLOMiqGW_dQnZ3IU_FoyvhEieReLC-6NVHnZoR68UydORaH-VKjaFmNqxj/s1600/email.jpg" title="alamat email" /></a></div>Bagaimana Penulisan Alamat Email yang Benar dan Aman? Pertanyaan ini sebenarnya sudah lama muncul, baru keingetan lagi saat CB membuka detikhot.com guna "kepo" soal <a href="http://hot.detik.com/read/2014/05/01/201937/2570921/230/marshanda-gugat-cerai-ben-kasyafani" rel="nofollow" target="_blank">Marshanda yang menggugat cerai Ben Kasyafani</a> ^_^. Di bagian bawah banget, ada alamat email detikhot berikut ini:<br /><br /><span style="color: purple;">Redaksi: redaksi[at]detikhot.com</span><br /><span style="color: purple;">Informasi pemasangan iklan</span><br /><span style="color: purple;">hubungi : sales[at]detik.com</span><br /><span style="color: purple;"><br /></span>Detikcom tidak menulis email secara biasa: redaksi@detikhot.com, tapi ya itu... pake [at].<br /><span style="color: purple;"><br /></span>CB belum "survei" apakah hanya detikcom yang menulis alamat email seperti itu. Yang jelas, media lain seperti <a href="http://www.republika.co.id/page/about" rel="nofollow" target="_blank">Republika Online</a> menulis alamat emailnya biasa saja: sekretariat@republika.co.id. Demikian juga <a href="http://www.tempo.co/about/" rel="nofollow" target="_blank">Redaksi Tempo</a>: red@tempo.co.id<br /><br />Lalu kenapa detikcom menulis email begitu? Pake [at], bukan @ alias "A bulet" yang memang dibacanya "at" (et) yang berarti “di” atau “pada”.<br /><br />Jawabannya, tentu "hanya" detikcom yang tahu. Daripada tanya ke detikcom soal itu, dan belum tentu dijawab, kita tanya Mbah Google aja deh, <i>as usual</i> :)<br /><br />Kita bisa menemukan "jawaban lengkapnya" di laman <a href="http://ask.metafilter.com/118263/Why-DO-we-use-at-instead-of" rel="nofollow" target="_blank">Ask MetaFilter</a>: Why DO we use [at] instead of @? (Kenapa kita menggunakan [at] bukan @?).<br /><br />Intinya, menulis alamat email dengan [at] --tidak menggunakan simbol @-- itu untuk alasan keamanan. Yaitu, agar alamat email <b>tidak mudah disadap</b> dan <b>tidak disalahgunakan sebagai target spam</b>.<br /><br />Ini dia sebagian jawabannya:<br /><br /><ol><li>Well, people do that on webpages so that spamcrawlers that are looking for an "@" sign won't pick up their e-mail addresses. I guess its just trickled down from the boingboing elite down to the mainstream at this point, and people do it in print just to be stylish.</li><li>it's generally done to avoid being recognised as an email address by automated things trawling the internet for spam targets. It makes no sense at all for a poster (unless you're worried about the Streetview car I guess...)</li><li>People type [at] instead of using the @ sign because it makes the email address less likely to be picked up by bots harvesting addresses for spam purposes. I'm not sure how well it works, but that's why people do it — it's considered a bad idea to write out your email address on a web site, or in any electronic form, without some sort of obfuscation for this reason. I think it originated on Usenet, because the spam problem is particularly bad there and it's also trivial for bots to go through messages and grab the emails in them.</li><li>If memory serves, in the earlier days of the internet, email spammers had simple bots that would trawl websites and so forth for the @ sign, assuming that the characters around it were an email address.</li><li>The convention "name [at] service [dot] com" was and is still pretty widely used as a simple preventative measure. Nowadays, I'm pretty sure spammers have much better ways of getting email addresses, and the taboo against posting an actual email address is a little less than it used to be.</li></ol><br />CB kutipkan lima jawaban saja, banyak banget soalnya.... Lagian, Pancasila juga 5 sila 'kan? ^_^<br /><div><br /></div><div>Jadi, intinya, demi keamanan. Namun, baru aman bagi "mesin" atau "spamcrawler", belum aman bagi semua orang. Masalahnya, <b>belum semua orang ngerti soal [at]</b> ini. Jika mereka menulis alamat email pake [at], yang akan terjadi sepeti di gambar ini nih:</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjspvhnlxVhNZNkhJE0pB-I4zORyDnJqE39A_vRELVlX6xp1FXWq6iEvJc637R8lka7uJlG0h5mmXV5YaNvNnXoQ7QXoq3SXLv5OH6TViqyApdrGvkMNYMzn3QVTqbMfcwT3X_N6UmqVhBY/s1600/penulisan+email+yang+benar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="menulis alamat email " border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjspvhnlxVhNZNkhJE0pB-I4zORyDnJqE39A_vRELVlX6xp1FXWq6iEvJc637R8lka7uJlG0h5mmXV5YaNvNnXoQ7QXoq3SXLv5OH6TViqyApdrGvkMNYMzn3QVTqbMfcwT3X_N6UmqVhBY/s1600/penulisan+email+yang+benar.jpg" title="menulis alamat email " width="400" /></a></div><div><br /></div><div>Nah loh.... Yahoo! atau Gmail gak mau 'kan? Dia maunya @, bukan [at].<br /><br />Jadi, gimana dong...? Ya sudah, sebaiknya menulis alamat email dengan simbol @ aja deh, bukan dengan [at], kecuali cara pengucapannya memang demikian "at" (Inggris) atau "et" (Indonesia).<br /><br />Mau tahu email admin CB Blogger? Ada nih di <a href="http://contohblognih.blogspot.com/p/buku-tamu.html" target="_blank">About Contoh Blog</a>.</div>

Menulis Alamat Email yang Aman: Pake Simbol @ atau Ditulis [at]

Bagaimana Penulisan Alamat Email yang Benar dan Aman? Pertanyaan ini sebenarnya sudah lama muncul, baru keingetan lagi saat CB membuka detik...

Read more »

Warna Biru untuk Link-Hyperlink Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRGT3JLPFTvOmIsOx-BT2MNmcE5u6N3icgjxaibJQTBp_VvYWrw30nTDbVTypg4r6bxMSwvgdCbaO9smGkf29h22uqTQfk182zK4pLzjqUOi_FauEskmKRvEZ_4QaiazivMHr9jXQbswPq/s1600/warna+biru.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="warna biru link" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRGT3JLPFTvOmIsOx-BT2MNmcE5u6N3icgjxaibJQTBp_VvYWrw30nTDbVTypg4r6bxMSwvgdCbaO9smGkf29h22uqTQfk182zK4pLzjqUOi_FauEskmKRvEZ_4QaiazivMHr9jXQbswPq/s1600/warna+biru.png" title="warna biru link" width="200" /></a></div>APA warna link/hyperlink di blog Anda, terutama di bagian posting (single post)? Warna Biru? Good! Biru (<i>blue</i>) adalah warna terpopuler untuk <i>hyperlink</i> atau <i>link</i>. Google, Facebook, Twitter, Yahoo!, dan Wikipedia menggunakan warna biru di <i>link/hyperlink</i>.<br /><br /><i>Wikipedia</i> bahkan menggunakan istilah "blue link" dalam tulisan atau referensi tentang pengertian  "<a href="https://en.wikipedia.org/wiki/Blue_link" rel="nofollow" target="_blank">Hyperlink</a>".<br /><br />Ahli desain web yang sering mengadakan riset soal desain website, <a href="http://www.nngroup.com/" rel="nofollow" target="_blank">NN Group</a>, juga menggunakan <span style="color: blue;">warna biru</span> (#03c) sebagai link.<br /><br />Sebaiknya, kita "ikut biru" juga karena user sudah terbiasa dan memahami bahwa yang berwarna biru adalah link/hyperlink yang bisa diklik dan mengarah ke posting atau blog lain.<br /><br /><h3><b>Kode HTML Warna Biru</b></h3>Berikut ini kode-kode warna biru yang digunakan Google dan situs-situs terpopuler lainnya. Anda bisa gunakan untuk mengganti warna link di blog Anda. Daftar kode warna lainnya dan selengkapnya bisa dilihat di <a href="http://fayedanielsbbw.blogspot.com/p/kode-warna-html.html" target="_blank">Kode Warna HTML</a>.<br /><ol><li>Kode HTML Warna Biru Link Google: <b>#1e0fbe</b></li><li>Kode HTML Warna Biru Link Facebook: <b>#3b5998</b></li><li>Kode HTML Warna Biru Link Twitter: <b>#00acee</b></li><li>Kode HTML Warna Biru Link Wikipedia: <b>#0645ad</b></li><li>Kode HTML Warna Biru Link NN Group: <b> #03c</b></li><li>Kode HTML Warna Biru Persib Bandung: <b>#0033CC</b></li></ol><br />Kode warna biru lainnya bisa Anda "intip" di situs masing-masing dengan cara:<br /><ol><li>Select All tulisan atau area yang berwarna biru</li><li>Klik Kanan </li><li>Pilih "Inspect Element"</li><li>Copy kodenya yang diawali dengan kode pagar (#)</li></ol><br /><h3>Makna Warna Biru</h3>Menurut berbagai sumber hasil Googling, warna biru memiliki beberapa arti atau makna kejujuran, ketenangan, kesetiaan, bisa diandalkan, dan keharmonisan. Biru juga memberi kesan lapang dan sensitif.<br /><br />Dalam dunia psikologi, biru itu simbol kestabilan karena biru merupakan warna langit. Secara psikologis warna biru ini akan memberikan dampak menenangkan, mengurangi ketegangan, serta menciptakan "sensasi <i>cool</i>."<br /><br /><h3><b>Prinsip Warna Link</b></h3>Haruskah link-hyperlink blog kita berwarana biru? Tidak harus, tapi "sebaiknya", mengingat situs-situs terkemuka di dunia juga menggunakan warna biru dengan berbagai variasinya.<br /><br />Prinsipnya, warna link HARUS BERBEDA dengan warna teks utama. Jika teks utama hitam, sebaiknya tidak menggunakan warna hitam juga untuk link --kecuali jika Anda bermaksud  "menyembunyikan" link itu.<br /><br />Menurut para ahli desain, hindari juga "penggunaan warna yang menyala" pada link --juga <i>background </i>blog-- karena warna menyala --seperti merah atau orange-- bisa membuat mata user cepat lelah sehingga pengunjung tidak akan betah berlama-lama dalam membaca. Lebih fatal lagi, terjadi "bounce back" atau "bounce rate" --user cepat klik "back" di browsernya untuk menutup blog dan kembali ke indeks hasil pencarian Google.<br /><br />Guna mengantisipai user yang buta warna (<i>blue color blind</i>), disarankan pula  menggunakan "garus bawah (underline) pada link blog.<br /><br /><h3><b>Cara Mengubah Warna Link</b></h3>Warna link di template blog biasanya ada dalam kode-kode HTML seperti di bawah ini:<br /><span style="color: #0b5394;"><br /></span><span style="color: #0b5394;">a:link {</span><span style="color: #0b5394;">color:#0033cc;</span><span style="color: #0b5394;">text-decoration: underline;</span><span style="color: #0b5394;">}</span><br /><span style="color: #0b5394;">a:hover {</span><span style="color: #0b5394;">color:#c00;</span><span style="color: #0b5394;">text-decoration: underline;</span><span style="color: #0b5394;">}</span><br /><span style="color: #0b5394;">a:visited {</span><span style="color: #0b5394;">color:#990099;</span><span style="color: #0b5394;">text-decoration: underline;</span><span style="color: #0b5394;">}</span><br /><div><br /></div><div>Link = tauutan; #0033cc = biru</div><div>Hover = tampilan jika cursor mouse diarahkan ke link itu; #c00 = merah</div><div>Visited = tanda bahwa link itu sudah diklik sebelumnya; #990099 = ungu</div><div><br /></div><div>Cara mengubahnya, Template > Edit HTML,  temukan dan ganti kode warnanya sesuai dengan selera Anda. Hidup <i>The Blues</i> dan <i>Pangeran Biru</i>! :)</div><div><br /></div>

Warna Biru untuk Link-Hyperlink Blog

APA warna link/hyperlink di blog Anda, terutama di bagian posting (single post)? Warna Biru? Good! Biru ( blue ) adalah warna terpopuler unt...

Read more »

Warna Biru untuk Link-Hyperlink Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRGT3JLPFTvOmIsOx-BT2MNmcE5u6N3icgjxaibJQTBp_VvYWrw30nTDbVTypg4r6bxMSwvgdCbaO9smGkf29h22uqTQfk182zK4pLzjqUOi_FauEskmKRvEZ_4QaiazivMHr9jXQbswPq/s1600/warna+biru.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="warna biru link" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRGT3JLPFTvOmIsOx-BT2MNmcE5u6N3icgjxaibJQTBp_VvYWrw30nTDbVTypg4r6bxMSwvgdCbaO9smGkf29h22uqTQfk182zK4pLzjqUOi_FauEskmKRvEZ_4QaiazivMHr9jXQbswPq/s1600/warna+biru.png" title="warna biru link" width="200" /></a></div>APA warna link/hyperlink di blog Anda, terutama di bagian posting (single post)? Warna Biru? Good! Biru (<i>blue</i>) adalah warna terpopuler untuk <i>hyperlink</i> atau <i>link</i>. Google, Facebook, Twitter, Yahoo!, dan Wikipedia menggunakan warna biru di <i>link/hyperlink</i>.<br /><br /><i>Wikipedia</i> bahkan menggunakan istilah "blue link" dalam tulisan atau referensi tentang pengertian  "<a href="https://en.wikipedia.org/wiki/Blue_link" rel="nofollow" target="_blank">Hyperlink</a>".<br /><br />Ahli desain web yang sering mengadakan riset soal desain website, <a href="http://www.nngroup.com/" rel="nofollow" target="_blank">NN Group</a>, juga menggunakan <span style="color: blue;">warna biru</span> (#03c) sebagai link.<br /><br />Sebaiknya, kita "ikut biru" juga karena user sudah terbiasa dan memahami bahwa yang berwarna biru adalah link/hyperlink yang bisa diklik dan mengarah ke posting atau blog lain.<br /><br /><h3><b>Kode HTML Warna Biru</b></h3>Berikut ini kode-kode warna biru yang digunakan Google dan situs-situs terpopuler lainnya. Anda bisa gunakan untuk mengganti warna link di blog Anda. Daftar kode warna lainnya dan selengkapnya bisa dilihat di <a href="http://contohblognih.blogspot.com/p/kode-warna-html.html" target="_blank">Kode Warna HTML</a>.<br /><ol><li>Kode HTML Warna Biru Link Google: <b>#1e0fbe</b></li><li>Kode HTML Warna Biru Link Facebook: <b>#3b5998</b></li><li>Kode HTML Warna Biru Link Twitter: <b>#00acee</b></li><li>Kode HTML Warna Biru Link Wikipedia: <b>#0645ad</b></li><li>Kode HTML Warna Biru Link NN Group: <b> #03c</b></li><li>Kode HTML Warna Biru Persib Bandung: <b>#0033CC</b></li></ol><br />Kode warna biru lainnya bisa Anda "intip" di situs masing-masing dengan cara:<br /><ol><li>Select All tulisan atau area yang berwarna biru</li><li>Klik Kanan </li><li>Pilih "Inspect Element"</li><li>Copy kodenya yang diawali dengan kode pagar (#)</li></ol><br /><h3>Makna Warna Biru</h3>Menurut berbagai sumber hasil Googling, warna biru memiliki beberapa arti atau makna kejujuran, ketenangan, kesetiaan, bisa diandalkan, dan keharmonisan. Biru juga memberi kesan lapang dan sensitif.<br /><br />Dalam dunia psikologi, biru itu simbol kestabilan karena biru merupakan warna langit. Secara psikologis warna biru ini akan memberikan dampak menenangkan, mengurangi ketegangan, serta menciptakan "sensasi <i>cool</i>."<br /><br /><h3><b>Prinsip Warna Link</b></h3>Haruskah link-hyperlink blog kita berwarana biru? Tidak harus, tapi "sebaiknya", mengingat situs-situs terkemuka di dunia juga menggunakan warna biru dengan berbagai variasinya.<br /><br />Prinsipnya, warna link HARUS BERBEDA dengan warna teks utama. Jika teks utama hitam, sebaiknya tidak menggunakan warna hitam juga untuk link --kecuali jika Anda bermaksud  "menyembunyikan" link itu.<br /><br />Menurut para ahli desain, hindari juga "penggunaan warna yang menyala" pada link --juga <i>background </i>blog-- karena warna menyala --seperti merah atau orange-- bisa membuat mata user cepat lelah sehingga pengunjung tidak akan betah berlama-lama dalam membaca. Lebih fatal lagi, terjadi "bounce back" atau "bounce rate" --user cepat klik "back" di browsernya untuk menutup blog dan kembali ke indeks hasil pencarian Google.<br /><br />Guna mengantisipai user yang buta warna (<i>blue color blind</i>), disarankan pula  menggunakan "garus bawah (underline) pada link blog.<br /><br /><h3><b>Cara Mengubah Warna Link</b></h3>Warna link di template blog biasanya ada dalam kode-kode HTML seperti di bawah ini:<br /><span style="color: #0b5394;"><br /></span><span style="color: #0b5394;">a:link {</span><span style="color: #0b5394;">color:#0033cc;</span><span style="color: #0b5394;">text-decoration: underline;</span><span style="color: #0b5394;">}</span><br /><span style="color: #0b5394;">a:hover {</span><span style="color: #0b5394;">color:#c00;</span><span style="color: #0b5394;">text-decoration: underline;</span><span style="color: #0b5394;">}</span><br /><span style="color: #0b5394;">a:visited {</span><span style="color: #0b5394;">color:#990099;</span><span style="color: #0b5394;">text-decoration: underline;</span><span style="color: #0b5394;">}</span><br /><div><br /></div><div>Link = tauutan; #0033cc = biru</div><div>Hover = tampilan jika cursor mouse diarahkan ke link itu; #c00 = merah</div><div>Visited = tanda bahwa link itu sudah diklik sebelumnya; #990099 = ungu</div><div><br /></div><div>Cara mengubahnya, Template > Edit HTML,  temukan dan ganti kode warnanya sesuai dengan selera Anda. Hidup <i>The Blues</i> dan <i>Pangeran Biru</i>! :)</div><div><br /></div>

Warna Biru untuk Link-Hyperlink Blog

APA warna link/hyperlink di blog Anda, terutama di bagian posting (single post)? Warna Biru? Good! Biru ( blue ) adalah warna terpopuler unt...

Read more »

Cara Membuat Related Post dengan Gambar

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiItenkPU_uoGd61xyCaMfN2dVJ_h3sSqYAeQLo1F1hi0YVa4HTO2OeIRp8hRcXyU65C_qYdQdrwmQ2DjA9umwpV3f_dhLSUGMW-Y0Z533cgMhl_b3X0tMuhiwRMEFeu3wIdIbmQ1schPij/s1600/Related+Post+dengan+Gambar.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Related Post dengan Gambar" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiItenkPU_uoGd61xyCaMfN2dVJ_h3sSqYAeQLo1F1hi0YVa4HTO2OeIRp8hRcXyU65C_qYdQdrwmQ2DjA9umwpV3f_dhLSUGMW-Y0Z533cgMhl_b3X0tMuhiwRMEFeu3wIdIbmQ1schPij/s1600/Related+Post+dengan+Gambar.jpg" title="Related Post dengan Gambar" width="320" /></a></div><b>POSTING </b>tentang cara membuat related post dengan foto atau gambar thumbnail (<i>Related Posts with Thumbnail Image</i>) ini dibuat terkait pertanyaan dan permintaan seorang pengguna template <a href="http://newjohnywuss.blogspot.com/" target="_blank">New Johny Wuss</a>. Ia ingin menggunakan posting terkait yang menampilkan foto dan judul.<br /><br />Samakaki menggunakan kode <i>related post dengan gambar</i> yang di-<i>share</i> oleh <a href="http://helplogger.blogspot.com/2012/03/how-to-add-related-posts-widget-to.html" rel="nofollow" target="_blank">Help Blogger</a> dengan sedikit modifikasi dan "membersihkannya" dari kemungkinan ada injeksi link.<br /><br />Demonya bisa dilihat di blog <a href="http://cibimagz.blogspot.com/" target="_blank">Cibi Magz</a>. Lihat bagian Related Posts di bawah postingan.<br /><br />Pengguna New Johny Wuss lainnya boleh mempraktekan ini. Caranya, sebelumnya HAPUS dulu SEMU kode di template yang bertuliskan "related post, lalu lakukan dua langkah mudah berikut ini<br /><br /><h3>Cara Membuat Related Post dengan Gambar di Blogspot</h3><b>1. Copy + Paste kode di bawah ini DI ATAS kode <span style="color: red;"></head></span></b><br /><br /><div style="background-color: #f9f9f9; border: 1px solid #444; padding: 10px; text-align: left;"><!--Related Posts with thumbnails Start--><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><style type='text/css'><br />#related-posts{float:left;width:auto;}<br />#related-posts a{border-right: 1px dotted #eaeaea;}<br />#related-posts a:hover{background: #f2f2f2;}<br />#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}<br />#related-posts .related_img {margin:5px;border:2px solid #f2f2f2;<span style="color: blue;">width:100px;height:80px</span>;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}<br />#related-title {color:#0033cc;text-align:center;padding: 0 5px;font-size:12px Arial; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;}<br />#related-posts .related_img:hover{border:2px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style><br /><script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' /><br /></b:if><br /><!--Related Posts with thumbnails End--></div><br /><i>Catatan: kode berwarna biru adalah ukuran gambar/foto yang akan ditampilkan, bisa diubah sesuai selera, bisa lebih besar atau lebih kecil.</i><br /><br /><b>2. Copy + Paste kode di bawah ini DI ATAS kode <span style="color: red;"><div class='post-footer'></span> </b>(di template New Johny Wuss ada dua kode begini, pilih kode YANG KEDUA):<br /><br /><div style="background-color: #f9f9f9; border: 1px solid #444; padding: 10px; text-align: left;"><!-- Related Posts with Thumbnails Code Start--><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><br /><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;<span style="color: blue;">max-results=5</span>&quot;' type='text/javascript'/></b:if></b:loop><br /><script type='text/javascript'><br />var currentposturl=&quot;<data:post.url/>&quot;;<br /><span style="color: blue;">var maxresults=5;</span><br />var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;<br />removeRelatedDuplicates_thumbs();<br />printRelatedLabels_thumbs();<br /></script><br /></div><div class='clear'/><br /></b:if><br /><!-- Related Posts with Thumbnails Code End--></div><br /><i>Catatan: kode berwarna biru adalah jumlah related post, bisa diubah sesuai selera, bisa lebih besar atau lebih kecil.</i><br /><div><br />Jangan lupa <b>SAVE</b> Template! Good Luck and Happy Blogging!</div><div><br /></div><div>* <b><a href="http://cibimagz.blogspot.com/" target="_blank">Lihat Demo Related Post dengan Gambar</a></b><br />* <a href="http://fayedanielsbbw.blogspot.com/2014/01/cara-membuat-related-posts-yang-aman.html" target="_blank">Cara Membuat Related Post Tanpa Gambar (Hanya Judul Posting)</a><br /><br /></div>

Cara Membuat Related Post dengan Gambar

POSTING tentang cara membuat related post dengan foto atau gambar thumbnail ( Related Posts with Thumbnail Image ) ini dibuat terkait pertan...

Read more »

Cara Membuat Related Post dengan Gambar

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiItenkPU_uoGd61xyCaMfN2dVJ_h3sSqYAeQLo1F1hi0YVa4HTO2OeIRp8hRcXyU65C_qYdQdrwmQ2DjA9umwpV3f_dhLSUGMW-Y0Z533cgMhl_b3X0tMuhiwRMEFeu3wIdIbmQ1schPij/s1600/Related+Post+dengan+Gambar.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Related Post dengan Gambar" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiItenkPU_uoGd61xyCaMfN2dVJ_h3sSqYAeQLo1F1hi0YVa4HTO2OeIRp8hRcXyU65C_qYdQdrwmQ2DjA9umwpV3f_dhLSUGMW-Y0Z533cgMhl_b3X0tMuhiwRMEFeu3wIdIbmQ1schPij/s1600/Related+Post+dengan+Gambar.jpg" title="Related Post dengan Gambar" width="320" /></a></div><b>POSTING </b>tentang cara membuat related post dengan foto atau gambar thumbnail (<i>Related Posts with Thumbnail Image</i>) ini dibuat terkait pertanyaan dan permintaan seorang pengguna template <a href="http://newjohnywuss.blogspot.com/" target="_blank">New Johny Wuss</a>. Ia ingin menggunakan posting terkait yang menampilkan foto dan judul.<br /><br />CB menggunakan kode <i>related post dengan gambar</i> yang di-<i>share</i> oleh <a href="http://helplogger.blogspot.com/2012/03/how-to-add-related-posts-widget-to.html" rel="nofollow" target="_blank">Help Blogger</a> dengan sedikit modifikasi dan "membersihkannya" dari kemungkinan ada injeksi link.<br /><br />Demonya bisa dilihat di blog <a href="http://cibimagz.blogspot.com/" target="_blank">Cibi Magz</a>. Lihat bagian Related Posts di bawah postingan.<br /><br />Pengguna New Johny Wuss lainnya boleh mempraktekan ini. Caranya, sebelumnya HAPUS dulu SEMU kode di template yang bertuliskan "related post, lalu lakukan dua langkah mudah berikut ini<br /><br /><h3>Cara Membuat Related Post dengan Gambar di Blogspot</h3><b>1. Copy + Paste kode di bawah ini DI ATAS kode <span style="color: red;"></head></span></b><br /><br /><div style="background-color: #f9f9f9; border: 1px solid #444; padding: 10px; text-align: left;"><!--Related Posts with thumbnails Start--><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><style type='text/css'><br />#related-posts{float:left;width:auto;}<br />#related-posts a{border-right: 1px dotted #eaeaea;}<br />#related-posts a:hover{background: #f2f2f2;}<br />#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}<br />#related-posts .related_img {margin:5px;border:2px solid #f2f2f2;<span style="color: blue;">width:100px;height:80px</span>;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}<br />#related-title {color:#0033cc;text-align:center;padding: 0 5px;font-size:12px Arial; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;}<br />#related-posts .related_img:hover{border:2px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style><br /><script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' /><br /></b:if><br /><!--Related Posts with thumbnails End--></div><br /><i>Catatan: kode berwarna biru adalah ukuran gambar/foto yang akan ditampilkan, bisa diubah sesuai selera, bisa lebih besar atau lebih kecil.</i><br /><br /><b>2. Copy + Paste kode di bawah ini DI ATAS kode <span style="color: red;"><div class='post-footer'></span> </b>(di template New Johny Wuss ada dua kode begini, pilih kode YANG KEDUA):<br /><br /><div style="background-color: #f9f9f9; border: 1px solid #444; padding: 10px; text-align: left;"><!-- Related Posts with Thumbnails Code Start--><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><br /><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;<span style="color: blue;">max-results=5</span>&quot;' type='text/javascript'/></b:if></b:loop><br /><script type='text/javascript'><br />var currentposturl=&quot;<data:post.url/>&quot;;<br /><span style="color: blue;">var maxresults=5;</span><br />var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;<br />removeRelatedDuplicates_thumbs();<br />printRelatedLabels_thumbs();<br /></script><br /></div><div class='clear'/><br /></b:if><br /><!-- Related Posts with Thumbnails Code End--></div><br /><i>Catatan: kode berwarna biru adalah jumlah related post, bisa diubah sesuai selera, bisa lebih besar atau lebih kecil.</i><br /><div><br />Jangan lupa <b>SAVE</b> Template! Good Luck and Happy Blogging!</div><div><br /></div><div>* <b><a href="http://cibimagz.blogspot.com/" target="_blank">Lihat Demo Related Post dengan Gambar</a></b><br />* <a href="http://contohblognih.blogspot.com/2014/01/cara-membuat-related-posts-yang-aman.html" target="_blank">Cara Membuat Related Post Tanpa Gambar (Hanya Judul Posting)</a><br /><br /></div>

Cara Membuat Related Post dengan Gambar

POSTING tentang cara membuat related post dengan foto atau gambar thumbnail ( Related Posts with Thumbnail Image ) ini dibuat terkait pertan...

Read more »

Cara Download Video Youtube dengan Mudah

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir1NCSuglBjPkOb2tiBr1GeOl0DxqCUHo7c4fgxRcOX7lv2je8Dk8q047rB0p-iXc3_JfLf_4Jgqob2uvz1JM9AFYpGRirGd5LPzQ6SUpMy34XLk1nqtN3RO3cwujn2zW7Ptp3DxCi9h6N/s1600/download+video+youtube.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Download Video Youtube" border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir1NCSuglBjPkOb2tiBr1GeOl0DxqCUHo7c4fgxRcOX7lv2je8Dk8q047rB0p-iXc3_JfLf_4Jgqob2uvz1JM9AFYpGRirGd5LPzQ6SUpMy34XLk1nqtN3RO3cwujn2zW7Ptp3DxCi9h6N/s1600/download+video+youtube.jpg" title="Download Video Youtube" width="320" /></a></div><b>SEKADAR</b> menyimpan catatan tentang cara <b>Download Video Youtube</b> dengan mudah, cepat, dan tanpa harus install sofware e.q. Youtube Downloader.<br /><br />Ada tiga situs yang biasa Samakaki gunakan untuk mendownload Video Youtube, yang paling sering digunakan nomor 1. Ketiga situs ini bukan cuma bantu kita download video, tapi juga mengkonversinya (mengubah file video) menjadi MP3, MP4, atau 3GP.<br /><br />Cara downloadnya mudah. Tinggal buka video yang mau didownload, lalu COPY LINK-nya yang ada di Address Bar, dan PASTE di kolom yang disediakan ketiga situs downloader video berikut ini:<br /><br />1. <b><a href="http://catchvideo.net/" rel="nofollow" target="_blank">Catch Video</a></b><br />2. <b><a href="http://www.listentoyoutube.com/index.php" rel="nofollow" target="_blank">Listen to Youtube</a></b><br />3. <a href="http://en.savefrom.net/" rel="nofollow" target="_blank"><b>Save From</b> </a><br /><br />Situs nomor 3 bahkan membantu kita download file dari situs-situs penyimpanan file terkemuka, seperti Rapid Share, File Factory, Vimeo, dll.<br /><br />Selain ketiga situs tadi, masih banyak situs downloader video lainnya. Samakaki simpan tiga ini buat memudahkan Samakaki jika mau download video. Di-share di sini, siapa tahu ada yang belum tau :)<br /><br /><b>Download Video Youtube, untuk apa?</b><br />Download video youtube utamanya untuk kita simpan dan bisa ditonton saat sedang Off Line. Bagi Anda yang punya koneksi internet "lemot" atau "pas-pasan", download video youtube menjadi alternatif utama biar nontonya nyaman dan "fast loads".<br /><br />Anda punya referensi lain soal <b>Cara Download Video Youtube dengan Cepat dan Mudah</b>? Please, share...!

Cara Download Video Youtube dengan Mudah

SEKADAR menyimpan catatan tentang cara Download Video Youtube dengan mudah, cepat, dan tanpa harus install sofware e.q. Youtube Downloader...

Read more »

Cara Download Video Youtube dengan Mudah

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir1NCSuglBjPkOb2tiBr1GeOl0DxqCUHo7c4fgxRcOX7lv2je8Dk8q047rB0p-iXc3_JfLf_4Jgqob2uvz1JM9AFYpGRirGd5LPzQ6SUpMy34XLk1nqtN3RO3cwujn2zW7Ptp3DxCi9h6N/s1600/download+video+youtube.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Download Video Youtube" border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir1NCSuglBjPkOb2tiBr1GeOl0DxqCUHo7c4fgxRcOX7lv2je8Dk8q047rB0p-iXc3_JfLf_4Jgqob2uvz1JM9AFYpGRirGd5LPzQ6SUpMy34XLk1nqtN3RO3cwujn2zW7Ptp3DxCi9h6N/s1600/download+video+youtube.jpg" title="Download Video Youtube" width="320" /></a></div><b>SEKADAR</b> menyimpan catatan tentang cara <b>Download Video Youtube</b> dengan mudah, cepat, dan tanpa harus install sofware e.q. Youtube Downloader.<br /><br />Ada tiga situs yang biasa CB gunakan untuk mendownload Video Youtube, yang paling sering digunakan nomor 1. Ketiga situs ini bukan cuma bantu kita download video, tapi juga mengkonversinya (mengubah file video) menjadi MP3, MP4, atau 3GP.<br /><br />Cara downloadnya mudah. Tinggal buka video yang mau didownload, lalu COPY LINK-nya yang ada di Address Bar, dan PASTE di kolom yang disediakan ketiga situs downloader video berikut ini:<br /><br />1. <b><a href="http://catchvideo.net/" rel="nofollow" target="_blank">Catch Video</a></b><br />2. <b><a href="http://www.listentoyoutube.com/index.php" rel="nofollow" target="_blank">Listen to Youtube</a></b><br />3. <a href="http://en.savefrom.net/" rel="nofollow" target="_blank"><b>Save From</b> </a><br /><br />Situs nomor 3 bahkan membantu kita download file dari situs-situs penyimpanan file terkemuka, seperti Rapid Share, File Factory, Vimeo, dll.<br /><br />Selain ketiga situs tadi, masih banyak situs downloader video lainnya. CB simpan tiga ini buat memudahkan CB jika mau download video. Di-share di sini, siapa tahu ada yang belum tau :)<br /><br /><b>Download Video Youtube, untuk apa?</b><br />Download video youtube utamanya untuk kita simpan dan bisa ditonton saat sedang Off Line. Bagi Anda yang punya koneksi internet "lemot" atau "pas-pasan", download video youtube menjadi alternatif utama biar nontonya nyaman dan "fast loads".<br /><br />Anda punya referensi lain soal <b>Cara Download Video Youtube dengan Cepat dan Mudah</b>? Please, share...!

Cara Download Video Youtube dengan Mudah

SEKADAR menyimpan catatan tentang cara Download Video Youtube dengan mudah, cepat, dan tanpa harus install sofware e.q. Youtube Downloader...

Read more »

Cara Menghapus Komentar Spam (Link Hidup) secara Otomatis

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSI1tUfO_KkdhUoTDQn7rolpe1whvID93PXqmGrX-gh9-vQZkedtwpIdhOhAPrz1DsORoLKoyC52L1-LMNf6lLrkDyAv34zxQUFdzgosXgYa8_CuERCJWz8OmpgFvy47bwyxdiqBcvYcEg/s1600/spam-komentar-blog.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSI1tUfO_KkdhUoTDQn7rolpe1whvID93PXqmGrX-gh9-vQZkedtwpIdhOhAPrz1DsORoLKoyC52L1-LMNf6lLrkDyAv34zxQUFdzgosXgYa8_CuERCJWz8OmpgFvy47bwyxdiqBcvYcEg/s1600/spam-komentar-blog.PNG" width="200" /></a></div><b>COBA</b> lihat komentar di blog Anda. Adakah yang menyertakan link hidup (live link)? Pastinya, jika sang komentator itu "tukang nyepam" (spammer), ia pasti akan menyertakan link hidup di komentarnya. Link hidup adalah link yang "tinggal di klik".<br /><br />Ini contoh link hidup> <a href="http://fayedanielsbbw.blogspot.com/" target="_blank">CONTOH BLOG</a><br />Ini contoh link yang "tidak hidup" > http://fayedanielsbbw.blogspot.com<br /><br />Jadi, jika ada yang komentar, misalnya begini: <span style="color: red;">"Nice post! I'll bookmark you blog. Have a nice day </span><a href="http://fayedanielsbbw.blogspot.com/" style="color: red;" target="_blank">http://fayedanielsbbw.blogspot.com</a><span style="color: red;"> </span>atau<span style="color: red;"> <a href="http://fayedanielsbbw.blogspot.com/" target="_blank">Contoh Blog</a>. </span><br /><br />Itulah komentar spam atau setidaknya komentar <i>spammy</i> (berbau spam).<br />((( Ssst....! Cara membuat lin hidup di komentar blog itu mudah lho! Tinggal tambah <a href="URL LINK">Link</a>. Kaya gini nih: <span style="color: blue;"><a href="http://fayedanielsbbw.blogspot.com">Contoh Blog</a></span> )))<br /><div><br /></div>Komentar spam merupakan "isu besar" bagi semua blogger. Blogger sebenarnya sudah membantu mendeteksi komentar spam dan menyimpannya di menu "Spam" di Dashboard. Tapi, spammer "cerdik" menghindarinya dengan hanya menyertakan satu-dua link hidup di komentarnya.<br /><br />Kasarnya begini, komentar spam itu adalah komentar yang hanya bermaksud menyisipkan link blognya ke blog kita. Dia tidak benar-benar bermaksud komentari posting kita, tidak bermaksud apresiasi atau bertanya soal isi posting. Hanya<i> mau nyepam</i> alias <i>nyisipin link</i>!<br /><br /><h3><b>Bagaimana Cara Menghapus Link Hidup secara Otomatis Komentar Spam Blog? </b></h3>Sebenarnya sih kita bisa hapus saja jika ada komentar yang menyertakan link hidup, tapi "kejam banget" :)<br /><br />Pasang kode di bawah ini di template Anda, di atas kode <span style="color: blue;"></body></span>. Cara Samakaki,  kode di bawah ini diletakkan di bawah kode-kode komentar (comment):<br /><div><br /></div><span style="color: blue;">.comment-content a {display: none;}</span><br /><div><span style="color: blue;"><br /></span></div><div>Cara di atas cukup ampuh menghapus, menghilangkan, alias melenyapkan link hidup secara otomatis di komentar blog. It work for Samakaki! Just try....!!!<br /><br /><blockquote class="tr_bq">Contoh link hidup yang hilang ada di komentar di bawah, tes komentar dari Samakaki. Live linknya hilang tu 'kan...? Tadinya begini: Ini contoh link hidup> <a href="http://fayedanielsbbw.blogspot.com/" target="_blank">CONTOH BLOG</a></blockquote></div><div><span style="color: blue;"><br /></span></div><div>*** Cara lain dan "lebih rumit" bisa Anda baca di <a href="http://www.spiceupyourblog.com/2014/03/how-to-auto-hide-links-in-blogger-comments.html" rel="nofollow" target="_blank">Spice Up Your Blog</a>.</div><div><br /></div><div>Kepada para tukang spam, Samakaki sarankan hentikan kebiasaan buruk yang dimusuhi para blogger itu. Lebih baik <a href="http://fayedanielsbbw.blogspot.com/2013/10/cara-membuat-openid-blog-untuk-komentar.html" target="_blank">Gunakan OpenID dalam Berkomentar</a>. Itu lebih elegan dan "natural".</div><div><br /></div><div>Good Luck and Happy Blogging!</div>

Cara Menghapus Komentar Spam (Link Hidup) secara Otomatis

COBA lihat komentar di blog Anda. Adakah yang menyertakan link hidup (live link)? Pastinya, jika sang komentator itu "tukang nyepam...

Read more »

Cara Menghapus Komentar Spam (Link Hidup) secara Otomatis

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSI1tUfO_KkdhUoTDQn7rolpe1whvID93PXqmGrX-gh9-vQZkedtwpIdhOhAPrz1DsORoLKoyC52L1-LMNf6lLrkDyAv34zxQUFdzgosXgYa8_CuERCJWz8OmpgFvy47bwyxdiqBcvYcEg/s1600/spam-komentar-blog.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSI1tUfO_KkdhUoTDQn7rolpe1whvID93PXqmGrX-gh9-vQZkedtwpIdhOhAPrz1DsORoLKoyC52L1-LMNf6lLrkDyAv34zxQUFdzgosXgYa8_CuERCJWz8OmpgFvy47bwyxdiqBcvYcEg/s1600/spam-komentar-blog.PNG" width="200" /></a></div><b>COBA</b> lihat komentar di blog Anda. Adakah yang menyertakan link hidup (live link)? Pastinya, jika sang komentator itu "tukang nyepam" (spammer), ia pasti akan menyertakan link hidup di komentarnya. Link hidup adalah link yang "tinggal di klik".<br /><br />Ini contoh link hidup> <a href="http://contohblognih.blogspot.com/" target="_blank">CONTOH BLOG</a><br />Ini contoh link yang "tidak hidup" > http://contohblognih.blogspot.com<br /><br />Jadi, jika ada yang komentar, misalnya begini: <span style="color: red;">"Nice post! I'll bookmark you blog. Have a nice day </span><a href="http://contohblognih.blogspot.com/" style="color: red;" target="_blank">http://contohblognih.blogspot.com</a><span style="color: red;"> </span>atau<span style="color: red;"> <a href="http://contohblognih.blogspot.com/" target="_blank">Contoh Blog</a>. </span><br /><br />Itulah komentar spam atau setidaknya komentar <i>spammy</i> (berbau spam).<br />((( Ssst....! Cara membuat lin hidup di komentar blog itu mudah lho! Tinggal tambah <a href="URL LINK">Link</a>. Kaya gini nih: <span style="color: blue;"><a href="http://contohblognih.blogspot.com">Contoh Blog</a></span> )))<br /><div><br /></div>Komentar spam merupakan "isu besar" bagi semua blogger. Blogger sebenarnya sudah membantu mendeteksi komentar spam dan menyimpannya di menu "Spam" di Dashboard. Tapi, spammer "cerdik" menghindarinya dengan hanya menyertakan satu-dua link hidup di komentarnya.<br /><br />Kasarnya begini, komentar spam itu adalah komentar yang hanya bermaksud menyisipkan link blognya ke blog kita. Dia tidak benar-benar bermaksud komentari posting kita, tidak bermaksud apresiasi atau bertanya soal isi posting. Hanya<i> mau nyepam</i> alias <i>nyisipin link</i>!<br /><br /><h3><b>Bagaimana Cara Menghapus Link Hidup secara Otomatis Komentar Spam Blog? </b></h3>Sebenarnya sih kita bisa hapus saja jika ada komentar yang menyertakan link hidup, tapi "kejam banget" :)<br /><br />Pasang kode di bawah ini di template Anda, di atas kode <span style="color: blue;"></body></span>. Cara CB,  kode di bawah ini diletakkan di bawah kode-kode komentar (comment):<br /><div><br /></div><span style="color: blue;">.comment-content a {display: none;}</span><br /><div><span style="color: blue;"><br /></span></div><div>Cara di atas cukup ampuh menghapus, menghilangkan, alias melenyapkan link hidup secara otomatis di komentar blog. It work for CB! Just try....!!!<br /><br /><blockquote class="tr_bq">Contoh link hidup yang hilang ada di komentar di bawah, tes komentar dari CB. Live linknya hilang tu 'kan...? Tadinya begini: Ini contoh link hidup> <a href="http://contohblognih.blogspot.com/" target="_blank">CONTOH BLOG</a></blockquote></div><div><span style="color: blue;"><br /></span></div><div>*** Cara lain dan "lebih rumit" bisa Anda baca di <a href="http://www.spiceupyourblog.com/2014/03/how-to-auto-hide-links-in-blogger-comments.html" rel="nofollow" target="_blank">Spice Up Your Blog</a>.</div><div><br /></div><div>Kepada para tukang spam, CB sarankan hentikan kebiasaan buruk yang dimusuhi para blogger itu. Lebih baik <a href="http://contohblognih.blogspot.com/2013/10/cara-membuat-openid-blog-untuk-komentar.html" target="_blank">Gunakan OpenID dalam Berkomentar</a>. Itu lebih elegan dan "natural".</div><div><br /></div><div>Good Luck and Happy Blogging!</div>

Cara Menghapus Komentar Spam (Link Hidup) secara Otomatis

COBA lihat komentar di blog Anda. Adakah yang menyertakan link hidup (live link)? Pastinya, jika sang komentator itu "tukang nyepam...

Read more »

Haruskah Menampilkan Widget Alexa Rank di Blog?

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoReX357zdYTxeGBInzohrLq8dpgF6kDNh8uWlqvXpr5us5om_heHCdAC1pnbZGWiG42oN8RUJjTDQo_2Hq2c-wf9GY3K6EfJXQDFrxjOpl4ZFVnPNQSIrD1UWzDDROoBPjz3sbUyKqRWb/s1600/alexa+rank+widget.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Widget Alexa Rank " border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoReX357zdYTxeGBInzohrLq8dpgF6kDNh8uWlqvXpr5us5om_heHCdAC1pnbZGWiG42oN8RUJjTDQo_2Hq2c-wf9GY3K6EfJXQDFrxjOpl4ZFVnPNQSIrD1UWzDDROoBPjz3sbUyKqRWb/s1600/alexa+rank+widget.png" title="Widget Alexa Rank " width="180" /></a></div>Haruskah kita Memasang, Membuat, atau Menampilkan <b>Widget Alexa Rank</b> di Blog? Bagi blogger baru yang "belum tahu", Alexa Rank adalah peringkat blog kita di "klasemen" blog internasional (global rank) dan Indonesia (rank in Indonesia).<br /><br />Jika Anda ingin tahu ada di urutan berapa popularitas blog Anda, tinggal buka <a href="http://alexa.com/" rel="nofollow" target="_blank">Alexa</a> --sekalian daftarkan blog Anda-- lalu masukkan url blog Anda. Adakah? Kalo no data? Daftarkan segera blog Anda.<br /><br />Kembali ke soal Haruskah Menampilkan Widget Alexa Rank di Blog, Samakaki berpendapat, relatif! Jika blog kita punya ranking bagus di Alexa, harus pasang! Jika blog kita masih di posisi jutaan, gak usah dulu deh, malu-maluin! He he......<br /><br /><a href="http://fayedanielsbbw.blogspot.com/" target="_blank">CONTOH<span style="color: orange;">BLOG</span></a> sendiri sudah pasang Widget Alexa Rank kok, tapi "ngumpet" di <a href="http://fayedanielsbbw.blogspot.com/p/buku-tamu.html" target="_blank">About</a>. Menurut Alexa, saat posting ini dibuat (28/4/2014), <i>Global rank</i> CONTOH<span style="color: orange;">BLOG</span>: 80,517 dan <i>Rank in Indonesia</i>: 897. Lumayan.... :)<br /><br /><h3>Jadi, haruskah Menampilkan Alexa Rank di Blog kita dan dilihat pengunjung?</h3>Widget Alexa Rank di blog kita akan membuat pengunjung dengan cepat tahu ranking blog kita di situs pemeringkat yang sudah diakui dunia itu.<br /><br />Jika ranking blog Anda bagus, dengan widget alexa itulah kita "pamer" (<i>show off</i>) sekaligus meningkatkan kredibilitas blog di mata user.<br /><br />Jika ranking trafik Alexa blog kita bagus, hal itu juga akan mengundang pemasang iklan potensial (<i>potential advertisers</i>).<br /><br /><h3>Cara meningkatkan ranking Alexa</h3>Cara terampuh meningkatkan ranking blog di Alexa adalah dengan menyajikan <a href="http://fayedanielsbbw.blogspot.com/2014/04/Algoritma-Google-Terbaru-Mengutamakan-Konten.html" target="_blank">konten berkualitas</a> (Quality Content) di blog. Content is STILL the King. Ini pula teknik SEO terbaik menurut Google.<br /><br />Cara meningkatkan ranking blog kita di Alexa hakikatnya sama dengan <a href="http://fayedanielsbbw.blogspot.com/2014/03/cara-meningkatkan-jumlah-pengunjung-blog.html" target="_blank">cara meningkatkan pengunjung blog</a>.<br /><br />Intinya, blog kita harus berisi posting yang unik, asli, dibutuhkan pembaca, dan bermanfaat. Yang menentukan popularitas blog bukan jumlah posting, tapi kualitas! Istilahnya, <i>"Quality is best Than Quantity"</i>.<br /><br />Meski demikian, inilah cara tambahan guna meningkatkan peringkat alexa:<br /><br /><ol><li>Avoid Errors. Hindari error, terutama Error 404. Baca: <a href="http://fayedanielsbbw.blogspot.com/2014/04/cara-mengatasi-error-404-page-not-found.html" target="_blank">Cara Mengatasi Error 404</a>.</li><li>Pasang Alexa Rank Widget di blog Anda. Dengan begitu, kunjungan Anda sendiri akan dihitung oleh Alexa.</li><li>Install "Alexa Toolbar" di Browser Anda. Caranya, daftar dulu ke Alexa dan download alexa toolbarnya. </li><li>Tulis posting tentang "Alexa Rank". Ajak blogger dan pengunjung memasang Alexa Toolbar di browsernya. Alasan nomor 4 inilah yang membuat Samakaki membuat posting ini :)</li></ol><br /><br />Dengan demikian, pertanyaan Haruskah Menampilkan Widget Alexa Rank di Blog, jawabannya... harus kayaknya ya...! Nggak yakin juga sih, karena situs-situs terkemuka di dunia kayaknya nggak pada pasang widget alexa rank tuh.... Wasalam. (http://fayedanielsbbw.blogspot.com/).*<br /><br />

Haruskah Menampilkan Widget Alexa Rank di Blog?

Haruskah kita Memasang, Membuat, atau Menampilkan Widget Alexa Rank  di Blog? Bagi blogger baru yang "belum tahu", Alexa Rank adal...

Read more »

Haruskah Menampilkan Widget Alexa Rank di Blog?

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoReX357zdYTxeGBInzohrLq8dpgF6kDNh8uWlqvXpr5us5om_heHCdAC1pnbZGWiG42oN8RUJjTDQo_2Hq2c-wf9GY3K6EfJXQDFrxjOpl4ZFVnPNQSIrD1UWzDDROoBPjz3sbUyKqRWb/s1600/alexa+rank+widget.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Widget Alexa Rank " border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoReX357zdYTxeGBInzohrLq8dpgF6kDNh8uWlqvXpr5us5om_heHCdAC1pnbZGWiG42oN8RUJjTDQo_2Hq2c-wf9GY3K6EfJXQDFrxjOpl4ZFVnPNQSIrD1UWzDDROoBPjz3sbUyKqRWb/s1600/alexa+rank+widget.png" title="Widget Alexa Rank " width="180" /></a></div>Haruskah kita Memasang, Membuat, atau Menampilkan <b>Widget Alexa Rank</b> di Blog? Bagi blogger baru yang "belum tahu", Alexa Rank adalah peringkat blog kita di "klasemen" blog internasional (global rank) dan Indonesia (rank in Indonesia).<br /><br />Jika Anda ingin tahu ada di urutan berapa popularitas blog Anda, tinggal buka <a href="http://alexa.com/" rel="nofollow" target="_blank">Alexa</a> --sekalian daftarkan blog Anda-- lalu masukkan url blog Anda. Adakah? Kalo no data? Daftarkan segera blog Anda.<br /><br />Kembali ke soal Haruskah Menampilkan Widget Alexa Rank di Blog, CB berpendapat, relatif! Jika blog kita punya ranking bagus di Alexa, harus pasang! Jika blog kita masih di posisi jutaan, gak usah dulu deh, malu-maluin! He he......<br /><br /><a href="http://contohblognih.blogspot.com/" target="_blank">CONTOH<span style="color: orange;">BLOG</span></a> sendiri sudah pasang Widget Alexa Rank kok, tapi "ngumpet" di <a href="http://contohblognih.blogspot.com/p/buku-tamu.html" target="_blank">About</a>. Menurut Alexa, saat posting ini dibuat (28/4/2014), <i>Global rank</i> CONTOH<span style="color: orange;">BLOG</span>: 80,517 dan <i>Rank in Indonesia</i>: 897. Lumayan.... :)<br /><br /><h3>Jadi, haruskah Menampilkan Alexa Rank di Blog kita dan dilihat pengunjung?</h3>Widget Alexa Rank di blog kita akan membuat pengunjung dengan cepat tahu ranking blog kita di situs pemeringkat yang sudah diakui dunia itu.<br /><br />Jika ranking blog Anda bagus, dengan widget alexa itulah kita "pamer" (<i>show off</i>) sekaligus meningkatkan kredibilitas blog di mata user.<br /><br />Jika ranking trafik Alexa blog kita bagus, hal itu juga akan mengundang pemasang iklan potensial (<i>potential advertisers</i>).<br /><br /><h3>Cara meningkatkan ranking Alexa</h3>Cara terampuh meningkatkan ranking blog di Alexa adalah dengan menyajikan <a href="http://contohblognih.blogspot.com/2014/04/Algoritma-Google-Terbaru-Mengutamakan-Konten.html" target="_blank">konten berkualitas</a> (Quality Content) di blog. Content is STILL the King. Ini pula teknik SEO terbaik menurut Google.<br /><br />Cara meningkatkan ranking blog kita di Alexa hakikatnya sama dengan <a href="http://contohblognih.blogspot.com/2014/03/cara-meningkatkan-jumlah-pengunjung-blog.html" target="_blank">cara meningkatkan pengunjung blog</a>.<br /><br />Intinya, blog kita harus berisi posting yang unik, asli, dibutuhkan pembaca, dan bermanfaat. Yang menentukan popularitas blog bukan jumlah posting, tapi kualitas! Istilahnya, <i>"Quality is best Than Quantity"</i>.<br /><br />Meski demikian, inilah cara tambahan guna meningkatkan peringkat alexa:<br /><br /><ol><li>Avoid Errors. Hindari error, terutama Error 404. Baca: <a href="http://contohblognih.blogspot.com/2014/04/cara-mengatasi-error-404-page-not-found.html" target="_blank">Cara Mengatasi Error 404</a>.</li><li>Pasang Alexa Rank Widget di blog Anda. Dengan begitu, kunjungan Anda sendiri akan dihitung oleh Alexa.</li><li>Install "Alexa Toolbar" di Browser Anda. Caranya, daftar dulu ke Alexa dan download alexa toolbarnya. </li><li>Tulis posting tentang "Alexa Rank". Ajak blogger dan pengunjung memasang Alexa Toolbar di browsernya. Alasan nomor 4 inilah yang membuat CB membuat posting ini :)</li></ol><br /><br />Dengan demikian, pertanyaan Haruskah Menampilkan Widget Alexa Rank di Blog, jawabannya... harus kayaknya ya...! Nggak yakin juga sih, karena situs-situs terkemuka di dunia kayaknya nggak pada pasang widget alexa rank tuh.... Wasalam. (http://contohblognih.blogspot.com/).*<br /><br />

Haruskah Menampilkan Widget Alexa Rank di Blog?

Haruskah kita Memasang, Membuat, atau Menampilkan Widget Alexa Rank  di Blog? Bagi blogger baru yang "belum tahu", Alexa Rank adal...

Read more »

Widget Media Sosial Keren untuk Blogspot

Yang Samakaki maksud dengan <b>Widget Media Sosial Keren untuk Blogspot </b>adalah widget yang seperti Samakaki pasang di bawah Related Posts. Kita juga bisa memasang widget Facebook, Twitter, Google Plus, dan RSS Feedburner ini di Sidebar blog.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_y92JNsU7ZzMoyWD5mI5uXWLtGKMn_reQdXFtbIks6KHdWxUBh5eEHzU6mqKnMKOzwYmBZAAp6iCbczsss5zidPsCqyRZXEvLxC66I-kSEd06y7Uw6FSK7wjBlaEMzjZD0aB0uREoaYWy/s1600/share+sosial+media+widget.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Widget Share Sosial Media Keren untuk Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_y92JNsU7ZzMoyWD5mI5uXWLtGKMn_reQdXFtbIks6KHdWxUBh5eEHzU6mqKnMKOzwYmBZAAp6iCbczsss5zidPsCqyRZXEvLxC66I-kSEd06y7Uw6FSK7wjBlaEMzjZD0aB0uREoaYWy/s1600/share+sosial+media+widget.gif" title="Widget Share Sosial Media Keren untuk Blogspot" /></a></div><br />Samakaki dapatkan Widget Media Sosial Keren untuk Blogspot ini dari <a href="http://www.atozbuzz.com/2012/08/cool-social-media-sharing-touch-me.html" rel="nofollow" target="_blank">Atoz Buzz</a>. Kodenya lalu di-parse di <a href="http://www.blogcrowds.com/resources/parse_html.php" rel="nofollow" target="_blank">Blog Crowds</a> dan disimpan di bawah kode Related Posts.<br /><br />Jika Anda juga berminat juga, silakan buka saja link Atoz Buzz di atas.<br /><br /><b>Alternatif: Vertical Style</b><br />Widget Media Sosial keren lainnya seperti berikut ini<br /><br /><style>#abt{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;} #abt a{text-decoration:none; font-family:trebuchet ms,sans-serif;} #abt li{position:relative; height:38px; cursor:pointer; padding: 0 !important;} #abt .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiATHI4F4aGgtVXSQ20mNkL_vbZQP7lcf9w9SCkgGIfDoN8otjT0BghyM-8u464XMrU9HFghCDSw95-ai3Bq232Jxq1JGyeR_KQGQ0coVTGLarcyJN7ymfpnNSzcrGM2bSJYByF1YB5Vd0/w35-h158-no/facebook+and+google%252B+.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;} #abt li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;} #abt .icon{overflow:hidden; color:#fafafa;} #abt .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;} #abt .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;} #abt .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;} #abt .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;} #abt .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;} #abt li:hover .icon, .touch #abt li .icon{width:210px;} .touch #abt li .facebook, #abt li:hover .facebook{background-color:rgba(59,89,152,1);} .touch #abt li .twitter, #abt li:hover .twitter{background-color:rgba(64,153,255,1);} .touch #abt li .googleplus, #abt li:hover .googleplus{background-color:rgba(228,69,36,1);} .touch #abt li .pinterest, #abt li:hover .pinterest{background-color:rgba(174,45,39,1);} .touch #abt li .rss, #abt li:hover .rss{background-color:rgba(255,102,0,1);} </style><a href="http://fayedanielsbbw.blogspot.com/" style="font-size: 0pt;">Samakaki Blogger</a><br /><ul id="abt"><li data-alt="Follow us on Facebook"><a class="icon facebook" href="https://www.facebook.com/Samakakiblogger" target="blank">Follow us on Facebook</a></li><li data-alt="Follow us on Google+"><a class="icon googleplus" href="https://plus.google.com/106869251529186655236/posts" target="blank">Follow us on Google+</a></li><li data-alt="Follow us on twitter"><a class="icon twitter" href="https://twitter.com/contohblog/" target="blank">Follow us on Twitter</a></li><li data-alt="Subscribe via RSS"><a class="icon rss" href="http://feeds.feedburner.com/contohblognih" target="blank">Subscribe via RSS</a></li></ul><br />Ini kodenya. Silakan pasang/copas dengan lebih dulu mengubah link media sosialnya (warna merah) dengan "kepunyaan" Anda ^_^.<br /><br /><div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;"><style><br />#abt{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;}<br />#abt a{text-decoration:none; font-family:trebuchet ms,sans-serif;}<br />#abt li{position:relative; height:38px; cursor:pointer; padding: 0 !important;}<br />#abt .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiATHI4F4aGgtVXSQ20mNkL_vbZQP7lcf9w9SCkgGIfDoN8otjT0BghyM-8u464XMrU9HFghCDSw95-ai3Bq232Jxq1JGyeR_KQGQ0coVTGLarcyJN7ymfpnNSzcrGM2bSJYByF1YB5Vd0/w35-h158-no/facebook+and+google%252B+.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}<br />#abt li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;}<br />#abt .icon{overflow:hidden; color:#fafafa;}<br />#abt .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;}<br />#abt .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;}<br />#abt .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;}<br />#abt .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;}<br />#abt .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;}<br />#abt li:hover .icon,<br />.touch #abt li .icon{width:210px;}<br />.touch #abt li .facebook, #abt li:hover .facebook{background-color:rgba(59,89,152,1);}<br />.touch #abt li .twitter, #abt li:hover .twitter{background-color:rgba(64,153,255,1);}<br />.touch #abt li .googleplus, #abt li:hover .googleplus{background-color:rgba(228,69,36,1);}<br />.touch #abt li .pinterest, #abt li:hover .pinterest{background-color:rgba(174,45,39,1);}<br />.touch #abt li .rss, #abt li:hover .rss{background-color:rgba(255,102,0,1);}<br /></style><a href="http://fayedanielsbbw.blogspot.com" style="font-size:0pt">Samakaki Blogger</a><ul id="abt"><br /><li data-alt="Follow us on Facebook"><a class="icon facebook" href="https://www.facebook.com<span style="color: red;">/Samakakiblogger</span>" target="blank">Follow us on Facebook</a></li><br /><li data-alt="Follow us on Google+"><a class="icon googleplus" href="https://plus.google.com/<span style="color: red;">106869251529186655236</span>/posts" target="blank">Follow us on Google+</a></li><br /><li data-alt="Follow us on twitter"><a class="icon twitter" href="https://twitter.com/<span style="color: red;">contohblog</span>/" target="blank">Follow us on Twitter</a></li><br /><li data-alt="Subscribe via RSS"><a class="icon rss" href="http://feeds.feedburner.com/<span style="color: red;">contohblognih</span>" target="blank">Subscribe via RSS</a></li><br /></ul></div><br />Cara pasangnya juga sama, namun karena bentuknya list vertikal, sebaiknya dipasang di Sidebar atau di About seperti punya Samakaki.<br /><br />Media Sosial  dan Blog itu saling mendukung. Trafik blog bisa meningkat karena kita share atau di-share pengunjung. Sebaliknya, follower dan "liker" akun media sosial juga bisa bertambah dengan cara memasang link sosial media kita di blog. Simbiosis mutualisme gitu kali ya... :)<br /><br />Samakaki harap Anda juga Follow dan Join akun Sosmed Samakaki di bawah ini, biar kita saling Follow dan Like, sekaligus keep update masing-masing blog.<br /><br />Sebelumnya Samakaki sudah share soal <a href="http://fayedanielsbbw.blogspot.com/2014/04/Cara-Share-Posting-Otomatis-Facebook-Twitter-Google-Plus.html" target="_blank">Cara Share Otomatis Posting Blog ke Sosmed</a>.<br /><br />Good Luck and Happy Blogging!

Widget Media Sosial Keren untuk Blogspot

Yang Samakaki maksud dengan  Widget Media Sosial Keren untuk Blogspot  adalah widget yang seperti Samakaki pasang di bawah Related Posts. Ki...

Read more »