Tips Optimasi (SEO) Blog dengan Link External

Tips Optimasi (SEO) Blog dengan Link External-Belajar dari pengalaman adalah guru yang terbaik, tetapi belajar dari pengalaman dan kesalahan orang lain adalah guru yang paling bijaksana.

Pada kesempatan ini saya ingin share tips kepada Anda mengenai "Tips Optimasi (SEO) Blog dengan Link External".

Membuat tautan atau linik antar blog atau antar halaman blog kita adalah salah satu cara atau tips yang banyak dilakukan oleh para blogger untuk meningkatkan optimasi mesin pencari (SEO) untuk blognya.

Tips saya kali ini terkait dengan tautan atau link adalah jangan terlalu banyak menautkan / memberikan tautan (link) kepada ke situs eksternal. Ini prioritas Rendah. Ya, walaupun ini prioritas rendah, tetapi patut juga Anda perhatikan, alasannya :

Menghubungkan ke situs yang tidak terkait di situs Anda adalah ide yang baik, tetapi jangan mengisi halaman Anda dengan mereka. Paling-paling, Anda akan melemahkan efektivitas halaman Anda di mesin pencari, dan yang paling buruk halaman Anda akan terlihat seperti daftar link dan sedikit informasi dikenakan sanksi oleh mesin pencari. Juga, ketika Anda memiliki banyak link eksternal, Anda memiliki lebih untuk memeriksa secara berkala, untuk memastikan bahwa halaman tersebut tidak menjadi link rusak.

Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan

yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan

pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten

tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Tips Mencari & Memilih Keyword yang Sesuai

Mencari & Memilih Keyword yang Sesuai-Sahabat bloggermahir, mungkin ini postingan yang sudah sangat klasik. Mencari dan Memilih Keyword yang sesuai agar nantinya jumlah pengunjung blog Anda dapat maksimal.

Memang tidak bisa dipungkiri bahwa, dari sekian banyak diantara para blogger memang yang tidak memperhatikan masalah ini, namun sebagai seorang yang ingin mengoptimalkan fungsi pencarian search engine terhadap blog kita, ada baiknya mulai dari sekarang Anda perhatikan mengenai keyword yang sedang Anda ingin bidik. Ya dengan menetapkan keyword pada blog Anda setidaknya "mengaharuskan" Anda untuk tetap fokus dan konsisten dengan isi blog Anda. Penetapan keyword pada blog Anda membantu Anda, agar postingan atau artikel-artikel yang Anda posting nantinya tidak meluber kemana-mana, menyerempet semua permasalahan, ngalor-ngidul.

Beberapa tips mencari dan memilih keyword yang "sesuai". Saya sengaja menonjolkan kata sesuai, maksudnya di sini ingin menekankan bagaimana keyword yang baik, penetapan, bidikan keyword yang bagus dapat memberikan umpan balik positif kepada traffic atau pengunjung. Saya tidak mau membandingkan dengan keyword yang saya gunakan di blog ini, "Ya, saya mengaku bahwa saya banyak melakukan kesalahan di saat saya ingin menetapkan keyword pada blog ini", cuman yang ingin saya share sebenarnya adalah apa refleksi kesalahan saya kemudian semoga Anda dapat pelajaran di sana agar tidak mengulangi kesalahan apa yang saya lakukan, atau mengambil positif dari apa yang saya tetapkan.

Langkah-langkah Mencari & Memilih Keyword yang Sesuai :

1. Ambil Pensil/Pulpen dan kertas, kemudian Anda tuliskan keyword apa yang Anda ingi tetapkan di blog Anda.

2. Tuliskan sebanyak-banyaknya, keyword apa pun itu. Usahakan jangan lakukan dulu analisa terhadap pilihan yang Anda tuliskan.

3. Setelah Anda menuliskan list keyword yang Anda ingi tetapkan pada blog Anda (fokus tulisan), lakukan seleksi.

4. Seleksi dari kumpulan  keyword yang Anda ingin tetapkan menjadi 3 atau 4 keyword saja. Kerucutkan pilihan.

5. Lakukan seleksi dengan selektif mungkin, di sinilah perlunya analisa mendalam dan tentunya perlu  survei.

6. Survei dan seleksi keyword Anda dengan menggunakan alat atau tool berikut :

      Google Trends : http://www.google.co.id/trends/

      Google Keyword Tool : https://adwords.google.com/o/Targeting/Explorer

       Wordtracker  : https://freekeywords.wordtracker.com/

Saya kira 3 tool atau alat pencari/analisa survei di atas sudah bisa memberikan gambaran buat Anda.

7. Setelah Anda telah melihat/menganalisa atau membandingkan keyword-keyword yang Anda pilih, maka Anda berputar ke belakang lagi (maksudnya : ke langkah satu) untuk mencari keyword lain yang mungkin saja banyak pencarian di sana.

8. Setelah itu, tetapkanlah keyword Anda, dan bekerjalah dengan sebaik-baiknya terhadap keyword yang telah pilih. Posting artikel yang sesuai dengan keyword Anda.

Beberapa tips lain dalam Mencari dan Memilih Keyword :

1. Lihat, apakah keyword yang Anda bidik termasuk keyword abadi atau keyword musiman.

2. Sarannya adalah keyword abadi yang Anda tetapkan atau bidik.

3. Keyword musiman dapat Anda juga bidik tapi ini membutuhkan kerja keras untu terus mencari keyword musiman selanjutnya

4. Analogi keyword abadi seperti pelari marathon, sedangkan analogi keyword musiman seperti pelari cepat/sprinter.

5. Keyword abadi memberikan traffic yang terus menerus tapi mungkin pencarian dalam sehari tidak terlalu banyak, statis sepanjang tahun. Sedangkan keyword musiman membuat kunjungan blog Anda tiba-tiba naik dan suatu saat tiba-tiba menurun seiring menurunnya popularitas dari keyword musiman yang Anda bidik.

