Reflective Scribbles - Tutorial Blogger

Ciri-Ciri Blog Yang Tidak Disukai Oleh Pengunjung

2013-11-16T13:39:00.000-08:00

Ciri-Ciri Blog Yang Tidak Disukai Oleh Pengunjung - 5 Faktor yang akan dibahas kali ini hanya beberapa dari ciri-ciri blog yang tidak disukai pengunjung, jika anda ingin menambah faktor blog yang tidak disukai pengunjung silahkan saja dengan senang hati, bisa melalui kotak komentar atau lainnya.

Beberapa ciri-ciri ini saya dapatkan dari pengalaman pribadi dan jika anda ingin mengkritik saya silahkan saja, saya malah terasa terbantu oleh kritikan dari anda, karena kritikan dari anda bisa membuat saya lebih baik.

Apa sajakah beberapa ciri-ciri blog yang tidak disukai pengunjung ? mari kita simak lebih lengkapnya dibawah ini.

Berikut Ciri-Ciri Blog Yang Tidak Disukai Oleh Pengunjung

1. Blog yang mempunyai loading lama

Ini bisa menjadi faktor terpenting blog tidak disukai oleh pengunjung, karena blog yang mempunyai loading lama akan membuat pengunjung blog menunggu lama untuk membukan halaman blog mereka, sehingga pengunjung blogpun akan merasa kesal dan akhirnya meninggalkan blog yang mempunyai loading lama.

2. Artikel blog yang copas (copy paste)

Pengunjung blog akan kesal jika membaca artikel kita, mungkin karena pengunjung blog pernah membaca artikel yang kita bahas pada blog kita karena artikel di blog kita hasil copy paste artikel orang lain, dan lebih baik anda menulis sendiri artikel di blog anda, karena akan disukai oleh pengunjung maupun search engine.

3. Blog Yang Terdapat banyak iklan

Blog yang kebanyakan iklan otomatis akan mempengaruhi loading blog, atau bahkan bisa juga mengganggu konsentrasi pengunjung saat membaca artikel di blog kita.

4. Tampilan blog yang berantakan (tidak rapi)

Coba bayangkan saja jika anda mengunjungi blog yang amburadul, misalnya navigasi yang tidak baik, penggunaan widget yang tidak rapi dan masih banyak yang lainnya. Tentu anda akan merasa tidak betah berada di blog yang mempunyai tampilan berantakan. Hal ini berbeda jauh jika anda mengunjungi blog yang mempunyai tampilan rapi, elegan, dan enak dipandang mata.

5. Admin blog yang tidak ramah dengan pengunjung

Ternyata faktor ini juga bisa membuat blog anda tidak disukai pengunjung, misalnya pengunjung bertanya mengenai suatu hal, tetapi admin blog menjawabkan dengan jawaban yang tidak baik (tidak ramah). Pengunjung tersebut pun jika ingin mengunjungi blog yang mempunyai admin tidak ramah akan berpikir untuk meninggalkan atau menutup blog tersebut.

Nah, itulah beberapa ciri-ciri blog yang tidak disukai oleh pengunjung, Usahakan setelah anda membaca pembahasan saya diatas, anda bisa menjadikan blog anda lebih User Friendly, karena pengunjung merupakan salah satu faktor penting pertumbuhan blog kita. Semoga bermanfaat.

Membuat Efek Smooth Scrolling pada Komentar Blog dengan jQuery

2013-11-15T00:21:00.000-08:00

Membuat Efek Smooth Scrolling pada Komentar Blog dengan jQuery - Alhamdulillah nih bisa Update Artikel lagi. Tutorial kali ini adalah Memberi Efek smooth scrolling pada hash target komentar dan sedikit tambahan CSS.

Apakah Fungsi efek smooth scrolling pada komentar blog ?

Fungsi dari Pemakaian Efek smooth scrolling ini selain mempercantik tampilan komentar baru yang baru tampilkan juga berfungsi sebagai penanda bahwa komentar yang berefek adalah yang baru saja ditampilkan, selain itu tidak akan menambah Loading blog sobat masing-masing.

Bagaimana Demonya ?

Untuk demo silakan komentar di blog ini atau klik link berikut : DEMO

BERIKUT CARA PEMASANGAN EFEK SMOOTH SCROLLING DI KOMENTAR

1. Silahkan sobat Login ke Blogger masing-masing
2. Pada dashbor kita pilih bagian Template > Edit HTML
3. Kemudian kita cari bagian </head> tambahkan jQuery Library.

Pastikan bahwa jQuery ditemplate anda hanya 1, bila terdapat 2 script atau lebih akan terjadi error dibeberapa bagian script tidak bekerja. Apabila ingin mengganti versi cukup ganti Linknya saja.

4. Kemudian sobat Cari kode </body>
5. Letakan kode dibawah ini tepat diatas kode </body>

<script type='text/javascript'> var jump=function(e) { //alert('here'); if (e){ //e.preventDefault(); var target = jQuery(this).attr("href").replace('/', ''); }else{ var target = location.hash; } jQuery('html,body').animate( { scrollTop: (jQuery(target).offset().top) - 100 },500,function() { //location.hash = target; }); } jQuery(document).ready(function($) { $(document).on('click', 'a[href*=#]', jump); if (location.hash){ setTimeout(function(){ $('html, body').scrollTop(0).show(); jump(); }, 0); }else{ $('html, body').show(); } }); </script>

6. Kemudian tambahkan sedikit bumbu CSS terget untuk memberi Efek.

div:target .comment_body{border:2px solid #6db500;} div:target .comment_child .comment_wrap .comment_body{border:1px solid #ddd;}

Bagi anda pengguna Thread Comment bawaan Blogger, bisa menggunakan kode dibawah ini:

.comment .comment-block:target{border:1px solid yellow} .comments .comment-thread.inline-thread .comment .comment-block:target{border:1px solid yellow}

Silahkan sesuaikan kode diatas dengan template masing-masing. Dan kreasikan sesuai keinginan anda. Klik Simpan pada template.

Sumber bravoseo.blogspot.com

Cara Membuat Blog Valid HTML5

2013-11-10T23:14:00.000-08:00

Cara Membuat Blog Valid HTML5 - Valid HTML5 adalah pengembangan dari versi sebelumnya yaitu HTML4, dimana tujuan HTML5 untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru dan mudah dibaca oleh manusia dan mudah dimengerti oleh mesin, dan juga mempercepat loading suatu blog. Membuat blog HTML5 tidaklah sulit karena disini saya akan menjelaskannya secara detail.

Untuk melihat blog valid bisa di HTML5 Validator atau di Validator W3

Berikut Cara Membuat Blog Valid HTML5

1. Cari kode seperti ini :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

Ganti dengan :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>

Ganti kode </html> dengan </HTML> (Cari kode tersebut di paling bawah template)

2. Ganti kode :

<b:include data='blog' name='all-head-content'/>

Dengan kode dibawah ini :

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>

3. Ganti <b:skin><![CDATA[ dengan kode dibawah ini :

<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]]
<style>

4. Hapus semua kode ini setiap kali menambahkan widget !

<b:include name='quickedit'/>

5. Hapus semua kode ini (opsional)

<a expr:name='data:post.id'/>

6. Hapus kode seperti ini :

<b:include data='post' name='postQuickEdit'/>

atau seperti ini :

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>

7. Hapus kode dibawah ini (kalau ditemukan, kalau tidak ada, lewati saja)

<div class='post-share-buttons goog-inline-block'>...sampai...</div>

Sampai disini blog sobat sudah valid HTML5 di homepage.

Cara Mengatasi H1:Zero, that is really bad di Chkme

2013-11-09T05:56:00.000-08:00

Cara Mengatasi H1:Zero, that is really bad di chkme - Chkme merupakan website yang berguna untuk mengecek kualitas seo pada blog sobat. Tetapi pada postingan kali ini saya akan membahas Mengatasi H1:Zero, that is really bad di chkme. Cara ini memang sangat sederhana tetapi sangat bermanfaat bagi seo blog sobat.

Berikut Cara Mengatasi H1:Zero, that is really bad di chkme

1. Cari kode berikut

<div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>

2. Lalu tambah tag h1 sehingga menjadi seperti ini

<div id='header-inner'>
        <h1><a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a></h1>

Simpan template... Semoga berhasil :)

Cara Ping ke Google Secara Manual

2013-10-31T22:09:00.000-07:00

Cara Ping ke Google Secara Manual - Ping menurut arti kata berarti bersiul. Saat seperti apakah kamu melakukan siulan ? misalnya kamu ingin menarik perhatian burung peliharaan kalian supaya berkicau, maka kamu melakukan siulan. Nah, dalam hal ini maksudnya hampir sama dengan penjelasan diatas.

Ping ke Google berarti kamu memanggil Google supaya mesin perayap google mengunjungi blog kita dan mengindex artikel terbaru kita. lalu apa fungsi ping itu sendiri ? Begini, jika kamu baru saja mempublikasikan sebuah artikel, tentunya tidak akan langsung terdeteksi oleh Google, hal ini karena google membutuhkan waktu untuk merayapi setiap website yang ada.

Ada artikel yang lambat terindex, ada juga cepat terindex ( dalam hal ini, kita anggap artikel belum kita beri backlink). Nah, jika ingin artikel terbaru kita cepat terindex google, maka kita harus melakukan yang namanya ping.

Sebenarnya, tidak diping juga tidak apa-apa karena Google pasti akan mengindexnya. Tetapi kembali lagi ke alasan tadi, Google juga membutuhkan waktu untuk melakukannya. Ping artikel blog ke google dapat dilakukan sendiri secara manual, atau secara otomatis. Tetapi kita akan membahas cara melakukan ping secara manual.

Berikut cara ping artikel blog ke google secara manual :

1. Masuk ke alamat berikut : Blogsearch Google
2. Masukan URL blog yang akan kamu ping dikolom yang disediakan. Misalnya Reflective Scribbles
3. Tekan tombol Submit Blog.
Jika keluar notifikasi, berarti kamu sudah berhasil melakukan ping blog ke Google secara manual.

Selamat mencoba :)

Cara Membuat Meta Tag SEO Friendly

2013-10-28T00:01:00.000-07:00

Cara Membuat Meta Tag SEO Friendly memang sangatlah mudah. Dalam dunia SEO, Meta Tag memang sudah tidak asing lagi bagi kebanyakan blogger. Jadi, apa pengertian Meta Tag ?

Apa Itu Meta Tag

Meta Tag adalah sebuah Tag yang dapat anda tambahkan ke dalam situs anda untuk memberitahu robot mesin pencari dan aplikasi web lain apa isi dalam halaman tertentu dan informasi lainnya. Mereka memberikan halaman judul , deskripsi dan kata kunci web anda yang dapat digunakan untuk membantu meningkatkan peringkat mesin pencari dan meningkatkan lalu lintas ke halaman tersebut.

Cara Membuat Meta Tag SEO Friendly

Ada banyak Meta Tag yang bisa anda pasang pada blog anda, tapi sebaiknya juga anda harus mengetahui kelebihan dan kekurangan Meta Tag yang anda pakai tersebut.. Berikut ini adalah kode Meta Tag SEO Friendly yang dapat anda pakai serta penjelasan mengenai kode Meta Tagnya.

<title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/>
</b:if>
</title>
<meta content='Masukkan deksipsi blog anda'/>
<meta name='robots' content='noindex, nofollow' />
<meta content='Masukkan keyword anda' name='KEYWORDS'/> <meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'/>
<meta content='Indonesia' name='geo.placename'/>
<meta name="language" content="id" />
<meta content='Tips Belajar SEO dan bisnis online dari pakar seo' name='subject'/>
<meta content='Belajar SEO' name='Author'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta http-equiv='refresh' content='10'/>
<meta name="revisit-after" content="1 days"/>

Jadi mari kita bahas bagian-bagiannya.

META TAG TERPENTING

<title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/>
</b:if>
</title>
<meta content='Masukkan deksipsi blog anda'/>
<meta name='robots' content='noindex, nofollow' />

1. Title Tag
Title Tag memang bukan merupakan sebuah Meta Tag, tapi karena letaknya yang bersamaan dengan Meta Tag yang lain, maka tidak ada salahnya juga kita bahas.. Kodenya seperti ini..

<title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/>
</b:if>
</title>

Search Engine menggunakan Title Tag untuk mengetahui penekanan kata kunci yang anda incar pada halaman blog anda. Panjang maksimal dari Title Tag adalah 70 karakter.

2. Meta Description

<meta content='Masukkan deksipsi blog anda, panjang maksimal adalah 156 karakter dan jangan lebih'/>

Ini adalah Meta Tag yang paling penting yang harus anda optimalkan pada blog anda. Panjang dari Meta Description adalah 156 karakter dan jangan lebih. Perlu diketahui juga, jika anda melakukan penumpukan kata kunci pada bagian Meta Description ini, maka bisa menyebabkan Google mengabaikan Meta Tag ini.

3. Meta Robot

<meta name='robots' content='noindex, nofollow' />

Meta Tag ini berfungsi untuk memblokir robot dari suatu halaman. Google tidak akan butuh Meta Tag seperti ini untuk mengindeks halaman anda, karena jika tidak ada larangan, pasti akan langsung diindeks oleh Google. Jangan isi kode Meta Tag Robot ini dengan nilai index, follow karena ini tidak akan berguna sama sekali pada blog anda..

META TAG LUMAYAN PENTING

<meta content='Masukkan keyword anda' name='KEYWORDS'/> <meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'/>
<meta content='Indonesia' name='geo.placename'/>
<meta name="language" content="id" />
<meta content='Tips Belajar SEO dan bisnis online dari pakar seo' name='subject'/>
<meta content='Belajar SEO' name='Author'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>

1. Meta Keyword