Contoh keyword abadi : Resep masakan, cara menjaga kesehatan, dll.

Contoh Keyword musiman : gosip artis si A..., skandal Korupsi pejabat B...., dll.

Okey, mungkin itu sedikit tips yang sempat saya share seputar masalah pencarian dan pemilihan keyword untuk blog Anda.

Semoga manfaat buat Anda.

Salam bloggermahir....!

Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan

yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan

pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten

tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Dahsyat dengan Tutorial Membuat Box Fans Page di Blogger

Tutorial Membuat Box Fans Page di Blogger-Tutorial blog kali ini yang ingin saya sajikan, share kepada Anda semua yaitu "Tutorial Membuat Box Fans Page di Blogger". 

Perkembangan dunia social media memang semakin meningkat peminatnya maupun penggunanya. Banyak social media pun berevolusi dan beradaptasi dengan cepat, memenuhi bahkan mendapat peluang pasar. Salah satu mungkin yang saya dapat sebutkan adalah Box Fans Page Facebook pada Blog. Seperti yang telah saya buat pada di bagian samping.

Nah, apa urgensinya fans page ini ? Ini mungkin bisa dikatakan salah media promosi yang cukup efektif. Dengan membuat fans page di blog Anda, maka setiap kali Anda up date Artikel maka secara otomatis terjadi pemberitahuan otomatis pada facebook-facebook penggemar Anda. Memang kedengarannya sepele, tetapi jikalau saja kita mau berhitung-hitung, misalnya di dalam fans page facebook di blog Anda terdapat penggemar sebanyak 1000 orang, setiap 1000 orang tersebut mendapat pemberitahuan bahwa Anda sedang mengupdate artikel Anda, dari 1000 orang tersebut yang membuka link postingan Anda hanya sekitar 10% atau 100 orang, maka Anda dalam seketika tersebut kedatangan pengunjung sebanyak 100 orang. Dahsyatkan...!

Tutorial blog ini saya buat karena saya yakin ini akan berguna bagi Anda ke depannya. Apalagi bagi mereka yang sedang mempromosikan blognya untuk menggait penjualan produk atau jasa.

Bagaiamana cara membuatnya...? Berikut tutorial blognya.

1. Log in dulu ke Account Facebook Anda. Silahkan ke sini : www.facebook.com

2. Setelah itu Anda langsung menuju ke sini http://www.facebook.com/pages/create.php untuk membuat halaman facebook.

3. Setelah Anda masuk ke halaman tersebut maka akan ditampilkan gambar atau pilihan kurang lebih seperti di bawah ini :

4. Silahkan Anda pilih sesuai dengan kebutuhan Anda. Anda dapat memilih :

Local Business or Place

Company, Oraganization, or Institution

Brand or Product

......

and Community

Karena kita ingin membuat sebuah komunitas, contoh komunitas fans page like Blogger Mahir . Maka, kita pilih Community.

Klik pilihan, kemudian isikan sesuai dengan nama komunitas yang Anda ingin buat. Centang I Agree kemudian klik Get Started

5. Set Up dulu Page Community, Tambahkan Foto Profil. Kemudian pada langkah dua, isikan tentang Community Anda dan alamat linik yang bisa di akses, blog, twitter, dll.

Jika Anda ingin mengabaikan dulu, klik saja Skip.

6. Setelah itu Anda menuju tampilan Halaman/Page yang sudah Anda buat. Tampilannya mungkin akan seperti di bawah ini, tapi ini tampilan yang sudah ada sebelumnya.

Perhatikan bagian yang saya bundari Merah. Copy link tersebut, bisa Anda simpan dulu di Notepad.

7. Selanjutnya silahkan menuju halaman berikut : 

https://developers.facebook.com/docs/reference/plugins/like-box/

8. Setelah itu masukkan alamat Fans Page yang telah Anda copy di Notepad pada bagian Facebook Page URL, seperti pada gambar di bawah ini :

Width : untuk menentukan lebar Box Fans Page yang Anda ingin buat

Height : menentukan tinggi Box

Show Face: menampilkan foto profil yang menyukai Page Anda

........

Header : menampilkan atau tidak bagian Header dari Box yang Anda buat

Setelah itu, klik Get Code, untuk mendapatkan kode HTML yang nantinya harus Anda pasang di Blog Anda.

9. Tampilannnya yang Anda dapat akan seperti berikut :

Kode HTML paling atas, masukkan di blog Anda. Pergi ke bagian Template blog Anda kemudian Edit HTML, centang Expand, kemudian cari kode <body>, letakkan kode di dalam box di bagian bawah kode <body>. Klik Simpan

Sedangkan kode HTML pada kotak Kedua, letakkan pada bagian Tata Letak blog Anda. Tambah Gadget kemudian cari HTML/Javascript.

10. Klik Pratinjau untuk melihat hasilnya. Jika berhasil klik Simpan

Semoga tutorial blog ini bermanfaat buat Anda

Jangan Lupa, untuk sertakan sumber/source asli tutorial blog ini jika Anda ingin mengambilnya

<a href="http://bloggermahir.blogspot.com/2012/12/fan-page-facebook-like.html">Dahsyat dengan Tutorial Membuat Box Fans Page di Blogger</a>

Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan

yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan

pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten

tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Cara Membuat Widget Melayang di Blogger

Cara Membuat Widget Melayang di Blogger-Biasanya untuk menarik perhatian pengunjung banyak dilakukan oleh para blogger atau webmaster handal. Banyak cara dan macam yang dilakukan, yang paling umum adalah membuat kenampakan teks atau widget tertentu kontras dengan yang lainnya, seperti penggunaan bold atau huruf miring (italic) pada kalimat tertentu, ada yang membuat text area (ingin tahu membuat text area, silahkan baca tutorial blog saya : Cara Membuat Text Area), membuat teks berkedip (cara membuatnya, baca tutorial blog berikiut : Cara Membuat Teks Berkedip), dan ada pula yang membuat teks berjalan (ingin tahu, baca lagi di sini : Cara membuat Teks Berjalan).