<meta content='Masukkan keyword anda, contoh keyword, belajar seo blogspot' name='KEYWORDS'/>

Perlu anda ketahui bahwa Meta Tag ini sudah tidak mempengaruhi dalam peringkat artikel anda di Google. Meta Tag ini sebenarnya berguna untuk memberitahui kata kunci yang tepat terhadap google. Tapi hal ini bisa tidak diperlukan lagi jika anda menebalkan kata kunci artikel anda, memberi alt Tag Image dengan kata kunci yang anda incar. Dengan hal ini, kata kunci sudah bisa ditangkap oleh Google dengan baik.
Untuk pemasangannya sebaiknya jangan ulangi beberapa kata lebih dari 3 kali..

2. Meta Content Type (Charset)

<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'/>

Meta Tag yang satu ini berguna untuk menyatakan encoding website anda. Fungsi sebenarnya adalah agar Browser yang dipakai tidak salah menampilkan halaman blog anda. Meta Tag ini tidak terlalu penting karena tidak berpengaruh terhadap peringkat artikel anda di Google. Meta Tag ini bisa saja membuat tampilan blog anda berantakan jika anda salah dalam pemasangannya.

3. Meta Tag Geo Placename

<meta content='Indonesia' name='geo.placename'/>

Ini adalah Meta Tag untuk memberitahu asal negara blog anda. Indonesia bisa anda ganti dengan nama negara blog anda.

4. Meta Languange

<meta name="language" content="id" />

Meta Tag ini berguna untuk memberitahu bahasa apa yang anda gunakan dalam menulis kepada Google. Meta Tag ini juga sudah tidak berpengaruh karena Google sudah bisa mengenali bahasa blog anda. Jadi, Meta ini tidak akan berpengaruh juga terhadap peringkat blog di Google.

META TAG BERESIKO

<meta http-equiv='refresh' content='10'/>
<meta name="revisit-after" content="1 days"/>

1. Meta Refresh

<meta http-equiv='refresh' content='10'/>

Ini adalah Meta Tag yang sangat tidak dianjurkan untuk dipakai. Keuntungan memasang Meta ini hanyalah untuk meningatkan Pageviews blog. Tapi ini tidak akan membawa manfaat, malah bisa saja akan dianggap Web Spam oleh Google.

Meta ini akan mengganggu pengunjung blog anda. Mengapa demikian? Karena pengunjung akan dibingungkan dengan Refresh halaman yang otomatis selang beberapa waktu yang telah ditentukan.

Bayangkan saja jika anda membaca artikel kemudian halamannya melakukan refresh, kesal? anda harus mencari bacaan terakhir yang anda baca, terlebih lagi jika informasi yang anda butuhkan itu sangat penting. Jadi sebaiknya jangan gunakan Meta ini.

2. Meta Tag Revisit After

<meta http-equiv='refresh' content='10'/>

Meta ini berguna untuk mengatur tingkat perayapan Google terhadap situs anda. Meta Tag ini sudah diabaikan google, dan justru Meta Tag ini tidak SEO Friendly dan kurang baik jika dipasang pada blog anda. Mengapa demikian? karena Google sudah menentukan tingkat perayapan sebuah blog, jadi kenapa harus susah-susah memang Meta Tag ini ?

Teknik White Hat SEO

2013-10-17T00:30:00.000-07:00

White Hat SEO adalah usaha optimasi SEO yang baik dan benar serta tidak melanggar TOS yang telah ditetapkan oleh search engine. Untuk semua blogger yang ingin memperoleh hasil yang baik di halaman SERP wajib untuk menerapkan teknik seo ini. Teknik SEO yang di pergunakan oleh seorang SEO dengan mengambil teknik etis atau etchical technique.

Tujuan utama White hat SEO yaitu menaikkan page rank website utama ataupun blog utama menuju page satu di search engine. Memang teknik ini membutuhkan waktu lama, akan tetapi lebih aman dan Anda bisa merangkul kepercayaan Mesin Pencari. Bukankah menyenangkan bila blog atau website utama ataupun Blog utama Anda sering di kunjungi oleh Mesin Pencari? Selain itu, traffic website utama ataupun Blog utama Anda akan ramai dan stabil apabila Anda berhasil mengoptimize mencapai page satu di Mesin Pencari.

White Hat SEO juga memiliki beberapa teknik, diantaranya adalah :

1. Optimasi Konten Blog
Meningkatkan kualitas blog dengan selalu menyajikan konten yang berkualitas dan original.

2. Optimasi Kata Kunci
Melakukan berbagai optimasi kata kunci yang benar tanpa memanipulasi warna maupun ukuran huruf dengan keyword density perkonten yang tidak lebih dari 3 % atau 4%.

3. Optimasi pada URL Blog
Tidak membuat redirect URL tertentu ke halaman lain ketika seseorang pengunjung membuka url tersebut dan tentunya memperkuat oprimasi seo dengan cara memasukkan keyword blog dalam url blog.

4. Melakukan Link Building
Melakukan link bulding yang benar dan tidak keluar dari jalur white hat seo seperti membangun link building secara natural dan bukan dengan cara membeli backlink berkualitas dari blog yang memiliki pagerank tinggi.

5. Template
Dalam memilih template atau tampilan juga termasuk salah satu teknik White hat SEO yang bisa dilakukan, jadi pilihlah template yang SEO friendly dan jangan lupa untuk mengatur CSS dengan merampingkannya sehingga loading blog menjadi cepat. Blog yang ringan sangat disukai oleh mesin pencari atau search engine.

6. Meta Tag
Pasanglah Meta Tag hal ini sangat membantu terutama judul dan deskripsi yang perlu di perhatikan adalah robot dan judul yang tepat dibawah head juga charset yang di gunakan agar spider jelas membaca kode. Untuk white hat seo tempatkan judul sebagai keyword dan juga deskripsi, ada baiknya di tempatkan di unsur berikut ini:

- Judul
- Meta Description
- Kata kunci Meta
- Pos Unsur h1-h6
- Alt Tag yang bisa di optimalkan di dalam gambar
- Title Tag
- Link yang berisi keyword

7. Informasi yang Terarah
Membuat konten yang relevan dan menunjukan informasi yang relevan juga, maksudnya adalah apabila ingin memasarkan suatu produk maka pasarkanlah yang sportif tidak membuat kata kunci yang lain yang diselipkan di dalam konten sehingga pengunjung pun mengetahui maksud dan tujuan web/blog tersebut dengan produk yang diarahkan.

8. Backlink yang berkualitas
Carilah backlink yang baik dari situs – situs yang ber PR tinggi, submit juga ke directory dofollow dan carilah backlink yang satu arah / sesuai dengan konten blog sobat.

9. Ping secara teratur
Direkomendasikan untuk melakukan teknik Ping secara teratur baik setelah mengupdate blog atau mempublikasikan postingan baru. Namun jangan melakukan Ping terlalu sering karena akan dianggap spam. Jika sobat membuat banyak postingan dalam sehari, cukup lakukan Ping sekali saja.