Tutorial Blog-Ya, namanya juga usaha. Usaha agar bagian terpenting yang mau kita tonjolkan dalam wb/blog kita dapat dilihat atau diperhatiakn oleh para pengunjung. Nah, pada kesempatan ini saya ingin share kepada Anda bagaimana "Cara membuat Widget Melayang di Blogger". Ya, walaupun ini tutorial yang sudah agak lama dikenal oleh para blogger, tapi saya reposting kembali dengan redaksi berbeda agar punya variasi.

Widget melayang adalah bagian tertentu (widget di dalam blog entah itu widget iklan, widget facebook like, widget follow twitter, bahkan widget iklan, hehehe :).

Lantas bagaimana, cara membuat widget melayang di blog Anda. Nah, berikut tutorialnya :

1. Log ini ke account blogger Anda. Langsung saja ke sini www.blogger.com

2. Lanjut ke bagian Tata Letak

3. Ke bagian Tambah Gadget (jika Anda ingin menambah gadget baru), tapi kalau mau edit Gadget yang sudah terpasang dan ingin membuatnya menjadi melayang atau floating, maka silahkan pilih salah satu HTML/Javascript kemudian klik edit.

4. Kemudian Copy kode HTML berikut :

---

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:0px solid #000000; background:#eeeeee; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div> <center>Masukkan kode HTML widget widget iklan, widget facebook like, widget follow twitter, bahkan widget iklan</center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

---

Beberapa catatan Penting buat Anda :

• Widget ini saya sudah setting untuk berada di sebelah kiri, untuk modifikasi Anda dapat mengubahnya dengan mengubah bagian yang sudah saya tandai kuning, dari tadinya left menjadi right (untuk widget melayang sebelah kanan).
• Warna border saya setting jadi warna merah, untuk mengubahnya silahkan ubah kode warna di bagian yang sudah saya tandai orange solid #000000, sesuai dengan warna kesukaan Anda. Kode warnanya dapat Anda cari sendiri di Google , hehehe.
• Backgroud dapat Anda rubah sesuai dengan kehendak Anda sendiri, modifikasi dengan mengubah bagian yang sudah saya tandai biru. Kode warna cari di google., hehehe
•  Pada bagian warna merah, silahkan Anda masukkan kode HTML apa saja yang mau Anda buat melayang. Bisa kode iklan.
• Widget melayang yang saya posting, di klik 2 kali baru keluar.

 5. Klik simpan, Kemudian Pratinjau untuk melihat apakah tutorial blog ini berhasil.

6. Setelah berhasil, klik simpan.

Okey, itulah tutorial blog yang sempat saya posting pada kesempatan ini. Semoga berhasil diperaktekkan, dan bermanfaat buat Anda. 

Seperti biasa, selalu masukkan kode HTML berikut jika Anda ingin mengambil postingan sebagai referensi atau mengcopy, sertakan selalu sumber dimana Anda mengambilnya :

<a href="http://bloggermahir.blogspot.com/2012/12/cara-membuat-widget-melayang-di-blogger.html">Cara Membuat Widget Melayang di Blogger</a>

Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan

yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan

pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten

tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Tutorial Membuat Breadcrumbs di Blogspot

Tutorial Membuat Breadcrumbs di Blogspot

Tutorial Membuat Breadcrumbs di Blogspot-Pada postingan sebelumnya saya sudah menjelaskan sedikit mengenai breadcrumbs "Mengenal Breadcrumbs dan Fungsinya dalam SEO". Pada postingan tersebut saya berusaha agar Anda dapat mengerti dengan breadcrumbs itu sendiri dan fungsinya.

Cara Membuat Breadcrumbs-Nah, pada postingan kali ini tugas saya untuk menjelaskan bagaimana cara membuat atau tutorial membuuat breadcrumbs. Sedikit info blog mungkin buat Anda : Breadcrumbs ini berfungsi di saat Anda telah memberikan label pada masing-masing postingan blog Anda. Label : Pengkategorian blog Anda sesuai dengan isi dan maksudnya. Seperti pada postingan saya ini, saya beri label tutorial blog.

Tutorial blog cara Membuat Breadcrumbs pada Blogspot

Anda log in dulu lah, ke account blog Anda, kemudian langsung kemudian langsung ke bagian Template, kemudian Edit HTML

Seperti biasa, lakukan dulu lah download Template, Cadangkan/Pulihkan > Unduh Template Lengkap. Ini tidak lain untuk antisipasi. Tapi, saya sudah berulang kali mencoba tutorial ini. Semoga Anda juga berhasil.

Kemudian cari kode berikut : (Seperti biasa, gunakan Ctrl + F, untuk memudahkan pencarian).

]]></b:skin>

Setelah Anda menemukannya, letakkan kode berikut ini tepat di atasnya :

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

Setelah itu, Anda cari lagi kode HTML berikut :

<b:includable id='main' var='top'>

Okey mantap, Anda teruskan lagi langkah berikutnya. Hapus kode HTML di atas kemudian ganti dengan kode berikut : (agak cukup banyak gantinya).

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Nah, setelah itu selesailah prosesi "Cara Membuat Breadcrumbs" ini. Simpan Template Anda. Kemudian, cek pada salah postingan Anda, apakah tutorial blog ini berhasil. Okey.

Sekian dulu tutorial blog dari saya pada kesempatan ini, semoga Anda dapat mengaplikasikan "Tutorial Membuat Breadcrumbs di Blogspot" ke dalam blog Anda sendiri.

<a href="http://bloggermahir.blogspot.com/2012/11/cara-membuat-breadcrumbs-di-blogspot.html">Tutorial Membuat Breadcrumbs di Blogspot</a>

Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan

yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan

pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten

tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Mengenal Breadcrumbs dan Fungsinya dalam SEO

Info Blog-Mahir blogger pada kesempatan atau postingan kali ini akan memberikan informasi mengenai dunia blog. Info blog ini walaupun kelihatannya sudah banyak yang memposting, tapi sebenarnya dalam postingan saya semuanya adalah pengalaman pribadi saya. Maksudnya, apa yang saya posting dalam blog saya adalah sesuatu yang menjadi pertanyaan saya. Jadi, ini sekedar share atas apa yang saya tidak ketahui dalam dunia blogging, kemudian saya tuangkan kembali dalam bentuk postingan seperti ini jika saya sudah tahu jawabannya. Lihat saja, hampir semua tutorial blog saya yang saya posting, saya juga aplikasi ke dalam blog ini. Maklum, saya juga masih newbie, blogger pemula.

Mengenal Breadcrumbs. Breadcrumbs adalah sebuah navigasi pada blog yang biasanya memberikan informasi kepada pengunjung blog, dimana posisinya sekarang. Maksudnya, posisi atau letak postingan yang mereka baca. Sedangkan definisi yang dibuat oleh Wikipedia seperti ini "Breadcrumbs or breadcrumb trail is a navigation aid used in user interfaces", semoga Anda mengerti artinya. Breadcrumbs merupakan gambaran bagi siapa saja yang ingin memperhatikan bahwa sebuah blog atau website yang terpasang breadcrumbs adalah seperti akar atau tangga yang bertingkat-tingkat. Biasanya tingkat tertinggi adalah home/beranda dari blog atau website itu sendiri. Contohnya seperti pada gambar di bawah ini:

Ya, ketika Anda melihat gambar di atas. Dengan mudah mungkin dapat memberikan pengertian sendiri mengenai breadcrumbs ini. Lihat kembali strukturnya, You are here: Home / Music / Listen, jadi jelas bukan kalau breadcrumbs sebenarnya adalah seperti struktur tangga atau akar dalam sebuah pohon. Listen mewakili serabut akar paling halus, kemudian membesar ke Music (bisanya menunjukkan label postingan), kemudian berakhir pada pangkal akar itu sendiri atau Home (tampilan muka/beranda dari blog atau website). Untuk lebih jelasnya, breadcrumbs mungkin juga dapat dikatakan struktur file dalam sebuah blog. Mirip struktur file dalam sebuah file di dalam komputer.

Jadi, sudah jelas ya pengertian dari breadcrumbs itu. Semoga Anda paham dari definisi breadcrumbs yang baru saya paparkan. Kemudian, lanjut ke permasalahan kedua. Apa fungsi dari breadcrumbs ini ? Terus apakah breadcrumbs berguna dalam SEO (Search Engine Optimization) sebuah blog. Berikut penjelasan saya mengenai manfaat atau fungsi breadcrumbs. Breadcrumbs berfungsi untuk :

1. Memberikan kemudahan navigasi bagi pengunjung blog atau website
2. Breadcrumbs berfungsi untuk membantu untuk memberikan orientasi, menunjukkan jalan kepada mereka para pengunjuing blog Anda untuk mengetahui lokasi dimana postingan mereka baca.
3. Link atau tatutan yang ada di breadcrumbs membantu para pengunjung blog Anda dengan cepat untuk kembali ke halaman awal meraka kunjugi atau setidaknya kembali ke beranda / home blog atau website Anda.

Lantas, adakah fungsi atau manfaat breadcrumbs dalam hal SEO blog Anda. Berikut info yang saya dapat terkait manfaat breadcrumbs untuk SEO.

1. Keyword Density-breadcrumbs menambahkan keyword atau kata kunci yang Anda fokuskan bangun dalam halaman blog Anda, building desinty.
2. Untuk index halaman oleh Google. Dalam pencarian google, biasanya si mesin pencari ini juga menyertakan navigasi blog yang sedang di cari, atau bisa dikatakan bahwa google juga mengindex navigasi terkait keyword yang Anda isikan dalam kotak pencariannya. Contoh, mungkin yang bisa menjelaskan hal ini adalah ketika saya menuliskan di kotak pencarian google "berita wanita", atau "info wanita", maka dalam salah satu hasil pencariannya terlihat seperti berikut ini (blog yang menerapkan breadcrumbs untuk blognya).

Jadi, untuk SEO (Optimasi mesin Pencari) ini dengan breadcrumbs, banyak keyword atau kata kunci yang dapat diindex oleh google dalam blog Anda.

Mungkin, itu yang bisa saya share kepada Anda mengenai pengertian breadcrumbs, bagaimana manfaat dan fungsi breadcrumbs, hingga sedikit saya serempet mengenai manfaat breadcrumbs untuk SEO. Itu yang dapat saya share pada kesempatan ini. Berikut adalah postingan yang terkait dengan postingan ini, info blog :
1. Seberapa cepat loading blog Anda ?
2. Pengenalan Singkat HTML
3. Hal yang Membuat blog kurang Pengunjung
4. Mengenal Template SEO Friendly
5. Pengertian Parse HTML

Seperti aturan biasa, jika Anda ingin menyimpan postingan ini atau yang lebih "ingin meng-copy", mohon selalu sertakan link dari postingan ini :

<a href="http://bloggermahir.blogspot.com/2012/11/breadcrumbs-adalah-fungsi-dalam-seo.html">Mengenal Breadcrumbs dan Fungsinya dalam SEO</a>

Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan

yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan

pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten

tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Traffic Tinggi dengan Widget Ping Gratis dan Otomatis

Promosi Blog-Traffic tinggi sekali lagi adalah dambaan bagi para blogger. Memang, sedikit menjadi sebuah kebanggaan tersendiri mungkin jikalau hasil karya kita banyak yang meminati. Termasuk dalam hal ini adalah postingan blog kita, bangga jikalau postingan blog kita banyak yang kunjungi, apresiasi, dan lain-lain.