10. Promosikan Blog ke SocialNetwork
Lakukan dengan mengandalkan facebook dan twiter ataupun social network yang lain, bagi saya facebook dan twiterlah yang paling baik untuk promosi, yang perlu di perhatikan apabila menautkan link harus mempunyai judul yang sesuai dengan pembahasan di Web/blog.

Sekian teknik White Hat SEO.. semoga bermanfaat :)

Langkah Membuat Blog SEO

2013-10-16T03:47:00.000-07:00

Langkah Membuat Blog SEO - Terkadang memulai sesuatu itu sangat sulit, mungkin karena kita bingung mau memulai sesuatu itu darimana. Apalagi jika berbicara tentang SEO.

Jika Temen - temen Blogger termasuk orang Baru di dunia SEO, adalah sesuatu yang wajar jika temen - temen Blogger bingung mau memulai SEO dari mana, walaupun sudah mendapat banyak pelajaran SEO dari Browsing tetapi tetap saja bingung dari langkah mana memulainya.

Nah kali ini saya akan berbagi mengenai "Langkah Awal Untuk Membuat Blog Anda SEO". Dengan apa yang saya bagikan kali ini saya harap dapat membantu Temen - temen Blogger yang sedang kebingungan dari mana harus memulai SEO. Oke, langsung saja akan saya bagikan.

1. Usahakan Blog Sudah Terindeks di Mesin Pencari.

Yang pertama harus Temen - temen blogger lakukan Untuk SEO adalah dengan mengusahakan Blog agar Terindeks di Search Engine ( Mesin Pencari ). Submit Blog Temen - temen Blogger ke Google lalu Gunakanlah Google Webmaster Tool, Begitu juga dengan Bing, Submit dan Gunakanlah Bing Webmaster Tool. Submit Sitemap Temen - temen Blogger dan tidak akan memakan waktu terlalu lama untuk menunggu sampai semua konten terindeks.

2. Tentukan Keyword ( Kata Kunci )

Keyword ( Kata Kunci ) termasuk hal pokok dan harus dilakukan di Langkah - Langkah Awal untuk memulai SEO. Tidak perlu menjadi Seorang Profesional SEOuntuk dapat menentukan Keyword ( Kata Kunci ) untuk Blog Temen - temen Blogger. Gunakanlah Google Keyword Tool untuk menentukan Keyword apa yang sedang banyak di Cari di Search Engine ( Mesin Pencari ) dan juga untuk melakukan percobaan apakah Keyword yang Temen - temen Blogger rencanakan itu akan banyak dicari pengguna Search Engine ( Mesin Pencari ). Usahakan untuk mencari Keyword yang sedikit Pesaingnya tetapi Banyak Dicari Per bulannya.

3. Gunakanlah Template Blog Yang SEO Friendly

Memilih Template juga merupakan Langkah awal karena saya tidak menyarankan untuk terlalu sering mengganti Template. Jadi dari awal Pilihlah Template Blog yangSEO Friendly. Menurut banyak pengamat SEO template bawaan dari Blogger itu kurang SEO Friendly jadi perlu sedikit perubahan untuk menjadikannya SEOFriendly. Atau Temen - temen Blogger bisa Browsing karena banyak yang menyediakan Template Blog yang sudah SEO Friendly.

4. Gunakan Label / Kategori Dengan Baik

Label / Kategori sangat berguna untuk memudahkan pengunjung Blog Temen - temen Blogger untuk mencari Konten berdasarkan Label / Kategori. Jangan Terlalu banyak menggunakan Label / Kategori gunakanlah dengan baik untuk bertujuan memudahkan Pengunjung dalam menelusuri Blog Temen - temen Blogger. Tentunya Label / Kategori akan membantu Blog Temen - temen Blogger di hasil pencarian.

5. Tambahkan Related Post / Internal Link

Related Post ( Post Yang Berhubungan ) / Internal Link tentunya sangat penting. Kenapa? salah satunya adalah untuk membawa Pembaca Blog lebih dalam menelusuri Konten yang ada di Blog. Juga dengan Related Post / Internal Link, Postingan Blog yang sudah lama tetap akan Terbaca ini akan meningkatkan PageRank. tidak sulit untuk menambahkan Related Post / Internal Link karena juga banyak yang menyediakan Widget Related Post, Seperti LinkWithin, Nrelate dsb.

6. Permudah Pengunjung Untuk Share di Jejaring Sosial

Jejaring Sosial akan sangat membantu pertumbuhan Blog Temen - Temen Blogger. Jadi permudahlah Pengunjung untuk Membagikan Konten di Blog di Jejaring Sosial dengan begitu Blog Temen - temen Blogger akan seperti di Promosikan. Caranya juga tidaklah sulit, hanya dengan menambahkan Tombol Like Facebook, G+, Share Twitter, Pinterest dsb. Tentunya untuk langkah awal ini akan sangat membantu mendatangkan Pengunjung dan menyebarkan Link Blog ke Jejaring Sosial.

Semoga langkah-langkah diatas berguna bagi sobat yang ingin membuat blog SEO.

Teknik SEO Yang Tidak Boleh Anda Lupakan

2013-10-14T18:44:00.000-07:00

Teknik SEO Yang Tidak Boleh Anda Lupakan - Untuk memperoleh peringkat terbaik di berbagai mesin pencari, seperti Google dan Yahoo, penting untuk menerapkan strategi SEO yang efektif.

Anda yang tidak berlatih SEO secara terus-menerus cenderung lupa beberapa tips yang sebetulnya telah banyak dipublikasikan, padahal menerapkan tips tersebut akan memberikan keuntungan untuk blog anda sepanjang waktu.

Berikut ini Tips SEO yang tidak boleh anda lupakan :

Header dan sub-header tag.
Dengan menggunakan <h1> (header) dan <h2> (sub-header) tag secara efektif, Anda bisa melakukan lebih dari sekedar meningkatkan tata letak situs web Anda. Agar tag ini bermanfaat untuk SEO, Anda perlu menggunakannya dengan cara yang baik. Hal yang penting untuk Anda ingat adalah untuk menghindari spamming website Anda dengan memborbardir header dengan kata kunci (mesin pencari benci ini, sehingga benar-benar akan menghancurkan usaha SEO anda) .

Hapus kode yang tidak perlu.
SEO diimplementasikan ke dalam situs web Anda dengan tujuan menjadikannya sebagai terlihat mesin pencari dan pengunjung potensial mungkin. Gunakan validator XHTML untuk menentukan apakah semua kode Anda dapat dibaca atau tidak - pastikan untuk menghapus kode yang tidak berguna untuk tujuan SEO Anda.

Hindari menggunakan gambar sebagai link.
Ketika mesin pencari mengindeks situs Anda, mereka benar-benar mengcrawl setiap aspek. Anda harus menghindari menggunakan gambar sebagai link. Semua mesin pencari mengalami kesulitan untuk membaca gambar, mereka lebih mampu untuk membaca text, sehingga link dengan menggunakan gambar menjadi kurang bermanfaat untuk strategi SEO Anda.