Widget Ping Gratis. Pada postingan saya kembali ingin share kepada Anda betapa pentingnya ping pada saat Anda sedang update artikel atau postingan. Ya, walaupun sebelumnya saya telah menyerempet masalah ini dalam postingan blog saya yang berjudul "Cara Jitu Promosi Blog". Di sana saya bahas sedikit mengenai ping.

Ping Otomatis. Kembali mungkin saya ingin mengingatkan bahwa ping sebenarnya adalah jalan termudah untuk Anda mendapatkan traffic atau pengunjung blog yang tinggi. Ya, bolehlah dikatakan teknik ping secara berkala adalah langkah lain dari berbagai macam cara untuk promosi blog. Ping adalah langkah tercepat untuk memberitahukan kepada search engine bahwa Anda sedang atau telah mengadakan update terbaru konten atau postingan pada blog Anda. Kabar baiknya, bahwa para search engine besar seperti pada Bing.com dan google.com sangat menyukai fresh content atau postingan yang dianggap baru. Postingan yang dianggap baru serta unik akan mendapat posisi yang tinggi dalam index mereka.

Ping Otomatis. Untuk melakukan ping adalah perkara yang mudah. Mungkin, untuk hal ini tidak perlu saya buatkan postingan baru lagi untuk proses tutorial blog-nya dalam melakukan ping ini. Cukup Anda menuju ke alamat layanan ping blog yang banyak tersedia, kemudian masukkan alamat URL blog Anda atau alamat feed Anda kemudian lakukan ping atau langkah lain sesuai dengan layanan-layanan masing-masing penyedia layanan ping.

Info Blog. Sebenarnya blogger mahir dalam content atau postingan yang dibuatnya terdapat variasi isi postingan. Memang sebagian besar adalah membahas postingan blogger tutorial atau tutorial blogger tetapi juga terdapat variasi diantaranya info-info blog, maupun tips dan trik blog. Traffic Tinggi dengan Widget Ping Gratis dan Otomatis, berisi kedua hal tersebut info blog sekaligus tips dan trik blog. Triknya yang akan saya sajikan yaitu, bahwa Anda tidak perlu capek-capek lagi untuk mengunjungi alamat layanan ping otomatis. Ping secara otomatis dapat Anda lakukan tanpa mengunjugi dan mencopy paste alamat blog ataupun alamat feed blog pada layanan ping tersebut, cukup dengan mengklik tombol widget ping yang nantinya akan Anda pasang di blog Anda.

Widget pertama saya dapatkan dari situs www.auto-ping.com, Anda dapat kunjugi tetapi jika Anda to do pint saja. Langsung saja copy paste kode HTML di bawah ini yang notabene juga berasal dari situs auto-ping.com.

<!-- auto ping by http://www.auto-ping.com/ --><br /><a href="http://www.auto-ping.com/pinger" target="_blank"><img src="http://www.auto-ping.com/iping.php?aut=EF14380489BD68920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C1" alt="Ping your blog, website, or RSS feed for Free" border="0" /></a><br /><!-- auto ping by http://www.auto-ping.com/-->

Tampilan logo dari layanan auto-ping.com :

Widget yang kedua, sebenarnya hampir sama. Cuman saya berikan alternatif buat Anda. Yang mana yang mau dipilih dan diletakkan di blog Anda. Kalau saya pribadi, semuanya bagus. Widget ini berasal dari situs ping-fast.com, berikut adalah kode HTML-nya yang dapat Anda copy dan letakkan di blog Anda. Silahkan:

<!-- ping by http://www.ping-fast.com/ --><br /><a href="http://www.ping-fast.com/ping-my-blog2500" target="_blank"><img src="http://www.ping-fast.com/iping.php?aut=EC153B028BB768920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C1" alt="ping fast my blog, website, or RSS feed for Free" border="0" /></a> <noscript><a href="http://www.ping-fast.com/" alt="ping fast my blog, website, or RSS feed for Free">ping fast my blog, website, or RSS feed for Free</a> <a href="http://www.mypagerankcheck.com//" alt="google pagerank">google pagerank</a></noscript><br /><!-- ping fast by http://www.ping-fast.com/-->

Tampilan awal dari website penyedia layanan ini seperti pada gambar di bawah:

Untuk layanan ping lain seperti melalui pingomatic atau melalui pingoat adalah sudah memadai jika Anda lakukan ping pada salah satu dari kedua layanan tadi. Tips-nya sih, jangan terlalu banyak ping. Bisa-bisa Anda dikatakan sedang melakukan upaya spam dari mesin pencari. Lakukan ping hanya satu pada satu layanan ping saja untuk satu postingan atau artikel.

Promosi blog. Mungkin itu saja yang dapat saya share pada kesempatan kali ini. Beberapa artikel yang dapat bac mungkin :
1. Cara Jitu Promosi Blog
2. Tool Parse HTML
3. Tutorial blog cara membuat Text Area

<a href="http://bloggermahir.blogspot.com/2012/11/traffic-tinggi-dengan-widget-ping.html">Traffic Tinggi dengan Widget Ping Gratis dan Otomatis</a>

Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan

yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan

pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten

tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Tutorial Mengganti Icon Blogger dengan Icon Sendiri

Tutorial Blog-Perkembangan dunia blog begitu dinamis, sedinamis banyaknya sumber-sumber informasi yang ada di internet. Begitu pun dengan Tutorial blog, begitu banyak sekali sebenarnya tutorial blog yang tidak sempat saya share di blog ini karena keterbatasan waktu dan kesempatan.

Tutorial blog. Mahir Blogger pada kesempatan ingin memberikan sebuah tutorial blog bagaimana cara mengganti Icon Blogger dengan Icon yang sesuai dengan keinginan Anda. Icon Blogger atau ada juga yang menyebutnya sebagai favicon, dapat Anda ganti dengan icon atau desain logo yang sesuai dengan keinginan Anda.

Info Blog. Ada yang tahu apa sebenarnya favicon ? Favicon adalah Icon untuk suatu web yang terletak di samping adressbar. Untuk icon standar dari blogger akan seperti pada gambar di bawah ini :

Tutorial blog. Icon seperti inilah yang menjadi kode atau icon default atau umum pada blog yang Anda jika Anda belum mengganti iconnya. Nah, tutorial blog berikut semoga menjadi cara yang mudah dan aplikatif buat Anda dalam mengganti icon blog default-standar dengan icon atau logo yang sesuai dengan Anda. Berikut Tutorial blognya, ikuti step per step :

• Menyiapkan memang gambar atau icon yang mau di pakai.
  
  
• Kemudian, Anda upload icon modifikasi buatan Anda kepada layanan upload gambar. Rekomendasi saya sih di Photobucket. Belum daftar photobucket silahkan di sini.
• Tapi, jika Anda sudah punya Account, silahkan lanjut ke langkah selanjutnya. Ambil atau copy alamat URL Icon Anda yang sudah Anda upload di Photobucket.
• Contoh URL gambar dari Photobucket : http://i1055.photobucket.com/albums/s509/indrafatih/cobalagiblogmahir.png
• Okey, selanjutnya kita beralih ke tahap tutorial selanjutnya. Anda log in dulu ke Accoalunt Blog Anda.
• Kemudian menuju ke Template > Edit HTML > Expand Template Widget
• Kemudian saling dan copy alamat link gambar atau icon Anda pada <link href=' url icon yang Anda sudah modifikasi' rel='shortcut icon'/>
• Jadi hasilnya nanti akan seperti ini :  <link href='http://i1055.photobucket.com/albums/s509/indrafatih/cobalagiblogmahir.png' rel='shortcut icon'/>
• Letakkan kode tersebut di atas </head> dan atau di bawah kode HTML <head>. Peletakkannya fleksibel, yang terpenting diantara kode <head> dengan </head>
• Okey, sebelum menyimpan. Klik dulu Prantinjau untuk mengetahui apakah tutorial blog ini Anda lakukan dengan benar.
• Jika sudah, klik Simpan atau Save.

Tutorial Blog. Itulah tadi langkah-langkah dalam mengganti Icon Default-Standar dari Blogger. Semoga Tutorial blog saya dapat Anda mengerti dan aplikasikan.

Tutorial blog. Anda telah membaca Tutorial Mengganti Icon Blogger dengan Icon Sendiri dari Blogger mahir. Seperti biasa, jika Anda ingin mengambil postingan kami sebagai referensi jangan lupa untuk selalu menampilkan alamat URL dari postingan kami ini.
<a href="http://bloggermahir.blogspot.com/2012/10/cara-mengganti-icon-blogger-dengan-icon-sendiri.html">Tutorial Mengganti Icon Blogger dengan Icon Sendiri</a>

Tutorial Blog. Berikut beberapa postingan yang kami rekomnendasikan buat Anda :
1. Tutorial Menambahkan Tombol Twitter pada Blog 
2. Tutorial Membuat Teks Area (Lengkap)
3. Tutorial membuat Translate Tool Bergambar
4. Dan masih banyak lagi, di sini

Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan

yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan

pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten

tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Tutorial Menambahkan Tombol Twitter pada Blog

Tutorial Blog-Beberapa waktu ini saya baru kembali membuat postingan. Ya, maklum karena ada juga kesibukan di dunia off line. Tutorial blog yang ingin saya share kepada Anda kali ini adalah tutorial blog tentang bagaimana cara menambahkan widget Twitter atau Tombol Twitter pada blog Anda.

Tutorial blog ini sebenarnya, bukan sekedar tombol Tweet saja di blog Anda, tetapi dengan menggunakan widget ini, di blog Anda nantinya akan mencakup juga Tombol Like Facebook, tombol Share dengan beberapa platform social media, hingga pengunjung on line yang sedang nonkrong di blog Anda.

Info blog ini mungkin dapat Anda lihat aslinya dengan melihat langsung pada bagian bawah blog saya. Di situ Anda akan melihat widget yang saya maksud. Bagaimana cara membuatnya ? Tutorial nya bagaimana? Simak penjelasan saya satu persatu..!

1. Pertama, Anda menuju dulu ke situs berikut http://wibiya.conduit.com/

2. Bila Anda sudah masuk ke situ ini, maka tampilan seperti berikut :

Tampilan Wibiya

3. Klik tombol Join, pada bagian kiri atas. Sudah terlihat tidak...? Hehehe.
4. Setelah itu, Anda akan menemukan tampilan seperti berikut :

5. Masukkan Url Blog Anda, kemudian pilih yang sesuai dengan blog atau website Anda.

6. Klik Tombol Create Now

7. Tampilan berikutnya, akan seperti ini :

8. Tandai, aplikasi yang ingin tampil di blog Anda. Karena ini adalah tutorial bagaimana cara menambahkan widget Twitter, makan jangan lupa centang pada bagian Tweet Button, Anda juga dapat memilih aplikasi yang lain.

9. Tutorial selanjutnya, masukkan alamat email atau alamat gmail Anda, masukkan password yang sesuai dengan keinginan Anda, kemudian Bar Languange yang sesuai dengan bahasa yang Anda inginkan. Catatan : disini belum ada layanan untuk bahasa Indonesia, makanya Anda bisa menggunakan Bahasa Inggris/ English.

10. Tutorial selanjutnya, Anda tekan tombol Get Your Bar, atau seperti gambar di bawah ini.

11. Langkah selanjutnya, maka Anda akan menuju ke halaman yang seperti in, di dalam gambar tersedia layanan untuk paltform blog wordpress, untuk beralih ke blogger, klik tulisan here pada bagian bawah gambar Install on Wordpress.

12. Maka Anda akan beralih ke tampilan berikut : Klik gambar Blogger atau apa pun itu yang sesuai dengan platform dari blog yang Anda gunakan.

13. Selanjutnya, Anda diminta untuk menginstall Widet Wibar dalam Blogger