Gunakan kata kunci dalam URL Anda.
Salah satu langkah pertama untuk menerapkan strategi SEO yang efektif untuk website Anda adalah untuk mengoptimalkan nama domain Anda dan konten situs untuk kata kunci yang relevan. Anda juga harus melakukan ini untuk semua URL di website Anda,.

Minimumkan link yang ada di footer.
Ada satu jenis link yang mendapat perhatian sangat sedikit dari mesin pencari, sehingga sama sekali tidak berguna untuk SEO. Link ini dikenal sebagai link footer, meskipun bermanfaat dari sudut pandang navigasi, namun untuk tujuan SEO manfaatnya sedikit, oleh sebab itu usahakan untuk meminimalkan link pada footer.

Hendaknya anda selalu mengingat tips diatas, agar anda dapat berhasil dalam upaya meningkatkan peringkat blog anda di search engine.

Cara Mempercepat Loading Blog

2013-10-14T01:07:00.000-07:00

Cara Mempercepat Loading Blog - Tips mempercepat loading blog bisa dilakukan dengan beberapa macam cara salah satunya dengan cara manual ada memodifikasikan css. Cara manual juga bisa memberikan hasil yang lumayan baik, tetapi bagi yang tidak mau merubah tampilan utak-atik css bisa menjadi pilihan.

Cara mempercepat loading blog secara manual :

1. Jangan terlalu banyak membuat label.
2. Kompres gambar sekecil mungkin.
3. Gunakan template yang simple dan tidak banyak meload gambar.

Cara mempercepat loading blog dengan CSS :

1. Ambil kode CSS yang akan sobat kompres.
2. Copy CSS tersebut ke notepad kemudian save dengan format .css
3. Kemudian upload CSS tersebut ke hosting gratisan, misalnya dengan goole drive
maka sobat akan mendapatkan url CSS seperti ini http://sites.google.com/site/CSS/file-cabinet/celco.css
Masukin url CSS seperti ini <link href='http://sites.google.com/site/CSS/file-cabinet/celco.css' rel='stylesheet' type='text/css'/>
Ganti http://sites.google.com/site/CSS/file-cabinet/celco.css
Dengan url CSS sobat.
4. Terakhir simpan url tersebut diatas ]]></b:skin>

Semoga berhasil :)

NB : Untuk menghosting CSS ke google drive silakan baca artikel ini : http://blog.kangismet.net/2013/06/hosting-file-css-html-javascript-di-google-drive.html

Cara Menerapkan Font Google pada Blog

2013-10-07T06:09:00.000-07:00

Banyak blogger yang tidak merasa nyaman dengan font yang formal dan ingin menggantinya dengan font yang lebih menarik. Sebenarnya ini sangat mudah jika template blog anda dilengkapi fungsi variabel untuk mengganti font. Lalu bagaimana jika template blog anda tidak dilengkapi dengan variabel itu ?

Kebanyakan template hasil download tidak bisa diedit di perancang template. Jadi untuk mengganti fontnya, anda perlu melakukan hal-hal sederhana berikut:

Cara menerapkan Font google pada blog sebagai berikut :

1. Masuk ke Google Web Font.
2. Kemudian pilih font yang kita butuhkan. saya mengambil contoh Font Libre Baskerville

3. Klik Quick Use, lalu terdapat banyak pilihan font style seperti normal, italic, Bold dan UnderLine dan lain-lain.
4. Centang Font sesuai kebutuhan sobat.
5. Jika kita Scroll kebawah kita akan mendapati pilihan kode untuk memasukannya keblog, Seperti :

Standar : berupa url link css
@import : pilihan ini jarang digunakan dalam blogger
javascript : Font berbentuk javascript

6. Setelah kita ambil @font-face meskipun tidak ada pilihan disana, untuk mendapatkan kita ambil url link cssnya :

Kemudian pastekan di new-tab maka kita akan mendapatkan CSS kurang lebih seperti ini :

@font-face { font-family: 'Libre Baskerville'; font-style: normal; font-weight: 700; src: local('Libre Baskerville Bold'), local('LibreBaskerville-Bold'), url(http://themes.googleusercontent.com/static/fonts/librebaskerville/v1/kH7K4InNTm7mmOXXjrA5vz8SLKRGgamuUl1hIefMyNI.woff) format('woff'); }

Kemudian simpan @font-face ini di atas ]]></skin> kemudian cari bagian yang mau sobat ganti fontnya.
Semoga berhasil :)

Cara Menghapus Link Aktif dikomentar Blog

2013-09-30T04:09:00.000-07:00

Link aktif pada komentar bertujuan untuk mencari backlink, tapi terkadang spammer berlebihan dan tidak sesuai dengan postingan. Jika kamu pusing menghapus satu persatu komentar mereka, nah pada kesempatan kali ini saya akan membahas bagaimana cara menghapus link aktif di blog.

Berikut cara menghapus link aktif dikomentar blog :

1. Simpan kode dibawah ini diatas </body>

<script type='text/javascript'>
//<![CDATA[
$(function(){$('#comments p').find('a').contents().unwrap();});
//]]>
</script>

Maka hasilnya menjadi teks biasa.

Semoga berhasil :)

Source :
blog.kangismet.net
dte.web.id

Cara SEO Offpage Para Webmaster

2013-09-28T03:55:00.000-07:00

Cara SEO Offpage Para Webmasters - Banyak cara dan teknik yang bisa digunakan untuk optimasi blog, salah satunya adalah dengan mendapatkan backlink yang berkualitas.

Untuk bisa mendapatkan backlink yang berkualitas tentunya tidak mudah, karena disini dibutuhkan kerja keras. Atau malah bisa jadi ada biaya yang harus sobat keluarkan untuk mendapatkan backlink yang berkualitas.

Berikut saya akan mencoba menyampaikan sedikit tips SEO offpage Webmaster.

Social Bookmark : Untuk yang satu ini sudah disediakan beberapa social bookmark untuk mempromosikan blog kita ke layanan Social Bookmark. Sebagian besar blogger luar negeri menjadikan social bookmark sebagai kegiatan wajib bagi mereka, setelah melakukan pembaruan postingan pada blog mereka. Beberapa social bookmark yang popular : Digg, Pinterest, Delicious, StumbleUpon ,dan Reddit.

Forum : Forum merupakan salah satu yang bisa kita gunakan dalam promosi blog kita. Forum merupakan tempat yang paling efektif untuk mendapatkan traffic, salah satunya dengan meninggalkan post komentar pada thread yang orang buat, dan kita tinggalkan signature yang diberi link ke blog kita. Thread harus sesuai dengan bahasa blog kita, dan signature yang diberikan merupakan kata kunci yang kita pilih.

Artikel Directory : inilah yang saya lakukan untuk mendapatkan traffic. dengan cara menulis artikel dan meninggalan link blog kita. cara ini cukup efektif bagi saya untuk mendapatkan visitor.