14. Klik here pada bagian bawah Install Wibar, untuk me-redirect atau mengarahkan Anda ke pengaturan blog Anda (Tapi Ingat, Anda harus log in dulu ke blogger.com). Setelah itu Anda akan diarahkan menuju halaman seperti di bawah ini untuk menambah elemen halaman pada blog Anda. Klik Menambah Widget: 

 15. Langkah Terakhir, Save atau Simpan untuk eksekusi setelah sebelumnya Anda menekan tombol Pratinjau untuk melihat Apakah Tutorial blog ini Anda lakukan dengan benar. Okey.
Jika Anda ingin mengambil postingan ini sebagai referensi, mohon sertakan selalu link-nya. Seperti di bawah ini :

<a href="http://bloggermahir.blogspot.com/2012/10/tutorial-menambahkan-tombol-twitter.html">Tutorial Menambahkan Tombol Twitter pada Blog</a>

Okey, itulah tadi Tutorial blog, bagaimana menambahkan widget Twitter pada blog Anda. Semoga Anda dapat mengerti tutorial saya, dan dapat bermanfaat. Terima Kasih.

Khusus buat Anda, beberapa Tutorial blog yang saya rekomendasikan buat Anda :

1. Membuat Tombol Share Facebook pada Blog

2. Tips Mempercantik Blog

3. Jurus Ampuh SEO dengan Pemilihan Nama Domain dan Keyword

Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan

yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan

pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten

tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Tool Parse HTML

Info Blog-Sahabat mahir blogger, ini adalah sebenarnya adalah kelanjutan artikel saya pada postingan saya mengenai pengenalan Parse HTML atau boleh dikatakan ini adalah postingan saya untuk mempermudah sahabat blogger semua yang ingin memparse HTML-nya.

Blogger mahir (saya) juga berharap semoga dengan hadirnya postingan ini, yang isinya memang sebatas tool yang akan mempermudah Anda untuk memparse HTML Anda dapat membuat Anda lebih betah di blog ini, hehehehe :) 

Yups, dari pada lama-lama, silahkan saja buat teman-teman yang ingin memparse HTML-nya silahkan saja masukkan kode HTML Anda ke dalam kotak parse/convert HTML di bawah. Kemudian, klik tombol convert untuk mendapatkan hasil parse HTML. 

Nah, jika Anda ingin memparse/convert HTML yang lebih banyak, klik saja tombol clear kemudian masukkan kode HTML Anda yang lain. Tool ini menurut saya sangat memudahkan Anda jikalau Anda berkutat pada masalah HTML ini.

©Webmaster Tools | Parse HTML Tools

Nah semoga, tool ini bermanfaat buat Anda, nah berikut beberapa artikel yang saya rekomendasikan buat Anda untuk menambah wawasan Anda :

1. Strategi Ampuh promosi blog

2. Hal yang Membuat blog kurang pengunjung

3. Tutorial mendaftar XML Google

Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan

yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan

pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten

tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Mohon, selalu sertakan link berikut jika Anda ingin mengambil artikel ini :

<a href="http://bloggermahir.blogspot.com/2012/09/tool-parse-html.html">Tool Parse HTML</a>

Pengertian HTML Parse/Parse HTML

Info Blog-mahir blogger kali ini akan menampilkan / memberikan sedikit definisi mengenai parse HTML, atau ada juga yang mengistilahkan HTML Parse. Tapi, apa pun itu saya hanya memberikan sedikit definisi, walaupun saya juga mengutip dari beberapa artikel. Tapi, menurut saya ini sudah cukup untuk memenuhi dahaga istilah / info blog yang Anda mungkin tidak ketahui (p-cYNdjpxathAaF).

HTML Parse atau Parse HTML adalah satu cara yang di gunakan para blogger untuk memposting artikel yang berkaitan dengan code HTML/javascript. Dengan memparse HTML Anda dapat memasukkan kode HTML tertentu pada postingan artikel Anda.

Mungkin, ada yang bertanya, Bukankah akan lebih mudah, jika kode HTML yang sudah kita buat langsung saja diletakkan di dalam postingan ?

Jawabnya, bisa saja. Cuman, ada beberapa kasus dimana di saat Anda misalnya ingin membuat tampilan postingan Anda lebih cantik seperti misalnya di dalam postingan Anda Ingin membuat Text Area, dan di dalam Text Area itu Anda ingin meletakkan kode HTML. Maka, untuk melakukan hal demikian Anda harus memparse HTML Anda.

Jadi, sudah jelas bahwa dengan mem-parse HTML Javascript, maka akan:

Agar kode yang kita posting di dalam artikel akan tampil menjadi sebuah karakter/tulisan. Karena jika kita memposting kode script ke dalam artikel, maka tulisan tidak akan muncul atau malah muncul sebagai widget.

Ini pernah terjadi pada saat awal-awal saya di dunia blogger (Ya, walaupun sampai sekarang saya masih newbie).

Tapi, point yang ingin saya sebenarnya tekankan adalah mengenai kemudahan yang akan Anda dapatkan dengan memparse HTML Anda.

Nah, semoga pengertian di atas mengenai Parse HTML / HTML Parse atau ada juga istilah lain yaitu convert code HTML dapat bermanfaat buat Anda

Berikut adalah artikel yang dapat Anda baca sebagai referensi penambah suplement pengetahuan blog Anda :

1. Info Blog

2. Mengenal HTML

3. Mengenal CSS pada Blog

4. Web / Blog Direktori

Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan

yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan

pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten

tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Jika ingin mengambil artikel ini, silahkan selalu sertakan link berikut :

<a href="http://bloggermahir.blogspot.com/2012/09/html-parse-adalah.html">Pengertian HTML Parse/Parse HTML</a>

Mempercepat Loading Blog