Website Directory :Sebagian orang jarang melakukan submit ke website directory, sebenarnya ini bisa berdampak besar pada traffic blog anda, kadang pada blog baru untuk berada dihalaman satu Google sangat sulit dan dengan cara menginputkan blog kita pada website directory itu bisa terjadi karena sebagian website directiry mempunyai pagerank yang tinggi dan traffic yang bagus.

Social Media : sekarang social media merupakan hal pokok dalam SEO, social media sangat diperhitungkan dalam mesin pencarian Google dan termasuk dalam algoritma SEO mereka, karena Google beranggap social media merupakan tempat berkumpulnya banyak orang dari berbagai penjuru dunia dan jika kita mendapatkan bisitor yang masuk melalui social media itu Google menganggap visitor kita merupakan masnusia yang benar benar tertarik dengan blog kita dan bukan robot yang sering menyusup ke blog.

Itulah beberapa Cara SEO Offpage Para Webmaster, dan hasilnya efektif terutama dalam menaikan pagerank blog dan merampingkan alexa rank.

Cara setting robots.txt di Blog

2013-09-24T07:11:00.000-07:00

Cara Setting robots.txt di Blog - Robots.txt sangat bermanfaat karena kita bisa mengatur visibility dari artikel artikel kita di mesin pencarian. Apabila kita salah mensetting robots.txt mungkin artikel tertentu tidak terindeks oleh mesin pencarian.

Secara default, setiap blog yang menggunakan platform blogger akan memiliki robots.txt seperti berikut :

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Allow: /

Sitemap: http://www.example.com/feeds/posts/default?orderby=updated

Dimana mempunyai penjelasan sebagai berikut :
Mediapartners-Google adalah robot dari Google Adsense, dan biarkan seperti defaultnya kerena jika anda salah mengubahnya maka iklan yang ditayangkan tidak akan menyesuaikan dengan konten anda
baris berikutnya adalah untuk semua robot yang ditandai dengan tanda bintang (*).

Pada konfigurasi defaultnya jelas terlihat bahwa label dari blog kita sudah disetting untuk tidak terindeks dengan menulis Disallow: /search.

perlu diingat bahwa tanda garis miring (/) diibaratkan sebagai homepage anda, jadi misalnya anda ingin supaya label terindeks jangan hanya mengisi dengan garis miring seperti ini, tapi menjadi contoh :

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow:
Allow: /

Sitemap: http://www.example.com/feeds/posts/default?orderby=updated

Dengan konfigurasi seperti diatas maka semua artikel dan label akan terindeks. Dan untuk memblok robot dihalaman tertentu ( Saya ambil contoh halaman Sahabat saya ) anda cukup menulis seperti berikut :

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow:/p/blog-page_31.html
Allow: /
Sitemap: http://www.example.com/feeds/posts/default?orderby=updated