Info Blog-Blogger mahir pada kesempatan kali ini sebenarnya ingin share kepada Anda tenatng masalah loading pada blog. Sebelumnya sebenarnya, saya sudah membahas mengenai "Bagaimana cara mengetahui kecepatan loading blog" dengan memberikan Anda tools atau alat yang dapat mendeteksi kecepatan blog Anda. Jika belum membaca, silahkan Anda membaca dalam postingan saya yang berjudul "Seberapa cepat Loading Blog Anda".

Info blog yang sebenarnya saya mau eksplore kepada Anda ini adalah salah satu pengalaman saya. Saya ingin share karena saya yakin ini akan sangat bermanfaat buat Anda para blogger yang menginginkan dan mendambahkan blog yang selama ini dengan tekun di pelihara (dalam artian : posting artikel secara rutin, mempercantik tampilan blog, melakukan promosi blog, etc) menjadi blog yang cepat loading-nya. Karena saya percaya bahwa, para pembaca blog kita itu biasanya akan sangat memperhatikan masalah kecepatan blog kita.

Para petualang dunia blog, peselancar (surfing) dunia maya adalah rata-rata orang yang tidak sabaran. Ingin isntan, termasuk dalam mencari literatur misalnya. Oleh karena itu, memang adalah salah satu kewajiban kita mungkin (pemilik blog) untuk memberikan apa yang diminta oleh para pengunjung blog kita.

Okey, mungkin sudah cukup prolog saya. Siapa tahu nanti ada yang protes, hehehe.

Mempercepat loading blog, memang ada beberapa cara yang dapat dilakukan dan yang paling umum yang saya temukan selama ini adalah dengan meng-kompres kode-kode HTML blog. Tapi, dalam beberapa kasus misalnya (pernah saya alami sendiri) jikalau Anda tidak hati-hati dalam meng-kompres kode HTML ataupun kode CSS blog Anda bukan tidak mungkin tampilan blog Anda nantinya akan rusak. Makanya, dalam proses kompress kode HTML ataupun CSS blog ada konsekuensi, tapi waktu saya mendapat pengalaman seperti itu, untung saja saya mendownload/mengcadangkan template saya. Ini adalah pelajaran penting juga buat Anda, bukan hanya untuk saya. Dan saya pun ingin selalu memberikan peringatan buat Anda jikalau Anda misalnya membaca beberapa postingan saya ataupun postingan para blogger yang lain yang memberikan tutorial blog dalam membuat suatu perintah (baca :menambahkan widget, mempercantik blog, dsb) Anda harus selalu mencadangkan/mendownload template atau melakukan pratinjau terlebih dahulu jika Anda sedang menotak-atik kode HTML blog Anda. Ini adalah langkah kehati-hatian.

Okey, kembali panjang lebar lagi kayaknya...!

Sebelum mengikuti tips, info, atau tutorial blog saya mengenai cara mempercepat loading blog, langkah awal yang Anda harus lakukan adalah mengecek dahulu kecepatan awal blog Anda. Agar nantinya dapat menjadi pembanding, apakah tips, info, atau tutorial blog dari saya ini betul-betul berhasil pada blog Anda.

Bukti awal kecepatan blog saya sebelum saya melakukan modifikasi ini adalah (lihat gambar berikut ) !

Kecepatan Blog Awal

Nah, dalam gambar terlihat bahwa kecepatan awal blog saya sebelum saya melakukan percepatn loading blog adalah 21,756 detik. Mungkin, nanti akan kaget setelah melihat gambar setelah saya melakukan modofikasi. Nih, gambar kecepatan loading blog akhir saya :

Kecepatan Blog Akhir

Ya, setelah saya melakukan modifikasi maka terlihat pada gambar di atas kecepatan blog saya berubah secara drastis kurang lebih sekitar 50 % dari kecepatan awal 21,756 menjadi 10,790. Memukau mungkin.

Bagaimana hal itu bisa terjadi ??? Rahasianya: saya memasangkan sebuah script khusus dalam kode HTML blog saya. Script khusus itu sering disebut Script Lazyload.

Bagaiamana tutorial cara pemasangannya ?

1. Kembali yang pertama sekali adalah Anda harus log in dulu ke blog Anda
2. Langsung menuju bagian Tab Template
3. Mohon lakukan dulu, pencadangan/download template Anda dulu sebelum melangkah ke step selanjutnya.
4. Setelah itu, klik Edit HTML > Lanjutkan
5. Centang Expand Template Widget.
6. Cari kode </head>
7. Copy paste kode di bawah ini, letakkan di atas kode HTML </head>

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://zonaku.googlecode.com/files/loading.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0he-Mm3pPIKDvVbTx4R1e7lupl5fGAKoPnoFWiy3BOXmG9j-RcLm80AlbzSBmWzE7b9UpUvKbN159_xh_rTZP1E3bCcuK9YBppos0bsUQ7YdvThHCJW-MSdEnbW5rMUEI4LExfyyqwIs/s1600/loading.png&quot;,threshold : 200});
});
</script>

8.Setelah itu, klik Simpan untuk melakukan eksekusi.

Okey, itulah tadi tips blog yang dapat saya share pada kesempatan ini. Semoga tutorial blog-nya dapat dengan mudah pahami dan aplikasikan. Catatan : jika script ini tenyata tidak berhasil dalam artian tidak ada perubahan dalam hal kecepatan blog Anda atau blog Anda semakin berat, ya saran jangan diikuti...heheheh.

Itulah tadi tips, info blog, tutorial blog yang dapat saya sharing kepada Anda. Berikut adalah postingan yang saya rekomendasikan buat Anda :
1. Seberapa cepat loading blog Anda
2. Mahir Membuat Text Area (Tipe Advanced, modifikasi)
3. Membuat Tombol Share Facebook pada blog
4. Tips Mempercantik Blog

Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan

yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan

pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten

tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Jika Anda ingin mengambil postingan saya ini sebagai referensi, selalu sertakan link aslinya:

<a href="http://bloggermahir.blogspot.com/2012/09/mempercepat-loading-blog.html">http://bloggermahir.blogspot.com/2012/09/mempercepat-loading-blog.html</a>