Untuk memecahkan masalah paginasi yang muncul diblogspot setelah kita menghapus Disallow: /search maka kita bisa menggunakan konfigurasi seperti berikut untuk memblok halaman paginasi :

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search?updated-min=
Disallow: /search?updated-max=
Disallow: /search/label/*?updated-min=
Disallow: /search/label/*?updated-max=
Allow: /

Sitemap: http://www.example.com/feeds/posts/default?orderby=updated

Setelah mengubah pastikan semuanya sesuai seperti apa yang kita inginkan dengan mengunjungi www.example.com/robots.txt Ganti example dengan domain anda.

NB: Gunakan dengan hati hati. Jika salah menggunakan fiktur ini maka blog anda bisa diabaikan oleh mesin pencarian.

Cara Membuat Tombol Back To Top

2013-09-14T00:23:00.000-07:00

Cara Membuat Tombol Back To Top - Alhamdulillah nih saya bisa update artikel lagi. Tutorial kali ini akan membahas Cara Membuat Tombol Back to top. Mau tau kan cara membuatnya ? nah ini dia :)

Back To Top adalah sebuah tombol yang berfungsi untuk mempercepat scrolling dari bawah sampai atas sebuah blog.

Berikut cara membuat tombol back to top diblog.

1. Silahkan login ke Blogger masing-masing
2. Pada Dashbor kita pilih bagi template > edit HTML
3. Kemudian, cari kode ]]></b:skin>
4. Letakan kode dibawah ini tepat diatas kode ]]></b:skin>

 #gotop {
  cursor:pointer;
  width:30px;
  height:30px;
  position:fixed !important;
  position:absolute;
  bottom:-40px;
  right:-40px;
  z-index:999;
  text-indent:-9999px;
  border:1px solid #144F69;
  background-color:#067BAF;
  background-image:-webkit-radial-gradient(top,#2493C4,#086A95);
  background-image:-moz-radial-gradient(top,#2493C4,#086A95);
  background-image:-ms-radial-gradient(top,#2493C4,#086A95);
  background-image:-o-radial-gradient(top,#2493C4,#086A95);
  background-image:radial-gradient(top,#2493C4,#086A95);
  -webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  -moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  -webkit-border-radius:10px 0 0 0;
  -moz-border-radius:10px 0 0 0;
  border-radius:10px 0 0 0;
  overflow:hidden;
}
#gotop {
  cursor:pointer;
  width:30px;
  height:30px;
  position:fixed !important;
  position:absolute;
  bottom:-40px;
  right:-40px;
  z-index:999;
  text-indent:-9999px;
  border:1px solid #144F69;
  background-color:#067BAF;
  background-image:-webkit-radial-gradient(top,#2493C4,#086A95);
  background-image:-moz-radial-gradient(top,#2493C4,#086A95);
  background-image:-ms-radial-gradient(top,#2493C4,#086A95);
  background-image:-o-radial-gradient(top,#2493C4,#086A95);
  background-image:radial-gradient(top,#2493C4,#086A95);
  -webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  -moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  -webkit-border-radius:10px 0 0 0;
  -moz-border-radius:10px 0 0 0;
  border-radius:10px 0 0 0;
  overflow:hidden;
}
#gotop:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border-width:10px 4px;
  border-style:solid;
  border-color:transparent transparent #C3D1D7 transparent;
  position:absolute;
  top:0;
  left:11px;
}
#gotop:focus {outline:none;}
#gotop:hover:after {border-bottom-color:white;}

#gotop:active{
  background-image:-webkit-linear-gradient(top,#144F69,#2493C4);
  background-image:-moz-linear-gradient(top,#144F69,#2493C4);
  background-image:-ms-linear-gradient(top,#144F69,#2493C4);
  background-image:-o-linear-gradient(top,#144F69,#2493C4);
  background-image:linear-gradient(top,#144F69,#2493C4);
}

5. Kemudian letakan kode dibawah ini tepat diatas </body>

 <a href='#top' id='gotop'></a>
<script type='text/javascript'>

//<![CDATA[

$(window).scroll(function(){if($(this).scrollTop()>100){$("#gotop").removeAttr("href");$("#gotop").stop().animate({bottom:"-3",right:"0"},{duration:800,queue:false})}else{$("#gotop").stop().animate({bottom:"-50",right:"0"},{duration:1000,queue:false})}});$(function(){$("#gotop").click(function(){$("html, body").animate({scrollTop:0},"slow");return false})});

//]]>
</script>

Liat Demo

Untuk demo scroll dulu sampai bawah.

Kemudian, Simpan semoga berhasil :)

Cara Memasang Syntax Highlighter di Blog

2013-08-27T05:26:00.000-07:00

Cara Memasang Syntax Highlighter di Blog - Syntax Highlighter adalah suatu teks area yang didalamnya biasanya diisikan kode Javascript, CSS, HTML, maupun kode lainnya. Fungsinya hanya agar kode-kode tersebut mudah dibaca.

Syntax Highlighter ini mempunyai kelebihan yaitu adanya fitur-fitur yang didukung oleh jQuery yang dibuat oleh Alex Gorbatchev danhampir sama dengan Blockquote. Saya yakin pasti para blogger yang mengerti design sudah tau syntax highlighter itu apa.

Berikut cara membuat syntax highlighter diblog

1. Backup terlebih dulu template sobat
2. Pasang Kode dibawah ini di atas </head>

!--SYNTAX HIGHLIGHTER BEGINS-->
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js' type='text/javascript'></script>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
<!--SYNTAX HIGHLIGHTER ENDS-->

Cara Penggunaan

<pre class="brush:html">
Pasang kode di sini
</pre>

Penyebab Alexa Rank Turun ?

2013-08-20T05:52:00.000-07:00

Penyebab Alexa Rank Turun - Alexa merupakan salah satu website penyedia layanan rangking suatu blog atau website. Seperti yang kita ketahui traffic alexa sangat mempengaruhi popularitas suatu blog dimata search engine.

Alexa merupakan website penyedia traffic monitoring blog atau website kita. Alexa selalu memonitoring dan memperbaharui aktivitas website kita. semakin tinggi rank yang kita dapatkan semakin tinggi pula index pencarian blog kita di search engine.

Lalu bagaimana jika alexa sobat tiba-tiba saja turun ?
apa sobat tau penyebabnya ? Jika sobat tidak tau penyebabnya ? Maka saya akan memberi tau tipsnya.

Berikut penyebab alexa rank turun

1. Jarang Update
ini dia yang menjadi penyebab alexa rank sobat turun, Mungkin sobat semua tidak menyadari bahwa situs yang jarang update bisa menimbulkan turunnya alexa rank. Oleh karena itu maka sering-sering update artikel paling tidak 1 minggu sekali atau lebih baik 3 hari sekali. Saya yakin alexa rank sobat akan cepet naik.

2. Turunnya traffic situs tersebut
Ini juga menjadi salah satu faktor turunnya Alexa rank sobat. Turunnya traffic sebuah situs akan sangat mempengaruhi alexa sebab penilaian alexa juga berdasarkan visitor dan pageview suatu blog. maka bila situs tersebut memiliki traffic yang tinggi pastilah alexa situs tersebut memiliki alexa yang ramping. Oleh karena itu tingkatkanlah traffic situs sobat agar alexa cepet ramping dan juga mengkokohkan alexa blog tersebut.

3.Rendahnya kualitas konten blog
konten blog yang kurang berkualitas bisa menjadi salah satu penyebab turunnya rank alexa. Usahakan tulislah konten yang banyak dicari orang dan usahkan jangan copas, dengan menulis konten yang berkualitas juga pasti dapat menaikan alexa rank suatu situs dan juga agar alexa rank tersebut tidak cepet turun.

4.Jarang blogwalking
sering seringlah blogwalking kesitus situs orang selain dapat menaikkan alexa rank, blogwalking juga dapat menaikan traffic suatu situs dan juga bisa menjadi solusi suatu situs yang sepi komentar.

Minal Aidin wal-Faizin

2013-08-08T02:12:00.000-07:00

Minal 'Aidin wal-Faizin adalah tradisi yang biasa diucapkan antara sesama muslim Indonesia, Malaysia, Singapura dan Brunei saat merayakan Idul Fitri, setelah menunaikan ibadah puasa pada bulan Ramadan. Ucapan ini secara harfiah diterjemahkan menjadi "dari (yang) kembali dan berhasil," secara umum ditejemahkan "Semoga kita semua tergolong mereka yang kembali (ke fitrah) dan berhasil (dalam latihan menahan diri)".

Maka dari itu Saya selaku admin Reflective Scribbles mengucapkan Minal'Aidin Wal Faizin Mohon maaf lahir dan batin.

Selamat Hari Raya Idul Fitri 1434 H

من العاءدين و الفاءيزين

Mohon Maaf Lahir dan Batin

Cara Menerapkan CSS Berbeda Setiap Artikel Blog

2013-08-06T01:05:00.000-07:00

Cara Menerapkan CSS Berbeda Setiap Artikel Blog - CSS merupakan kependekan dari Cascade Style Sheet merupakan kumpulan kode yang terdapat di template blog yang berguna untuk memperindah dan mendesign elemen yang ada pada sebuah template blog.

CSS yang sudah terdapat pada template akan mempengaruhi design pada artikel. Namun, sobat dapat membuat sebuah artikel blog dengan design elemen yang berbeda dari artikel blog lain dengan CSS yang berbeda.

Cara Post Editor
Cara ini bisa diterapakan dengan sangat mudah, sobat hanya perlu menyisipkan CSS sobat dibawah post. Pastinya pada mode HTML (Bukan Compose). Seperti berikut :

!--ARTIKEL

Lorem Ipsum Dolor si Amet. Lorem si Ari 
 Ganteng Amat. Lorem Ga Ganteng Ganteng Amet. Lorem Ipsum Dolor si Amet. 
 Lorem si Ari Ganteng Amat. Lorem Ga Ganteng Ganteng Amet. Lorem Ipsum 
 Dolor si Amet. Lorem si Ari Ganteng Amat. Lorem Ga Ganteng Ganteng 
 Amet. Lorem Ipsum Dolor si Amet. Lorem si Ari Ganteng Amat. Lorem Ga 
 Ganteng Ganteng Amet. Lorem Ipsum Dolor si Amet. Lorem si Ari Ganteng 
 Amat. Lorem Ga Ganteng Ganteng Amet.-->
<style type='text/CSS'>
#YOURCSSHERE{}
#YOURCSSHERE{}
.YOURCSSHERE{}

Cara Tag Conditional
Cara Tag Conditional ini dapat diterapkan di pengaturan EDIT HTML template sobat. Sebelumnya letakkan kode berikut ini tepat dibawah kode
]]></b:skin>

class="language-css"><b:if cond='data:blog.url == "ALAMAT URL"'>
<!-- DIISI DENGAN CSS ANDA -->
</b:if>

Sesuaikan, ganti kata yang berwarna MERAH dengan alamat URL post anda dan yang berwarna HIJAU ganti dengan kode CSS yang anda inginkan.

Cara Memasang Emoticon pada Blog

2013-08-06T01:04:00.000-07:00

Cara Memasang Emoticon pada Blog - Apa itu emoticon? emoticon merupakan gabungan kata dari "emotion" dan "icon" yang berarti icon yang digunakan untuk mengekspresikan emosi dalam sebuah pernyataan tertulis, dan bisa mengubah serta meningkatkan interpretasi terhadap tulisan tersebut.

Jika sobat melihat komentar pada artikel website saya mungkin sobat penasaran bagaimana cara memasang emoticon seperti itu. nah pada artikel kali ini saya akan membagikan cara memasang emoticon .

Berikut cara membuat emoticon pada komentar blogspot

1. Copy kode berikut ini dan letakkan dibawah kode </head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="https://ivyth.googlecode.com/svn/js/emoticon.min.js" type="text/javascript"></script>

Karena manipulasi ini menggunakan jQuery maka setidaknya ditemplate sobat harus ada jQuery library Jika sudah ada jQuery library ditemplate sobat maka kode pada jangan dicopy.

2. Copy kode dibawah ini, kemudian letakkan tepat sebelum atau di atas kode</body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Klik untuk melihat code!",
emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."
})
});
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap"
putEmoAbove:"iframe#comment-editor",
topText:"Klik untuk melihat code!",
emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."
})
});
//]]>
</script>
</b:if>

3. Simpan Template, dan lihat hasilnya. Semoga berhasil :)

Cara Membuat Blog Menjadi Responsive

2013-07-22T05:11:00.000-07:00

Cara Membuat Blog Menjadi Responsive - Responsive pada website adalah menyesuaikan tampilan website sobat terhadap gadget yang sobat gunakan. Misalnya Laptop, tablet, handphone dengan resolusi layar yang berbeda-beda. Disini kita hanya menambahkan kode

@media only screen and (max-width:800px)
[artinya ukuran tampilan website tidak boleh lebih dari 800 pixel]
contoh :

@media only screen and (max-width:800px) {
#outer-wrapper {width:750px; margin:0 auto;} //ukuran tampilan website
#main-wrapper {width:750px;} //ukuran page atau isi
#sidebar-wrapper {width:750px;} //ukuran sidebar
#footer {width:750px;} //ukuran footer
}

dengan contoh diatas maka tampilan website menjadi satu colom, karena gak mungkin untuk tampilan 800 pixel website dengan dua colom saya rasa kurang bagus.

Berikut cara membuat Website sobat menjadi Responsive :
1. Copy kode berikut ini dan letakkan dibawah kode
</head>

<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

2. Kemudian Copy kode berikut dan diletakkan dibawah kode
]]></b:skin>

<style>@media only screen and (min-width:768px) and
(max-width:989px) {#outer-wrapper {width:730px; margin:0 auto }Kode CSSlainya }@media only screen and (max-width:767px) {#outer-wrapper {width:540px; margin:0 auto }Kode CSS lainya }@media only screen and (max-width: 580px) {#outer-wrapper { width: 500px }Kode CSS lainya }@media onlyscreen and (max-width: 490px) {#outer-wrapper { width: 430px }Kode CSS lainya }@media only screen and (max-width: 479px) {#outer-wrapper { width: 280px }Kode CSS lainya }@media screen and (max-width: 260px) {#outer-wrapper { width: 210px }Kode CSS lainya }</style>

3. Simpan Tempalte.

Kode tersebut yang saya gunakan untuk membuat tampilan blog ini menjadi responsive. Untuk kode CSS-nya kalian bisa lihat ID elemen seperti Sidebar, main-warpper, outer-warpper, footer dan lain2 karena pada setiap template ID elemen bisa saja berbeda, seperti blog saya ini yang bisanya menggunakan

#main-wrapper

kalau punya saya

#content_left

Untuk melihat hasilnya bisa lihat disini Smart Responsive Tester for Web Designers klik tombol Lauch the tool, kemudian masukan alamat website sobat lalu klik Test.

Cara Mengganti Warna ScrollBar Blog

2013-07-19T02:10:00.000-07:00

Cara Mengganti Warna ScrollBar Dengan CSS - Apa arti Scrollbar ? Scrollbar berarti bar penggulung. Scrollbar biasanya kita lihat disamping kanan blog untuk menggulung layar ke atas atau kebawah.

Menurut saya, mengganti Scrollbar tidak ada hubungannya dengan SEO. Hal ini digunakan untuk mempercantik blog sobat saja, supaya penggunjung betah berlama-lama diblog kita. Caranya sangat gampang.

Pertama : Sobat tinggal menyimpan kode ini diatas ]]></b:skin>

::-webkit-scrollbar {
height:12px;
width: 15px;
background: #6d6d6d; //warna background scroll
}
::-webkit-scrollbar-thumb {
background-color: #142c3e; //warna scroll
}

Kode diatas tidak bisa tampil di Firefox atau Internet Explorer, dan hanya tampil di Google Chrome
Untuk menyesuaikan dengan tampilan blog sobat, silahkan edit warna scroll dan warna backgroundnya

Kemudian Simpan template, dan lihat hasilnya. Semoga berhasil :)

NB: Untuk Valid hapus kode //warna background scroll dan //warna scroll

Cara Membuat Efek Loading Pada Blog

2013-07-17T16:49:00.000-07:00

Membuat Efek Loading Pada Blog - Mungkin sobat sering melihat efek loading di beberapa blog. Efek loading ini menurut saya menambah cantik blog sobat, dan membuat pengunjung mau menunggu blog yang sedang loading.

Caranya pun cukup mudah, untuk itu silahkan ikuti langkah-langkah di bawah ini :

1. Tambah jQuery pada blog sobat

Simpan kode dibawah ini sebelum
</head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Jika template sobat memiliki jQuery, harap lewati langkah ini. Karena script jQuery tidak boleh lebih dari satu.

2. Tambahkan kode dibawah ini di atas ]]></b:skin>

#page-loader {
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:9999;
  background:#000 url('http://4.bp.blogspot.com/-4_hdi8Ph8fE/UYUz5HumQ7I/AAAAAAAAEBE/6KV17KP4RQg/s1600/loadinfo.net+%284%29.gif') no-repeat 50% 50%;
  color:white;
  padding:1em 1.2em;
  display:none;
}

Catatan: Untuk merubah warna sesuaikan dengan blog sobat, silahkan edit warna dan gambar pada kode

background:#000 url('http://4.bp.blogspot.com/-4_hdi8Ph8fE/UYUz5HumQ7I/AAAAAAAAEBE/6KV17KP4RQg/s1600/loadinfo.net+%284%29.gif') no-repeat 50% 50%;

3. Tambahkan kode JavaScript ini diatas </body>

<script type='text/javascript'>//<![CDATA[$(document.body).append('<div id="page-loader">Loading...</div>');$(window).on("beforeunload", function() {    $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000);});//]]></script>

Simpan template, dan lihat hasilnya.