tag:blogger.com,1999:blog-90248309756725540292024-03-28T02:41:32.624+08:00Tips Trik Blogger, Tutorial SEO, InfoBerbagai cara tips dan trik blogger tutorial, SEO, komputer, internet dari BloggerPeer. Free download software, template gratis, info lainnyaKomang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.comBlogger27125tag:blogger.com,1999:blog-9024830975672554029.post-60309782555482372432012-07-22T13:02:00.003+08:002023-06-25T23:29:06.607+08:00Technorati | Cara Claim Blog Di Technorati Directory<p><img alt="Technorati Blog Directory" src="http://4.bp.blogspot.com/-Ja2WGJfqRcU/UAtwT7tjfdI/AAAAAAAAASA/ScRewuRDapI/s1600/Cara-Claim-Blog-Technorati.jpg" style="float: left; margin: 0 1% 0 0;" title="Technorati" /></p><p>Cara claim blog di Technorati direktori, sebelumnya mari kita bahas apa itu Technorati? Pasti sudah pada tahu kan? Okey.. Technorati adalah sebuah mesin pencari (search engine) populer khusus untuk blog yang diciptakan oleh <i>Dave Sifry</i> yang diluncurkan pada November 2002. Saat ini sudah banyak bahkan jutaan blog yang ada di dunia terdaftar di situs ini, sebagai komunitas yang besar situs ini merupakan salah satu sumber untuk mendapatkan pengunjung/traffic, dengan alasan itulah kenapa kita harus mendaftarkan blog kita di Technorati disamping untuk menjaring pengunjung situs ini juga bisa dijadikan alat untuk mencari link dari blog-blog lain yang mempunya tema (niche) yang sama. Technorati juga merupakan blog directory yang cukup populer dan merupakan direktori yang favorit dari para blogger untuk meningkatkan <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-google-pagerank.html" target="_blank">pagerank</a> dan traffic, nah sekarang timbul pertanyaan bagaimana <a href="http://bloggerpeer.blogspot.com/2012/07/cara-claim-blog-di-technorati-directory.html"><span style="color: black;">cara claim blog di technorati</span></a>? sebenarnya cara klaim nya dibilang gampang-gampang susah tapi jika ingin benar-benar serius dan teliti pasti bisa kok.</p><h3>Cara Claim Blog di Technorati</h3><ul><li><span style="background-color: white;">Login di <a href="http://technorati.com/" target="_blank">Technorati</a>, kalo belum punya akun silahkan dibuat dulu</span></li>
<li><span style="background-color: white;">Masukkan alamat blog anda agar bisa di claim dan isi data-data yang diperlukan</span></li>
<li><span style="background-color: white;">Kemudian Technorati akan mengirim email balasan ke email anda yang berisi claim token, silahkan lihat contoh dibawah ini</span></li>
</ul><blockquote class="tr_bq"><div>This is an automatically-generated email. Thank you for submitting your blog claim on Technorati. Technorati will need to verify that you are an author of the site http://bloggerpeer.blogspot.com by looking for a unique code. We have just assigned the claim token <b><span style="color: red;">B9MUD4AM3YKB</span></b> to this claim. Please visit http://technorati.com/account/ for more details, including how to use the claim token. Thank you.</div></blockquote><ul><li>Kemudian masuk ke blog anda dan buatlah postingan baru tentang Technorati dengan menyertakan kode token (contoh token: kode warna merah)</li>
<li>Publish post baru anda</li>
<li>Kembali ke situs Technorati dan klik "Verify Claim Token"</li>
</ul><p>Kemudian tunggu beberapa saat kemudian Technorati akan meng-claim blog anda dengan mengirim email ke inbox anda</p><blockquote class="tr_bq"><div>This is an automatically-generated email.<br />
Thank you for submitting your blog claim on Technorati. We have successfully crawled your blog and found the claim token, and your claim is now awaiting review.</div></blockquote><p>Setelah diclaim maka blog anda akan di review oleh Technorati dan blog anda akan di masukkan didalam direktori</p><p>Semoga <a href="http://bloggerpeer.blogspot.com/">tips blogger</a> tentang cara claim blog di Technorati ini bermanfaat</p><br />
<span style="color: #222222; font-family: arial, sans-serif; font-size: 13px;"><b>B9MUD4AM3YKB</b></span>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com14tag:blogger.com,1999:blog-9024830975672554029.post-4919402302637921082016-04-28T22:04:00.000+08:002016-04-28T22:04:46.027+08:00Cara Agar Artikel Blog Cepat Terindex Google - Yahoo - Bing<p>Cara Agar Artikel/Postingan Cepat Terindex Google, Yahoo dan Bing, banyak pertanyaan dari pengunjung tentang bagaimana cara agar artikel atau postingan di blog cepat terindex Google atau di indeks oleh mesin pencari (search engine) yang lainnya pada blog/website, sebenarnya tips SEO agar postingan/artikel blog cepat muncul di Google index ini sudah banyak diulas oleh para Blogger maupun pakar SEO, tapi disini saya akan mengulas kembali dengan pengalaman yang saya ketahui.</p><p><a href="http://bloggerpeer.blogspot.com/2012/08/cara-agar-blog-cepat-terindex-google-yahoo-bing.html" target="_blank"><img alt="Cara Cepat Terindex Search Engine Google" src="http://4.bp.blogspot.com/-Ikj9WnadyAI/UCN2IVKIBkI/AAAAAAAAAUA/5baIShSO_x8/s1600/Blog-Terindex-Google.jpg" style="float: left; margin: 0 2%;" title="Cara Agar Blog Cepat Terindex Google - Yahoo - Bing" /></a></p><p>Terindeks oleh search engine adalah hal yang sangat penting bagi kemajuan dan perkembangan blog/website anda, tanpa di indeks blog anda akan kesepian pengunjung dan terlihat mati meskipun anda menulis konten yang fresh dan berkualitas tapi tetap konten anda akan seperti terkubur, nah disinilah pengetahuan SEO itu berfungsi agar konten pada blog anda dikenali dan terindex oleh mesin pencari seperti Google, Yahoo, Bing maupun search engine lainnya karena hampir 60% pengunjung akan datang dari mesin pencari, Ada beberapa teknik atau strategi yang harus anda terapkan agar cepat terindex.</p><table style="margin: auto;"><tbody>
<tr style="background-color:#f4f4f4;"><td style="text-align:center;"><b>Konten</b></td></tr>
<tr style="background-color:#fcfcfc;"><td style="text-align:center;"><a href="#Submit_Sitemap_ke_Search_Engine_Google.2F.Bing">Submit Sitemap ke Search Engine Google/Bing</a></td></tr>
<tr style="background-color:#fcfcfc;"><td style="text-align:center;"><a href="#Link_Building_Agar_Postingan_Cepat_Terindex_Mesin_Pencari">Link Building Agar Postingan Cepat Terindex Mesin Pencari</a></td></tr>
<tr style="background-color:#fcfcfc;"><td style="text-align:center;"><a href="#Cara_Cepat_Terdeteksi_Google_Dengan_Social_Bookmarking.2F.Social_Media">Cara Cepat Terdeteksi Google Dengan Social Bookmarking/Social Media</a></td></tr>
<tr style="background-color:#fcfcfc;"><td style="text-align:center;"><a href="#Internal_Linking_Dalam_Halaman_Blog.2F.Website">Internal Linking Dalam Halaman Blog/Website</a></td></tr>
<tr style="background-color:#fcfcfc;"><td style="text-align:center;"><a href="#Ping_website.2F.blog_untuk_memanggil_Google.2F.Bing_spider">Ping website/blog untuk memanggil Google/Bing spider</a></td></tr>
<tr style="background-color:#fcfcfc;"><td style="text-align:center;"><a href="#Komentar_Pada_Blog_Agar_Cepat_Terindex_Search_Engine">Komentar Pada Blog Agar Cepat Terindex Search Engine</a></td></tr>
<tr style="background-color:#fcfcfc;"><td style="text-align:center;"><a href="#Update_Konten_Blog.2F.Website_Secara_Teratur">Update Konten Artikel Blog/Website Secara Teratur</a></td></tr>
<tr style="background-color:#fcfcfc;"><td style="text-align:center;"><a href="#Mobile_Friendly_dan_Responsive_Design">Mobile Friendly dan Responsive Design</a></td></tr>
</tbody></table><p></p><h3><span class="headline" id="Submit_Sitemap_ke_Search_Engine_Google.2F.Bing">Submit Sitemap ke Search Engine Google/Bing</span></h3><p>Sitemap adalah sebuah daftar isi yang menerangkan tentang apa yang ada pada blog/website anda, sitemap disini bukan daftar isi yang seperti ada pada halaman melainkan sitemap yang berupa XML, XML adalah sebuah bahasa yang hanya dimengerti oleh search engine. Untuk pengguna Wordpress bisa membuat sitemap dengan plugin, dan untuk pengguna Blogspot biasanya sudah terintegrasi, seperti pada contoh dibawah.</p><br />
<ul><li>http://bloggerpeer.blogspot.com/sitemap.xml </li>
<li>http://bloggerpeer.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500 </li>
<li>http://bloggerpeer.blogspot.com/feeds/posts/default?orderby=updated </li>
</ul><p>Silahkan submit sitemap anda pada <a href="http://www.google.com/webmasters/tools/" target="_blank">Google Webmaster Tools</a>, untuk Bing/Yahoo silahkan submit ke <a href="http://www.bing.com/toolbox/webmaster" target="_blank">Bing Webmaster Tools</a></p><h3><span class="headline" id="Link_Building_Agar_Postingan_Cepat_Terindex_Mesin_Pencari">Link Building Agar Postingan Cepat Terindex Mesin Pencari</span></h3><p>Untuk cepat terindex anda harus membangun link ke halaman post anda, jangan hanya mencari link mengarah ke homepage saja, carilah <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-dofollow-links-pengertian.html" target="_blank">link dofollow</a> yang mengarah ke konten anda. Hal ini juga akan membuat blog anda menjadi populer dan terpercaya di mata search engine, mesin pencari seperti Google sangat senang dengan blog/web yang mempunyai link dofollow yang relevan yang mengarah ke halaman blog anda dan <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-google-pagerank.html" target="_blank">Google Pagerank</a> pun bisa anda dapatkan.</p><h3><span class="headline" id="Cara_Cepat_Terdeteksi_Google_Dengan_Social_Bookmarking.2F.Social_Media">Cara Cepat Terdeteksi Google Dengan Social Bookmarking/Social Media</span></h3><p>Salah satu cara yang sangat cepat agar blog anda terindex mesin pencari adalah dengan membagikan (share) konten anda pada situs social media atau social bookmark yang banyak di jumpai sekarang ini seperti Google+, Twitter, Facebook, Linkedin, Pinterest, dll. Selain itu blog anda juga akan mendapatkan traffic dari situs social media tersebut.</p><h3><span class="headline" id="Internal_Linking_Dalam_Halaman_Blog.2F.Website">Internal Linking Dalam Halaman Blog/Website</span></h3><p>Jika anda ingin halaman baru pada situs anda diindeks cepat maka internal linking akan menjadi sangat berguna. Sebutkan halaman baru anda dengan anchor text link, dan perbarui (update) halaman yang sudah terindeks sebelumnya dengan menyertakan link ke halaman baru anda (pastikan pembahasan pada konten anda sebelumnya cocok dengan konten anda yang baru).</p><p>Linking halaman situs anda bukan hanya tentang membangun external backlink. Hal yang sangat penting juga adalah membangun link dalam website anda (internal linking) yang akan mengingatkan mesin pencari tentang kehadiran konten baru pada situs anda.</p><h3><span class="headline" id="Ping_website.2F.blog_untuk_memanggil_Google.2F.Bing_spider">Ping website/blog untuk memanggil Google/Bing spider</span></h3><p>Ping pada mulanya merupakan metode untuk blogger untuk memperingatkan mesin pencari pada konten baru di blog mereka. Namun, telah berkembang di mana setiap orang dapat menggunakannya untuk memperbarui (update) bukan hanya blog tapi juga website tradisional</p><p>Ping adalah sarana yang sangat berguna memperingatkan mesin pencari dan direktori untuk pembaruan dalam konten anda.<br />
Ada banyak situs layanan ping online yang tersedia. Beberapa yang terbaik yang saya ketahui adalah:</p><p>pingoat.com</p><p>pingler.com</p><p>pingomatic.com</p><h3><span class="headline" id="Komentar_Pada_Blog_Agar_Cepat_Terindex_Search_Engine">Komentar Pada Blog Agar Cepat Terindex Search Engine</span></h3><p>Blog dengan pembaca yang aktif dan banyak konten baru akan di crawled secara teratur oleh search engine, dengan berkomentar pada blog seperti itu maka anda akan mendapatkan imbas dari popularitasnya dan akan mendapatkan halaman sendiri diindeks dengan cepat. Cobalah mengomentari posting terakhir pada blog-blog yang sudah terkenal dan mempunyai ranking tinggi, ini adalah cara yang sangat efektif untuk mendapatkan halaman baru diindeks cepat dan pastikan bahwa anda menggunakan halaman yang ingin diindeks sebagai URL website anda ketika berkomentar tidak hanya halaman muka (homepage) saja.</p><h3><span class="headline" id="Update_Konten_Blog.2F.Website_Secara_Teratur">Update Konten Artikel Blog/Website Secara Teratur</span></h3><p>Pastikan anda memperbarui situs anda secara teratur, konten atau artikel yang fresh adalah penting untuk mendapatkan halaman baru diindeks. Jika konten/postingan yang ada pada blog anda sudah basi maka search engine tidak akan menjelajahi (crawl) blog anda secara teratur, Di sisi lain, jika anda menjaga blog anda segar dan diperbarui (meskipun memperbarui halaman indeks) maka spider mesin pencari akan terus datang kembali. Sebagai alasan kenapa banyak blog mempunyai peringkat baik dan artikel nya terindeks cepat tidak lain adalah karena si pemilik blog sering memperbarui situs mereka dengan konten atau postingan baru yang segar.</p><h3><span class="headline" id="Mobile_Friendly_dan_Responsive_Design">Mobile Friendly dan Responsive Design</span></h3><p>Tidak bisa dipungkiri lagi, pengguna gadget smartphone dan tablet sekarang sudah melebihi dari pengguna komputer PC dan laptop, maka wajib bagi kita sekarang untuk mengubah template lama kita agar responsive dan mobile friendly agar visitor yang berkunjung ke situs/blog kita tidak kesusahan untuk membaca konten yang ada di blog kita, apalagi sekarang Google sudah menerapkan algoritma MOBILEGEDDON yang meharuskan kita untuk membuat website/blog yang mobile friendly dan tentu saja ini akan berpengaruh besar pada SEO Onpage dan ranking kita di Google search khususnya mobile search. Jadi buat anda yang masih menggunakan template lama silahkan di-upgrade agar bisa mobile friendly dan agar cepat terindeks Google, beberapa hari yang lalu saya pernah me-review premium <a href="http://bloggerpeer.blogspot.com/2014/08/evo-magz-blogger-template-responsive-seo.html" target="_blank" title="Evo Magz Blogger Template, Responsive & SEO Ready">responsive dan SEO friendly Blogger template</a> yang saya pakai di blog saya ini, dan untuk tampilannya lumayan bagus dan elegan.</p><p>Itulah beberapa <a href="http://bloggerpeer.blogspot.com/2012/09/seo-tips-tricks-info-tools-add-ons.html">tips seo</a> tentang cara agar blog terindex cepat oleh search engine/mesin pencari sesuai dengan pengalaman saya, kalau ada kekurangan dan saran lain bisa disampaikan melalui komentar</p><p>Happy Blogging..!</p>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com101tag:blogger.com,1999:blog-9024830975672554029.post-43788528603692357592012-07-12T12:04:00.001+08:002016-02-10T01:44:19.416+08:00Google PageRank: Pengertian Apa Itu PageRank?<p>Apa itu Google PageRank?, bagaimana pengertian dan cara menghitung Google pagerank itu? dari beberapa sumber yang saya baca, Google Pagerank adalah alat pembanding untuk mengukur arti dan pentingnya sebuah halaman web di dunia internet. Google Page Rank (biasa disebut PR) pada awalnya dikembangkan oleh Larry Page, co-owner Google, algoritma Pagerank telah berubah selama bertahun-tahun seperti kebanyakan algoritma Google lainnya, bahkan algoritma PR adalah rahasia umum yang terjaga dengan baik.</p><h3>Apakah Penggunaan Google PageRank?</h3><p><img style="float:left; margin:0 2% 0 0;" title="Google Pagerank" alt="Pengertian Google Pagerank Upate dan cara cek" src="http://lh6.ggpht.com/-B0ywiYkaI-k/T_5M3JW7ABI/AAAAAAAAARA/aqNTjWTXAzg/GooglePagerank_thumb2.jpg"/></p><p>Google PageRank dapat digunakan untuk melihat apakah sebuah halaman memiliki otoritas atas isinya, semakin tinggi peringkat halaman maka lebih tinggi kualitas dan otoritas dari halaman web lainya. Sebuah peringkat halaman dari 5 (PR 5) berarti bahwa halaman web memiliki suatu pegangan yang kuat atas isi yang ada di dalamnya, sementara peringkat halaman dari 2 berarti halaman itu hanya merupakan sumber informasi yang biasa dan belum mempunyai kualitas yang tinggi dengan informasi yang ada didalamnya, bagi web/blog yang masih baru biasanya belum mempunyai pagerank (PR N/A).</p><div class="separator" style="clear: both;"></div><div class="separator" style="clear: both;"></div><h3>Bagaimana PageRank Dihitung?</h3><p>Dalam konteks ini, kita hanya bisa menebak faktor-faktor yang membentuk <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-google-pagerank.html"><span style="color: black;">Google PageRank</span></a>. Tapi ini umumnya diketahui bahwa faktor yang paling penting dari Pagerank Google adalah link dari website lain yang terkait (link dofollow yang relevan, bukan <a href="http://bloggerpeer.blogspot.com/2012/07/pengertian-tag-rel-nofollow-attribute.html" target="_blank">nofollow</a>), semakin tinggi peringkat halaman dari halaman web yang link ke anda maka lebih tinggi peringkat halaman anda, dan juga semakin banyak jumlah halaman web yang nge-link ke anda juga akan menaikkan peringkat halaman anda. Maksud dari link dofollow yang relevan adalah link yang mempunyai relevansi dengan apa yang ada pada halaman web anda, sebagai contoh web atau blog anda bertemakan/membahas tentang komputer maka anda harus mencari link dofollow dari website lain dengan tema komputer juga, jangan mencari link yang bertemakan tentang musik, kesehatan,dll yang tidak sesuai dengan apa yang anda bahas pada web/blog anda</p><h3>Beberapa faktor lainnya yang mungkin mempengaruhi Pagerank Google</h3><ul><li>Optimasi Search Engine (SEO) </li>
<li>Jaringan Sosial </li>
<li>Komentar </li>
<li>Waktu pada Halaman (berapa lama pengunjung diam di halaman web) </li>
<li>Bounce Rate (persentase dari pengunjung masuk dan keluar dari halaman web) </li>
</ul><h3>Apakah High PR Akan Lebih Baik Pada Hasil Pencarian (SERP/Search Engine Result Page)?</h3><p>Sebuah Google PageRank yang lebih tinggi pasti akan membantu anda dalam SERP dan di-indeks lebih cepat, tetapi tidak selalu berarti bahwa semakin tinggi peringkat halaman anda akan lebih baik pada hasil pencarian. Ada hal-hal lain yang masuk ke dalam perhitungan Google untuk memutuskan halaman mana yang mendapatkan peringkat tinggi di search engine. Sebuah Google Pagerank tinggi pasti akan membantu tapi itu bukan segalanya untuk memutuskan web anda akan mendapatkan di posisi pertama pada hasil pencarian</p><h3>Kapan Google PageRank di Dapatkan?</h3><p>Google pagerank biasanya akan di-update setiap 3 bulan atau 4 kali dalam setahun, cobalah untuk membuat artikel yang menarik bagi web anda, carilah link dofollow yang relevan dari website/blog atau sumber lain yang mempunyai <a href="http://support.google.com/webmasters/bin/answer.py?hl=en&hlrm=en&answer=34432" target="_blank">ranking</a> lebih tinggi dari web anda, jangan mencari link yang terlalu banyak dalam waktu yang singkat karena Google akan mencurigai web anda (hati-hati.. Google sangat ketat dengan web spam), update web/blog anda dengan konten yang fresh dan menarik maka sedikit demi sedikit Google akan mempercayai situs anda dan pagerank pun bisa anda dapatkan. <br />
Untuk mengecek pagerank dari situs anda silahkan masuk ke situs <a href="http://prchecker.info" target="_blank">PRChecker</a></p><p>Semoga <a href="http://bloggerpeer.blogspot.com">Tips SEO</a> ini membantu, kalau ada kekurangan dan saran lain mungkin bisa disampaikan melalui komentar</p>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com10tag:blogger.com,1999:blog-9024830975672554029.post-1444004554699573032014-08-02T16:04:00.000+08:002015-12-01T23:24:50.429+08:00Evo Magz: Template Blogger Keren Responsive & SEO Friendly<p>Halo.. sahabat Blogger apa kabar? Blogger Peer kembali lagi setelah lama menghilang tentunya dengan desain dan tampilan yang baru. Terima kasih selama ini telah berkunjung ke blog ini dan mohon maaf kalau komentar anda semua tidak sempat saya balas, karena kesibukan saya dalam pekerjaan dan waktu istirahat sedikit jadinya untuk nyalurin hobby untuk nge-blog juga sedikit. Okey.. sesuai dengan judul post ini <a href="http://bloggerpeer.blogspot.com/2014/08/evo-magz-blogger-template-responsive-seo.html"><b>Evo Magz: Template Blogger Keren Responsive & SEO Friendly</b></a> adalah template yang saya pakai di <a href="http://bloggerpeer.blogspot.com">bloggerpeer.blogspot.com</a> sekarang, kenapa saya memakai template Evo Magz? karena saya sangat suka dengan tampilan elegan, simple, fast loading, SEO friendly dan responsive dari Evo Magz Blogger magazine theme ini. Saya banyak ketinggalan dari teman-teman Blogger yang lainnya dalam perkembangan dunia Blog dan SEO, apalagi sekarang menggunakan template HTML5, menerapkan Schema.org markup dan responsive design adalah hal yang sangat direkomendasikan oleh semua search engine termasuk Google yang tentunya sangat berpengaruh positif pada perkembangan SEO pada blog (Onpage SEO) dan <a href="http://bloggerpeer.blogspot.com/2012/08/cara-agar-blog-cepat-terindex-google-yahoo-bing.html" target="_blank" title="Cara Agar Blog Cepat Terindex Google - Yahoo - Bing">agar bisa terindeks cepat oleh search engine</a> dan juga agar mobile friendly karena sekarang ini hampir 75% orang-orang menggunakan internet dengan mobile ataupun tablet. Mungkin ada yang bertanya kenapa template yang dulu saya ganti? dan kenapa tidak di-edit saja sendiri agar bisa responsive? padahal template itu tampilannya lumayan bagus, jawabannya adalah sederhana template saya yang dulu tidak memakai HTML5, tidak responsive, tidak memakai Schema markups dan juga skill saya dalam hal designing dan waktu untuk meng-edit terbatas makanya saya memakai template yang langsung jadi dan tinggal memasang saja, cuman saya hanya merubah sedikit tampilan sidebar dan merubah form komentarnya memakai versi comments form dari <b>Adhy Suryadi</b> <a href="http://www.kompiajaib.com/2014/06/modifikasi-threaded-comments-hack-ala-kompi-ajaib.html" rel="nofollow" target="_blank" title="Threaded Comments Hack Ala Kompi Ajaib">www.kompiajaib.com</a></p><p></p><img style="margin:0px auto;display:block" src="http://3.bp.blogspot.com/-K4oBPxiMelo/U9yWOps5T-I/AAAAAAAAArs/R6mWmIAW7tk/s1600/Evo-Magz-Blogger-Template.jpg" title="Evo Magz Blogger Template" alt="Evo Magz Blogger Template"/><br />
<p></p><p>Evo Magz adalah template yang dibuat oleh <b>Mas Sugeng</b>, salah satu Blogger Indonesia yang template hasil karyanya banyak dipakai oleh para Blogger. Dibawah ini adalah beberapa fitur dari Evo Magz Blogger Template ini</p><h3>Fitur-Fitur Evo Magz Template - SEO Friendly Responsive HTML5 Blogger Theme</h3><div><ul><li>100% Responsive</li>
<li>Custom Mobile Template</li>
<li>SEO Optimized</li>
<li>Ad and AdSense Optimized</li>
<li>Fully Customizable</li>
<li>Font Awesome</li>
<li>Breadcrumb</li>
<li>Auto Readmore</li>
<li>Related Posts</li>
<li>Share Buttons</li>
<li>Tab View Widget</li>
<li>Recent Post Widget</li>
<li>Numbered Page Navigation</li>
<li>Back to Top button</li>
<li>Custom Error page</li>
<li>Facebook Comments</li>
<li>and much more</li>
</ul></div><p>Demo bisa dilihat di blog ini atau klik <a href="http://evomagzblog.blogspot.com/" rel="nofollow" target="_blank" title="Evo Magz Blog">disini</a></p><p>Nah bagi anda yang ingin memakai template Evo Magz ini silahkan kunjungi blog-nya Mas Sugeng di <a href="http://www.mas-sugeng.com/2014/04/evo-magz-template-blogspot-magazine.html" rel="nofollow" target="_blank" title="Evo Magz Blogger Template">www.mas-sugeng.com</a></p>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com0tag:blogger.com,1999:blog-9024830975672554029.post-85485392852494383012011-11-03T16:52:00.000+08:002015-10-21T11:42:26.599+08:00Cara Buat Breadcrumb Seo Friendly di BlogBreadcrumb navigation adalah sebuah menu yang dipakai untuk navigasi halaman sebuah website atau blog, sehingga akan memudahkan visitor atau pembaca untuk me-navigasi halaman blog atau website sobat. Dalam SEO, pemasangan <a href="http://bloggerpeer.blogspot.com/2011/11/cara-buat-breadcrumb-seo-friendly.html"><span style="color: black;">breadcrumb</span></a> adalah wajib yang sangat berguna untuk mempermudah seacrh engine untuk menjelajah atau crawling halaman blog sobat sehingga blog akan menjadi SEO friendly dan disenangi oleh search engine bot, dan juga blog sobat akan cepat ter-index oleh search engine ( Google khususnya )<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Cara Pasang Navigasi Breadcrumb di blogger" src="http://1.bp.blogspot.com/-Rh3-pRNTw5A/TrJHmIoNaVI/AAAAAAAAAIE/l7WXB1-RYbY/s1600/Navigasi+Breadcrumb.png" style="margin:0px auto;display:block" title="Navigasi Breadcrumb" /></div><div class="separator" style="clear: both;"></div><p>Gambar diatas adalah contoh <a href="http://en.wikipedia.org/wiki/Breadcrumb_(navigation)" target="_blank"><span class="Apple-style-span" style="color: black;">breadcrumb navigation</span></a> yang saya ambil dari screenshot blog saya ini, kebetulan judul post-nya waktu itu adalah tentang <a href="http://bloggerpeer.blogspot.com/2011/10/membuat-burung-twitter-terbang-blogspot.html">burung twitter terbang</a>, untuk membuat dan memasang breadcrumb saya kira tidak begitu sulit jadi sobat bisa membuat nya dengan <a href="http://bloggerpeer.blogspot.com/">tutorial blogger</a> yang saya berikan berikut ini:</p><p></p><h3>Cara Membuat Navigasi Breadcrumb Seo Friendly di Blogspot</h3><ul><li>Login di Blogger</li>
<li>Pilih Design </li>
<li>Pilih Edit Html</li>
<li>Centang pada Expand Widget Templates</li>
<li>Cari kode ]]></b:skin></li>
<li>Copy paste kode dibawah ini tepat diatas kode ]]></b:skin></li>
</ul><div style="border: 1px solid #ccc; height: 70px; margin: 0; overflow: auto; padding: 10px; width: 400px;">.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}</div><br />
<ul><li>Kemudian cari kode seperti di bawah ini</li>
</ul><b><span class="Apple-style-span" style="color: blue;"><div class='post hentry uncustomized-post-template'></span></b><br />
Kalau kode diatas tidak ada, coba sobat cari kode yang seperti dibawah ini<br />
<b><span class="Apple-style-span" style="color: blue;"><div class='post hentry'></span></b><br />
<b><span class="Apple-style-span" style="color: blue;"><br />
</span></b><br />
<ul><li>Letakkan kode dibawah ini tepat diatas salah satu kode biru diatas</li>
</ul><div style="border: 1px solid #ccc; height: 70px; margin: 0; overflow: auto; padding: 10px; width: 400px;"><b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag,nofollow'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if></div><br />
<ul><li>Klik save dan sobat sudah berhasil membuat Breadcrumb yang SEO friendly</li>
</ul><span style="color: red;"><b>Update</b></span><br />
<ul></ul><div><a href="http://bloggerpeer.blogspot.com/2012/06/cara-buat-breadcrumbs-index-google.html">Membuat Breadcrumbs ter-index Google</a></div>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com30tag:blogger.com,1999:blog-9024830975672554029.post-77463314838365032662011-11-06T11:33:00.001+08:002015-10-21T11:42:06.102+08:00Windows Live Writer | Menulis Artikel Blog Post Offline<p>Menulis artikel blog post dengan Windows Live Writer secara offline, Windows Live Writer adalah sebuah aplikasi desktop publishing blog yang dikembangkan oleh Microsoft yang merupakan bagian dari Windows Live, kegunaan aplikasi ini salah satunya adalah sobat bisa menulis artikel langsung dari desktop tanpa harus masuk ke dashboard editor blog untuk menulis artikel post</p><p><img style="float:left; margin:0 1% 0 0;" title="wlw - windows live writer" alt="wlw - Menulis Artikel Post Dengan Windows Live Writer" src="http://lh3.ggpht.com/-mGjaaZVj0lE/TrX_5WnskFI/AAAAAAAAAIM/dtJvjy7ZyNk/wlwwindowslivewriter_thumb3.png"/>Selain itu sobat juga dapat menulis dan memasukkan foto secara offline dengan aplikasi <a href="http://bloggerpeer.blogspot.com/2011/11/menulis-dengan-windows-live-writer.html"><span style="color: black;">Windows Live Writer</span></a> (WLW) ini, hal itu sangat menguntungkan bagi sobat yang mempunyai koneksi internet yang lambat apalagi kalau hanya mengandalkan WIFI gratisan  untuk koneksi internet, jadi sobat bisa menulis banyak artikel dan disimpan di draft kemudian sobat bisa publish artikel post nya kapan saja sobat sempat, sangat menghemat waktu dan biaya bukan? sobat juga bisa memasukkan link (hyperlink), maps, tabel (table), video, tags dan masih banyak lagi yang lainnya. Tidak salah kenapa aplikasi ini banyak dipakai oleh para blogger diseluruh dunia karena kemudahannya itu, dan mungkin menjadi salah satu tools yang wajib dimiliki oleh penulis ataupun blogger.</p><h3>Apakah Windows Live Writer Application berguna untuk SEO?</h3><p>Jawabannya adalah “IYA” aplikasi ini juga bermanfaat untuk SEO, secara default Blogger platform tidak mendukung Self Pinging Service yang berguna untuk memberitahukan search engine bahwa sobat telah mempublikasikan artikel baru atau meng-edit artikel, tetapi dengan WLW hal itu bisa sobat lakukan. Itulah sebabnya kenapa sobat harus mencoba menggunakan aplikasi gratis ini.</p><p>Cara kerjanya adalah setiap kali publish artikel post baru lewat WLW, sobat bisa langsung ping artikel sobat dan dengan cara itu akan mempercepat artikel post sobat ter-index oleh search engine, dan juga service ini akan memberikan posisi yang lebih baik di SERP (Search Engine Result Page), tetapi selain itu sobat juga harus optimasi SEO onpage seperti menambahkan <a href="http://bloggerpeer.blogspot.com/2011/11/cara-buat-breadcrumb-seo-friendly.html" target="_blank">navigasi breadcrumb</a> atau optimasi SEO offpage agar blog sobat lebih mantap di SERP, WLW ini hanyalah faktor kecil untuk optimasi SEO khususnya format penulisan artikel post yang benar dan SEO friendly</p><p>Cara untuk ping artikel post adalah buka Windows Live Writer kemudian Tools > Options > Ping Servers. Kemudian centang pada “Send pings to the url below”. Copy list url yang dibawah ini kemudian paste di kolom yang tersedia</p><p>http://rpc.pingomatic.com <br />
http://rpc.twingly.com <br />
http://api.feedster.com/ping <br />
http://api.moreover.com/RPC2 <br />
http://api.moreover.com/ping <br />
http://www.blogdigger.com/RPC2 <br />
http://www.blogshares.com/rpc.php <br />
http://www.blogsnow.com/ping <br />
http://www.blogstreet.com/xrbin/xmlrpc.cgi <br />
http://blogsearch.google.co.za/ping/RPC2 <br />
http://blogsearch.google.com.au/ping/RPC2 <br />
http://blogsearch.google.com.br/ping/RPC2 <br />
http://blogsearch.google.com.do/ping/RPC2 <br />
http://blogsearch.google.com.vn/ping/RPC2 <br />
http://blogsearch.google.hr/ping/RPC2 <br />
http://blogsearch.google.ie/ping/RPC2 <br />
http://blogsearch.google.nl/ping/RPC2 <br />
http://blogsearch.google.pl/ping/RPC2 <br />
http://ping.kutsulog.net/ <br />
http://bulkfeeds.net/rpc <br />
http://www.newsisfree.com/xmlrpctest.php <br />
http://ping.blo.gs/ <br />
http://ping.feedburner.com <br />
http://ping.syndic8.com/xmlrpc.php <br />
http://ping.weblogalot.com/rpc.php <br />
http://rpc.blogrolling.com/pinger/ <br />
http://rpc.technorati.com/rpc/ping <br />
http://rpc.weblogs.com/RPC2 <br />
http://blo.gs/ping.php <br />
http://www.pingerati.net <br />
http://www.pingmyblog.com <br />
http://geourl.org/ping <br />
http://ipings.com <br />
http://www.weblogalot.com/ping</p><p>Url ping servers diatas hanyalah beberapa saja dan sobat bisa mencari (search) list ping servers ter-update lainnya di Google</p><h3>Cara Instal Windows Live Writer di Komputer</h3><p>Untuk instal / pemasangan WLW ini juga sangat gampang, sobat hanya download aplikasi nya di situs <a href="http://windows.microsoft.com/en-us/windows-live/essentials-other-programs" target="_blank">Microsoft Windows Live Essentials</a> dan langsung di-instal di komputer sobat pada saat online (online installer). Dibawah ini adalah sedikit contoh screenshot instalasi-nya yang saya ambil ketika saya memasangnya di komputer saya</p><p><img style="margin:0px auto;display:block" title="wlw-instalasi 1" alt="wlw-instalasi 1" src="http://lh5.ggpht.com/-do7aVYmTTTI/TrX_6ybAm3I/AAAAAAAAAIU/ygiOAYn6-5Y/wlw-screenshot%2525201_thumb%25255B5%25255D.jpg"/></p><p><img style="margin:0px auto;display:block" title="wlw-instalasi 2" alt="wlw-instalasi 2" src="http://lh4.ggpht.com/-hI9XoAZbUvU/TrX_8gAwiCI/AAAAAAAAAIc/5Q7JJ6yFgis/wlw-screenshot2_thumb%25255B4%25255D.png"/> </p><p>Setelah sobat download dan instal maka akan mucul pemberitahuan aplikasi apa saja yang ingin di pasang, saya sarankan centang pada “writer” saja, tapi kalau sobat juga ingin memasang aplikasi lainnya sobat bisa pilih sesuai dengan keinginan sobat</p><p>Setelah proses instalasi selesai kemudian sobat masukkan blog sobat beserta username dan password blog sobat</p><p><img style="margin:0px auto;display:block" title="wlw-instalasi 3" alt="wlw-instalasi 3" src="http://lh4.ggpht.com/-CiiwuuXC-bc/TrX_92vT9JI/AAAAAAAAAIk/ZfLbMTRAyT0/wlw-screenshot3_thumb%25255B2%25255D.png"/></p><p><img style="margin:0px auto;display:block" title="wlw-instalasi 4" alt="wlw-instalasi 4" src="http://lh5.ggpht.com/-Hf7y9WH-ydw/TrX_-9u4J-I/AAAAAAAAAIs/4NCWuSRaiFQ/wlw-screenshot4_thumb%25255B6%25255D.png"/> </p><p>Untuk pengguna wordpress sebelum mengisi semuanya diatas sobat harus login masuk ke dashboard terlebih dahulu. Masuk ke Setting > Writting dan turun kebawah dan centang pada XML-RPC seperti gambar dibawah, dan kemudian sobat lanjutkan dengan mengisi form seperti diatas</p><p><a href="http://lh5.ggpht.com/-CrF_VEv1vRo/TrYBmDTuc5I/AAAAAAAAAI8/cG_NhtHTPKs/s1600-h/wlw-wordpress%25255B5%25255D.jpg"><img style="margin:0px auto;display:block" title="setting pada wordpress" alt="wlw setting pada wordpress" src="http://lh4.ggpht.com/-aMgF99BPeLM/TrYBo65-d3I/AAAAAAAAAJE/lN5iprGlMHk/wlw-wordpress_thumb%25255B3%25255D.jpg"/></a></p><p>Kemudian terakhir klik finish dan sobat telah siap menggunakan aplikasi Windows Live Writer ini, bagi sobat yang sudah menggunakan aplikasi ini mungkin bisa sharing sedikit kelebihan-kelebihan lainnya atau kekurangannya. Kebetulan saya juga masih baru dalam menggunakan aplikasi ini jadi belum sempat menjelajahi kelebihan atau kekurangan lainnya</p><p>Good Luck Sob..!!</p>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com14tag:blogger.com,1999:blog-9024830975672554029.post-36527187654768536772011-11-09T22:02:00.001+08:002015-10-21T11:41:36.125+08:00Yahoo Messenger Emoticons (Smileys) di Blogspot<p><img style="float:left; margin:0 1% 0 0;" title="Yahoo Messenger" alt="Yahoo! Messenger (YM)" src="http://lh5.ggpht.com/-iDn1uFJiSfU/TrqH6Ylpa7I/AAAAAAAAAJQ/37QmbMOsRJE/Yahoo%252520Messenger-Emoticons-Smileys_thumb%25255B5%25255D.png"/>Cara membuat/memasang Yahoo! messenger emoticons di kotak komentar Blogger, YM emoticons adalah kumpulan smileys / ikon yang dimiliki oleh yahoo untuk menggambarkan atau mengekspresikan suasana perasaan kita pada saat kita chat sama teman-teman kita, ikon tersebut bisa dalam bentuk gambar yang bergerak maupun tidak, mungkin dari sobat blogger sudah tidak asing lagi dengan emoticons ini bukan? <a href="http://bloggerpeer.blogspot.com/2011/11/yahoo-messenger-emoticons-smileys.html"><span style="color: black;">Yahoo emoticons</span></a> ini bisa kita lihat pada software Yahoo messenger, bagi yang belum punya software YM bisa di download di situsnya Yahoo! biasanya sih online installer sama seperti aplikasi <a href="http://bloggerpeer.blogspot.com/2011/11/menulis-dengan-windows-live-writer.html" target="_blank">Windows Live Writer</a> saat di-instal minta koneksi internet tapi yang full installer juga ada kok tinggal search aja di om Google</p><h3>Cara Memasang Yahoo Messenger Emoticons di Kotak Komentar Blogger</h3><p>Secara default kotak komentar (form comment) Blogger platform tidak dilengkapi dengan emoticons, tapi sobat jangan khawatir dengan sedikit tips dan trik kita bisa mengakalinya dengan memasang dan menambahkan sedikit script yang berisi beberapa kumpulan <a href="http://messenger.yahoo.com/features/emoticons/" target="_blank">Yahoo messenger emoticons</a> yang umum dipakai dalam chat.</p><p>Langkah-langkahnya adalah :</p><ul><li>Login di Blogger > Template > Edit HTML </li>
<li>Centang pada Expand Widget Templates </li>
<li>Cari kode dibawah ini </li>
</ul><blockquote><p><b:if cond='data:post.embedCommentForm'> <br />
<b:include data='post' name='comment-form'/></p></blockquote><p>Copy kode dibawah ini kemudian letakkan (paste) diantara kode diatas</p><blockquote><p><div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #2b2b2b; padding: 5px; height:86'> <br />
<b> <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :)) <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;)) <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;) <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;) <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :(( <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :) <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :( <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =(( <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/ <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-* <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :| <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-} <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)] <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x( <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-( <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x( <br />
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =)) <br />
</b> <br />
</div></p></blockquote><p>Kemudian cari kode </body></p><p>Copy kode dibawah ini dan paste tepat diatas kode </body></p><blockquote><p><script src="https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/smiley.js" type="text/javascript"/><noscript><a href="http://bloggerpeer.blogspot.com" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript> </p></blockquote><p>Terakhir simpan dan sobat sudah bisa menggunakan emoticon dari Yahoo ini.</p><br />
<b>Note</b><br />
<p>Trik memasang YM emoticon diatas tidak bisa diterapkan pada sistem komentar yang baru (threaded comment), tetapi kalau anda masih memasang sistem komentar yang lama pada blog anda tidak ada salahnya mencoba trik diatas</p>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com19tag:blogger.com,1999:blog-9024830975672554029.post-46554439545075143312011-11-14T13:35:00.000+08:002015-10-21T11:41:13.970+08:00Colorpic | Software Untuk Mengetahui Kode Warna HTML<p><img style="float:left; margin:0 2% 0 0;" title="Colorpic" alt="Download Colorpic Gratis" src="http://lh4.ggpht.com/-s19UJac3f5U/TsCotJh_twI/AAAAAAAAAJg/bEORFzFetME/Download%252520Colorpic%252520Gratis_thumb%25255B9%25255D.jpg"/> Colorpic software untuk mengetahui kode warna HTML, Colorpic adalah sebuah desktop color picker software atau alat (tools) untuk mengetahui kode warna html yang sangat berguna bagi web designer ataupun blogger untuk meng-edit website atau blog khususnya dalam hal pengetahuan dan edit warna. Bagi saya sendiri colorpic adalah <a href="http://bloggerpeer.blogspot.com/2011/11/colorpic-software-kode-warna-html.html"><span style="color: black;">software kode warna</span></a> yang wajib saya miliki di komputer saya karena sangat membantu di saat saya kesulitan untuk mengetahui kode warna yang saya inginkan untuk meng-edit blog.</p><p>Cara kerja colorpic ini juga sangat mudah dan saya kira sobat juga pasti akan cepat bisa memahaminya, setelah selesai meng-instal sobat bisa langsung menggunakannya dengan hanya mengarahkan kursor atau mouse ke warna pilihan yang ada di desktop maka kode warna tersebut akan otomatis diketahui, mudah bukan? untuk screenshot nya sobat bisa lihat gambar yang ada dibawah, gambar ini adalah contoh untuk mengetahui kode warna kuning dari <a href="http://bloggerpeer.blogspot.com/2011/11/yahoo-messenger-emoticons-smileys.html">Yahoo Messenger emoticons</a>.</p><p><img style="margin:0px auto;display:block" title="Colorpic Software" alt="Colorpic, Software Untuk Mengetahui Kode Warna HTML" src="http://lh6.ggpht.com/-mE5AVXlivX8/TsCovgXT4qI/AAAAAAAAAJo/9lHViTbOG2U/Colorpic%252520software_thumb%25255B15%25255D.png"/></p><p>Gambar diatas adalah contoh pengambilan kode warna kuning dari YM buddy, hanya dengan meletakkan kursor ke warna tersebut maka kodenya pun dapat diketahui, mudah kan? nah bagi sobat yang ingin download software colorpic ini silahkan langsung menuju ke situs <a href="http://www.iconico.com/colorpic/" target="_blank">Iconico</a> dan bagusnya lagi software ini gratis tanpa bayar sepeser pun.</p>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com9tag:blogger.com,1999:blog-9024830975672554029.post-50284687785668759132011-11-17T20:21:00.001+08:002015-10-21T11:40:46.884+08:00Cara Buat Bintang Jatuh dari Kursor<p>Cara membuat efek bintang jatuh dari cursor di blog, animasi bintang jatuh adalah sebuah animasi kursor yang berupa bintang bertaburan yang jatuh dari cursor atau mouse ketika digerakkan, hal ini sangat menarik untuk dipasang di sebuah blog atau website karena animasi nya yang indah dan unik sehingga akan menarik visitor blog untuk betah tinggal lama-lama untuk membaca blog sobat</p><p><img style="float:left; margin:0 1% 0 0;" title="Bintang Jatuh" alt="Cara Buat Bintang Jatuh dari Kursor" src="http://lh6.ggpht.com/-QEv8PRHbu30/TsT8KpG7UyI/AAAAAAAAAJ0/3Gl_kMkGdDY/bintang%252520jatuh_thumb%25255B12%25255D.jpg"/></p><p>Buat sobat yang senang me-modifikasi blog nya dengan sesuatu yang beda dan unik mungkin perlu mencoba animasi <a href="http://bloggerpeer.blogspot.com/2011/11/animasi-bintang-jatuh-adalah-sebuah.html"><span style="color: black;">bintang jatuh</span></a> yang satu ini. Cara membuat <a href="http://id.wikipedia.org/wiki/Bintang_jatuh" target="_blank"><span style="color: black;">bintang jatuh</span></a> ini juga tidak susah-susah amat dan sobat tidak perlu meng-edit kode yang ada di template, cukup hanya copy paste kode-kode yang akan saya berikan dibawah nanti ke edit html pada bagian add gadget dan juga untuk mengganti warna bintang nya pun sobat bisa rubah sesuai dengan warna background template blog sobat dengan bantuan <a href="http://bloggerpeer.blogspot.com/2011/11/colorpic-software-kode-warna-html.html">Colorpic software</a>, tertarik? silahkan ikuti <a href="http://bloggerpeer.blogspot.com/">tutorial blogger</a> dibawah ini</p><div class="separator" style="clear: both;"></div><div class="separator" style="clear: both;"></div><h3>Pemasangan Efek Bintang Jatuh Pada Cursor di Blogger</h3><ul><li>Login di Blogger </li>
<li>Pilih Design > Add gadget > HTML/Javascript </li>
<li>Masukkan kode dibawah ini ke kolom HTML/Javascript </li>
</ul><blockquote><p><script type='text/javascript'> <br />
// <![CDATA[ <br />
var colour="#<span style="color: red;">52D8ED</span>"; <br />
var sparkles=100; <br />
var x=ox=400; <br />
var y=oy=300; <br />
var swide=800; <br />
var shigh=600; <br />
var sleft=sdown=0; <br />
var tiny=new Array(); <br />
var star=new Array(); <br />
var starv=new Array(); <br />
var starx=new Array(); <br />
var stary=new Array(); <br />
var tinyx=new Array(); <br />
var tinyy=new Array(); <br />
var tinyv=new Array(); <br />
window.onload=function() { if (document.getElementById) { <br />
var i, rats, rlef, rdow; <br />
for (var i=0; i<sparkles; i++) { <br />
var rats=createDiv(3, 3); <br />
rats.style.visibility="hidden"; <br />
document.body.appendChild(tiny[i]=rats); <br />
starv[i]=0; <br />
tinyv[i]=0; <br />
var rats=createDiv(5, 5); <br />
rats.style.backgroundColor="transparent"; <br />
rats.style.visibility="hidden"; <br />
var rlef=createDiv(1, 5); <br />
var rdow=createDiv(5, 1); <br />
rats.appendChild(rlef); <br />
rats.appendChild(rdow); <br />
rlef.style.top="3px"; <br />
rlef.style.left="0px"; <br />
rdow.style.top="0px"; <br />
rdow.style.left="3px"; <br />
document.body.appendChild(star[i]=rats); <br />
} <br />
set_width(); <br />
sparkle(); <br />
}} <br />
function sparkle() { <br />
var c; <br />
if (x!=ox || y!=oy) { <br />
ox=x; <br />
oy=y; <br />
for (c=0; c<sparkles; c++) if (!starv[c]) { <br />
star[c].style.left=(starx[c]=x)+"px"; <br />
star[c].style.top=(stary[c]=y)+"px"; <br />
star[c].style.clip="rect(0px, 5px, 5px, 0px)"; <br />
star[c].style.visibility="visible"; <br />
starv[c]=50; <br />
break; <br />
} <br />
} <br />
for (c=0; c<sparkles; c++) { <br />
if (starv[c]) update_star(c); <br />
if (tinyv[c]) update_tiny(c); <br />
} <br />
setTimeout("sparkle()", 40); <br />
} <br />
function update_star(i) { <br />
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; <br />
if (starv[i]) { <br />
stary[i]+=1+Math.random()*3; <br />
if (stary[i]<shigh+sdown) { <br />
star[i].style.top=stary[i]+"px"; <br />
starx[i]+=(i%5-2)/5; <br />
star[i].style.left=starx[i]+"px"; <br />
} <br />
else { <br />
star[i].style.visibility="hidden"; <br />
starv[i]=0; <br />
return; <br />
} <br />
} <br />
else { <br />
tinyv[i]=50; <br />
tiny[i].style.top=(tinyy[i]=stary[i])+"px"; <br />
tiny[i].style.left=(tinyx[i]=starx[i])+"px"; <br />
tiny[i].style.width="2px"; <br />
tiny[i].style.height="2px"; <br />
star[i].style.visibility="hidden"; <br />
tiny[i].style.visibility="visible" <br />
} <br />
} <br />
function update_tiny(i) { <br />
if (--tinyv[i]==25) { <br />
tiny[i].style.width="1px"; <br />
tiny[i].style.height="1px"; <br />
} <br />
if (tinyv[i]) { <br />
tinyy[i]+=1+Math.random()*3; <br />
if (tinyy[i]<shigh+sdown) { <br />
tiny[i].style.top=tinyy[i]+"px"; <br />
tinyx[i]+=(i%5-2)/5; <br />
tiny[i].style.left=tinyx[i]+"px"; <br />
} <br />
else { <br />
tiny[i].style.visibility="hidden"; <br />
tinyv[i]=0; <br />
return; <br />
} <br />
} <br />
else tiny[i].style.visibility="hidden"; <br />
} <br />
document.onmousemove=mouse; <br />
function mouse(e) { <br />
set_scroll(); <br />
y=(e)?e.pageY:event.y+sdown; <br />
x=(e)?e.pageX:event.x+sleft; <br />
} <br />
function set_scroll() { <br />
if (typeof(self.pageYOffset)=="number") { <br />
sdown=self.pageYOffset; <br />
sleft=self.pageXOffset; <br />
} <br />
else if (document.body.scrollTop || document.body.scrollLeft) { <br />
sdown=document.body.scrollTop; <br />
sleft=document.body.scrollLeft; <br />
} <br />
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { <br />
sleft=document.documentElement.scrollLeft; <br />
sdown=document.documentElement.scrollTop; <br />
} <br />
else { <br />
sdown=0; <br />
sleft=0; <br />
} <br />
} <br />
window.onresize=set_width; <br />
function set_width() { <br />
if (typeof(self.innerWidth)=="number") { <br />
swide=self.innerWidth; <br />
shigh=self.innerHeight; <br />
} <br />
else if (document.documentElement && document.documentElement.clientWidth) { <br />
swide=document.documentElement.clientWidth; <br />
shigh=document.documentElement.clientHeight; <br />
} <br />
else if (document.body.clientWidth) { <br />
swide=document.body.clientWidth; <br />
shigh=document.body.clientHeight; <br />
} <br />
} <br />
function createDiv(height, width) { <br />
var div=document.createElement("div"); <br />
div.style.position="absolute"; <br />
div.style.height=height+"px"; <br />
div.style.width=width+"px"; <br />
div.style.overflow="hidden"; <br />
div.style.backgroundColor=colour; <br />
return (div); <br />
} <br />
// ]]> <br />
</script></p></blockquote><p>Cari kode yang berwarna merah diatas dan gantilah sesuai dengan kode warna keinginan sobat</p><p>Terakhir simpan dan efek bintang jatuh dari cursor sudah dapat sobat lihat</p>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com60tag:blogger.com,1999:blog-9024830975672554029.post-34722951284331966012011-11-21T09:39:00.001+08:002015-10-21T11:40:10.098+08:00Cara Buat Tombol Back To Top di Blogspot<p>Cara membuat/memasang tombol back to top/go top di blogger, tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut. Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya ini</p><p><img style="float:left; margin:0 1% 0 0;" title="Tombol Back To Top" alt="Cara Buat Tombol Back To Top di Blogspot" src="http://lh5.ggpht.com/-O8Qc6fE0p9A/Tsmr6s6ltMI/AAAAAAAAALc/n1e4XSEQkjw/Backtotopbloggerpeer_thumb9.jpg"/>Fitur <a href="http://en.wikipedia.org/wiki/Wikipedia:Back_to_top" target="_blank">back to top</a> yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya seperti pada animasi <a href="http://bloggerpeer.blogspot.com/2011/11/animasi-bintang-jatuh-adalah-sebuah.html">bintang jatuh dari kursor</a> yang menggunakan javascript biasa. Kelebihan nya juga adalah efek <a href="http://bloggerpeer.blogspot.com/2011/11/cara-buat-tombol-back-to-top-blog.html"><span style="color: black;">back to top</span></a> ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti <a href="http://bloggerpeer.blogspot.com/">tips & tricks blogger</a> berikut.</p><p> </p><h3>Cara Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger</h3><ul><li>Silahkan login di Blogger </li>
<li>Pilih Template > Edit HTML > klik Expand Widget Template </li>
<li>Cari kode </body>  (gunakan CTRL+F) </li>
<li>Copy kode dibawah ini dan Paste tepat diatas kode </body>  (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi) </li>
</ul><blockquote><p><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/></p></blockquote><ul><li>Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas </li>
</ul><blockquote><p><script src='https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/backtotop.js' type='text/javascript'/> <br />
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com --> <br />
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://1.bp.blogspot.com/-FjrYiE6C8ZY/TqJMQWu2osI/AAAAAAAAADI/GFdFWFPlO6o/s1600/back-to-top.gif'/></a></p></blockquote><ul><li>Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai </li>
</ul>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com49tag:blogger.com,1999:blog-9024830975672554029.post-86306573643302827162012-05-28T13:02:00.001+08:002015-10-21T11:39:33.219+08:00Komang & Blogger Peer is Comeback<p>Hi.. sobat blogger semua apa kabar? mohon maaf selama ini saya menghilang cukup lama di dunia maya karena kesibukan saya di dunia offline hingga tak sempat membuat artikel yang berguna bagi sobat blogger semua, bahkan saya tidak sempat mengikuti update tentang <a title="Blogger Peer" href="http://bloggerpeer.blogspot.com" target="_blank">tips trik blogger</a> maupun seo, saya sudah ketinggalan banyak neh dari kalian semua hehehe…</p><p><img style="float:left; margin:0 1% 0 0;" alt="Komang Bloggerpeer is comeback" src="http://lh6.ggpht.com/-Xirglmnaft0/T8MGxJy6BLI/AAAAAAAAAOU/DxMtgDStujc/comeback_thumb%25255B2%25255D.gif"/>Terima kasih banyak bagi sobat yang sudah meluangkan waktu untuk comment pada blog saya ini dan minta maaf sebesarnya karena saya tidak sempat membalas comment kalian satu per satu dan juga tidak sempat visit back ke blog sobat.</p><p>Karena saya tidak pernah update blog Blogger Peer pada waktu yang lama kurang lebih 6 bulan akibatnya sangat besar, artikel saya yang terakhir adalah tentang <a title="Cara Membuat Tombol Back To Top di Blog" href="http://bloggerpeer.blogspot.com/2011/11/cara-buat-tombol-back-to-top-blog.html" target="_blank">cara buat tombol back to top</a> , setelah tadi saya cek pagerank dan alexa blog ini menurun, dari PR 2 menjadi PR 1 dan juga Alexa rank juga menurun, sekarang saya mulai lagi sedikit demi sedikit berusaha untuk menaikkan <a title="Alexa Rank" href="http://bloggerpeer.blogspot.com/2012/10/alexa-rank.html" target="_blank">Alexa rank</a> maupun <a title="Google Pagerank" href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-google-pagerank.html" target="_blank">Google pagerank</a>, wuuuhhh… capek deehhh…</p>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com8tag:blogger.com,1999:blog-9024830975672554029.post-21375847985941377192012-06-16T17:33:00.001+08:002015-10-21T11:39:10.432+08:00Cara Membuat Link Bergerak Bergoyang / Nudging di Blog<p>Cara membuat link bergerak/bergoyang di blog, Link Nudging adalah suatu efek yang bergerak atau bergoyang dari sebuah/beberapa links yang ditimbulkan dari penerapan jQuery pada template di sebuah website ataupun blog. Mungkin dari kita biasa menyebutnya dengan Link Bergoyang/Bergerak atau menari, selain itu efek jQuery ini juga bisa diterapkan pada sebuah gambar (image)</p><p><img style="float:left; margin:0 1% 0 0;" title="jQuery Link Nudging" alt="jQuery link nudging bergoyang bergerak" src="http://lh5.ggpht.com/-SHjMsi7h1UU/T9xS8wsR4HI/AAAAAAAAAPw/aHmkLxuUr6I/jQuery%252520link-nudging-bergak_thumb%25255B12%25255D.jpg"/> </p><p>Untuk sobat blogger yang gemar utak atik blog mungkin bisa mencoba trik <a href="http://bloggerpeer.blogspot.com/2012/06/buat-link-nudging-bergoyang-label.html"><span style="color: black;">link bergerak</span></a> yang satu ini dan saya rasa bisa membuat blog sobat unik dan menarik. Sebagai contoh sobat bisa melihat link bergoyang/nudging pada label yang ada di sidebar blog saya ini, efek ini menggunakan script jQuery yang menurut saya sangat ringan ketika di-load dan penerapannya juga lumayan gampang, sama halnya seperti <a href="http://bloggerpeer.blogspot.com/2011/11/cara-buat-tombol-back-to-top-blog.html" target="_blank">tombol back to top</a> yang beberapa waktu lalu saya jelaskan yang sama-sama menggunakan jQuery.</p><div class="separator" style="clear: both;"></div><h3>Cara Pasang Efek jQuery Link Nudging/Bergoyang pada Label Blog</h3><ul><li>Login di Blogger</li>
<li>Masuk ke bagian Edit HTML pada template</li>
<li>Centang pada bagian Expand Widget Template</li>
<li>Cari kode </head></li>
<li>Copy paste script dibawah ini dan letakkan tepat diatas kode </head></li>
</ul><blockquote><p><span style="color: red;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <br />
</span><script type='text/javascript'> <br />
$(document).ready(function() { <br />
$(&#39;a.nudge, .#<span style="color: blue;">Label1</span> ul li a&#39;).hover(function() { //mouse in <br />
$(this).animate({ marginLeft: &#39;12px&#39; }, 400); <br />
}, function() { //mouse out <br />
$(this).animate({ marginLeft: 0 }, 400); <br />
}); <br />
}); <br />
</script><!-- end LinkNudging --> </p></blockquote><p>Kalau kode yang berwarna merah tersebut sudah ada di template sobat, kode itu tidak usah di pasang lagi jadi sobat hanya perlu memasang kode dibawahnya saja, Kemudian huruf yang berwarna biru diatas adalah widget id pada label, sobat bisa sesuaikan pada label id di blog sobat. Dibawah ini adalah contoh widget id label dari template blog saya.</p><blockquote><p><b:widget id='<span style="color: blue;">Label2</span>' locked='false' title='Labels' type='Label'> <br />
<b:includable id='main'> <br />
  <b:if cond='data:title'> <br />
    <h2><data:title/></h2></p></blockquote><p>Kemudian untuk membuat <a href="http://davidwalsh.name/jquery-link-nudging" target="_blank"><span style="color: black;">Link Nudging</span></a> manual pada setiap link apakah itu didalam postingan ataupun widget sobat bisa menambahkan <span style="color: pink;">class="nudge"</span> seperti dibawah ini</p><blockquote><p><a href="http://bloggerpeer.blogspot.com" <span style="color: pink;">class="nudge"</span>>Blogger Peer</a></p></blockquote><p>Dan untuk membuat gambar bergoyang / Image nudging sobat bisa membuatnya seperti dibawah ini</p><blockquote><p><a href=http://bloggerpeer.blogspot.com" <span style="color: pink;">class="nudge"</span>><img src="http://4.bp.blogspot.com/-h_Z5uvpjvis/TsqZkLiDMPI/AAAAAAAAANk/-RFAX8sJBoA/s400/Tips-Trik-Blogger-Tutorial-SEO-Info-BloggerPeer-Blogspot.jpg"/></a></p></blockquote>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com12tag:blogger.com,1999:blog-9024830975672554029.post-91678990596726126212012-06-24T16:29:00.001+08:002015-10-21T11:38:46.163+08:00Cara Membuat Breadcrumbs Terindex / Di indeks Google<p>Cara membuat / memasang navigasi breadcrumbs terindex Google di blog agar terlihat di dalam mesin pencari Google (Google search), beberapa waktu lalu saya pernah menjelaskan tentang cara membuat breadcrumb seo friendly yang tujuannya untuk memudahkan visitor menjelajahi halaman demi halaman pada blog anda sesuai dengan kategori yang ada</p><p><a href="http://bloggerpeer.blogspot.com/2012/06/cara-buat-breadcrumbs-index-google.html"><img style="float:left; margin:0 0 0 0;" title="Navigasi Breadcrumbs " alt="Cara membuat breadcrumb terindex Google" src="http://lh5.ggpht.com/-Wdd4rmP8C_I/T-bP5F9mAqI/AAAAAAAAAQU/L136uCu5rRk/Breadcrumbs-index-Google_thumb%25255B6%25255D.jpg"/></a> </p><p>Sekarang saya akan membahas sedikit tentang perbedaan menu <a href="http://bloggerpeer.blogspot.com/2011/11/cara-buat-breadcrumb-seo-friendly.html" target="_blank">navigasi breadcrumbs seo friendly</a> yang pernah saya tulis sebelumnya dengan yang akan kita terapkan sekarang. Mungkin sebelumnya anda sudah memasang breadcrumbs yang saya jelaskan dulu tetapi hasilnya tidak terlihat didalam pencarian Google seolah-olah tidak di index oleh Google, memang membutuhkan waktu yang sangat lama baginya untuk meng-indeks <a href="http://bloggerpeer.blogspot.com/2012/06/cara-buat-breadcrumbs-index-google.html"><span style="color: black;">breadcrumbs</span></a> yang seperti itu bahkan saya sempet dengar blog anda harus ber-pagerank 3 atau lebih. Tetapi sekarang hal itu tidak perlu dipersoalkan lagi meskipun blog anda belum mempunyai pagerank karena navigasi <a href="http://support.google.com/webmasters/bin/answer.py?hl=en&answer=185417" target="_blank">breadcrumbs</a> yang satu ini akan terlihat di mesin pencari Google dengan waktu yang singkat dan semua label blog akan ter-index olehnya, nah untuk membuatnya anda ikuti <a href="http://bloggerpeer.blogspot.com">tips dan trik blogger</a> dibawah ini</p><h3>Cara membuat Breadcrumbs di Blogspot / Blogger</h3><ul><li>Login di Blogger </li>
<li>Pilih Template </li>
<li>Pilih Edit HTML (lebih baik back up template dulu untuk menghindari kesalahan) </li>
<li>Centang Expand Widget Templates </li>
<li>Kalau sebelumnya anda sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama </li>
<li>Kemudian cari kode ]]></b:skin> </li>
<li>Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin> </li>
</ul><blockquote><p>.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}</p></blockquote><ul><li>Kemudian cari kode <b:includable id='main' var='top'> gunakanlah CTRL+F untuk mempermudah pencarian </li>
<li>Ganti kode <b:includable id='main' var='top'> dengan kode yang dibawah ini </li>
</ul><blockquote><p><b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'> <br />
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <br />
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div> <br />
<b:else/> <br />
<b:if cond='data:blog.pageType == &quot;item&quot;'> <br />
<!-- breadcrumb for the post page --> <br />
<b:loop values='data:posts' var='post'> <br />
<b:if cond='data:post.labels'> <br />
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'> <br />
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span> <br />
<b:loop values='data:post.labels' var='label'> <br />
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> <br />
</b:loop> <br />
&#187; <span><data:post.title/></span> <br />
</div> <br />
<b:else/> <br />
<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> <br />
</b:if> <br />
</b:loop> <br />
<b:else/> <br />
<b:if cond='data:blog.pageType == &quot;archive&quot;'> <br />
<!-- breadcrumb for the label archive page and search pages.. --> <br />
<div class='breadcrumbs'> <br />
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span> <br />
</div> <br />
<b:else/> <br />
<b:if cond='data:blog.pageType == &quot;index&quot;'> <br />
<div class='breadcrumbs'> <br />
<b:if cond='data:blog.pageName == &quot;&quot;'> <br />
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span> <br />
<b:else/> <br />
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span> <br />
</b:if> <br />
</div> <br />
</b:if> <br />
</b:if> <br />
</b:if> <br />
</b:if> <br />
</b:if> <br />
</b:includable> <br />
<b:includable id='main' var='top'> <br />
<b:include data='posts' name='breadcrumb'/></p></blockquote><p>Terakhir simpan template anda dan navigasi breadcrumbs akan siap di index Google</p><p>Baca artikel menarik lainnya tentang <a href="http://bloggerpeer.blogspot.com/2012/06/buat-link-nudging-bergoyang-label.html" target="_blank">Link Bergoyang / link Nudging</a></p>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com75tag:blogger.com,1999:blog-9024830975672554029.post-89711756066572153912012-07-07T16:14:00.001+08:002015-10-21T11:38:21.292+08:00NoFollow | Pengertian Tag (rel="nofollow") Attribute<p>Pengertian apa itu NoFollow tag? rel='nofollow' attribute atau Tag Nofollow adalah tag HTML yang memberitahukan mesin pencari (search engine) untuk memotong link selama pengindeksan</p><p><img style="float:left; margin:0 2% 0 0;" title="Pengertian Tag Nofollow" alt="Pengertian Tag Nofollow attribute" src="http://lh5.ggpht.com/-i_35KoBYKK4/T_fv4bQM4pI/AAAAAAAAAQ0/c9LoRa9rCig/relnofollowtagattribut_thumb2.png"/></p><p>Dengan kata lain, mesin pencari seperti Google, Yahoo! dan MSN merayapi (crawling) web secara berkala untuk mencari dan mengindeks halaman baru yang akan dimasukkan di dalam hasil pencarian kata kunci (keyword search result). Setiap link pada halaman web akan diikuti (follow) selama proses pengideksan. Halaman yang diikuti dengan link masuk yang banyak dan relevan akan diranking lebih tinggi di dalam pencarian dari pada halaman yang mempunyai link masuk yang sedikit. Jika anda ingin links yang ada di blog anda tidak di indeks oleh mesin pencari gunakanlah NoFollow tag. Penggunaan tag NoFollow menjadi sangat populer selama beberapa tahun terakhir ini dikarenakan dari beberapa faktor seperti iklan teks link yang berbayar, spammers yang mencoba untuk meningkatkan jumlah links masuk ke situs mereka dengan melakukan spam pada komentar, dan sebagainya</p><h3>Bagaimanakah rel='nofollow' atribut bekerja?</h3><p>Ketika mesin pencari (search engine spider) datang ke sebuah halaman web, respond standar adalah untuk mengindeks halaman dan mengikuti semua links yang ada di halaman tetapi ketika search engine spider melihat links beratribut nofollow maka dia akan bekerja sebagai berikut:</p><ul><li>Tidak akan mengikuti/follow link ke situs baru </li>
<li>Tidak memasukkan link teks di dalam nilai relevansi untuk kata kunci </li>
<li>Tidak menghitung link ke skor popularitasnya di peringkat mesin pencari </li>
</ul><p>Dibawah ini adalah contoh penulisan html tag NoFollow</p><blockquote><p><a href='http://www.facebook.com' rel='nofollow'>Facebook</a></p></blockquote><p>Html tag nofollow diatas adalah sebuah perintah agar supaya search engine tidak mem-follow link ke Facebook dan otomatis search engine tidak akan mengindeks halaman Facebook tersebut</p><p>Search engine tidak akan menghukum (penalty) situs atau blog anda jika di halaman situs anda memiliki link <a href="http://bloggerpeer.blogspot.com/2012/07/pengertian-tag-rel-nofollow-attribute.html"><span style="color: black;">nofollow</span></a>, jangan berfikir bahwa memakai nofollow adalah buruk atau spam, penggunaan link nofollow mengindikasikan search engine bahwa link tersebut bukan milik anda atau bukan untuk di follow</p><h3>Dimanakah seharusnya rel='nofollow' di tempatkan?</h3><p>Sebagian besar search engine menyarankan kita untuk menempatkan tag nofollow pada link yang berasal dari sumber yang tidak dapat anda jamin/tidak anda ketahui seperti:</p><ul><li>Komentar </li>
<li>Forums </li>
<li>User generated content </li>
</ul><p>Anda juga bisa menaruh rel='nofollow' pada link yang mengarah ke iklan (atau sesuaikan dengan perjanjian periklanan anda)</p><h3>Link Sculpting menggunakan tag NoFollow</h3><p>Link Sculpting adalah salah satu teknik SEO dimana anda bisa memilih halaman yang anda prioritaskan agar mempunyai <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-google-pagerank.html" target="_blank">pagerank</a> yang lebih tinggi dengan menaruh <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-dofollow-links-pengertian.html" target="_blank">link dofollow</a> dan menaruh <a href="http://support.google.com/webmasters/bin/answer.py?hl=en&answer=96569" target="_blank">rel='nofollow'</a> pada link halaman yang tidak diprioritaskan (seperti: link login, link registrasi,dll) </p><p> </p><p>Baca juga artikel menarik lainnya tentang <a href="http://bloggerpeer.blogspot.com/2012/06/buat-custom-url-permalink-blogger-seo.html">Blogger Custom Permalink</a></p>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com7tag:blogger.com,1999:blog-9024830975672554029.post-14093243688090531812012-07-14T12:04:00.001+08:002015-10-21T11:37:35.621+08:00DoFollow | Pengertian Apa Itu Dofollow Links?<p>Pengertian dofollow, apa itu dofollow link? sebelum saya membahas pengertian link dofollow marilah kita membahas apa yang dimaksud dengan link? Mungkin ada dari anda yang belum mengetahui istilah tersebut, kalau di bahasa indonesia biasa disebut dengan tautan</p><p><img style="float:left;margin: 0 2% 0 0;" title="DoFollow-Links" alt="DoFollow-Links" src="http://lh6.ggpht.com/-23jC58Y5Ti8/UADvyl2TaBI/AAAAAAAAARM/Azffg-vGXRs/DoFollowLinks_thumb2.jpg"/></p><p>Link (tautan) adalah sebuah koneksi antara dua buah website yang berbeda (external link) atau dua buah halaman pada satu website yang sama (internal link), sebuah tautan biasanya berupa text atau gambar dan ketika di klik akan mengarah ke website/halaman yang diinginkan, anda bisa membuat tautan dengan mudah dengan sedikit pengetahuan HTML, tetapi sekarang ini saya kira semua editor biasanya sudah menyediakan tempat untuk membuat link jadi tinggal menulis URL nya saja tidak perlu menulis tautan dengan HTML markup</p><p>Dibawah ini adalah contoh sebuah normal text link sekaligus dengan HTML markup nya </p><p><a href="http://www.google.com" target="_blank"><strong>Google</strong></a>  -  <a href='http://www.google.com'>Google</a></p><p>Contoh tautan menggunakan gambar</p><p><a title="Google Logo" href="http://www.google.com" target="_blank"><img style="float:left;margin: 0 0 0 0;" title="Google Logo" alt="Google Logo" src="http://lh6.ggpht.com/-VB9T32WcWGE/UADvz5JyIxI/AAAAAAAAARU/ArZtK0syjnc/GoogleLogo5.png?imgmax=800"/></a> </p><p> </p><h3>Pengertian Link Dofollow</h3><p>Ok sekarang kita kembali ke pembahasan tentang dofollow link, tautan dofollow adalah sebuah tautan yang memberitahukan search engine seperti Google, Yahoo, Bing, dll untuk mengikuti (follow) website/halaman yang dituju tersebut, <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-dofollow-links-pengertian.html"><span style="color: black;">dofollow link</span></a> biasanya ditulis dengan menambahkan <strong>'rel'</strong> pada HTML nya</p><p>Contoh : <a href='http://www.google.com' <strong>rel</strong>='dofollow'>Google</a></p><p>Tetapi sekarang ini penulisan tautan dofollow tidak perlu menambahkan 'rel' pada HTML nya, seperti pada normal link pada contoh pertama diatas tadi karena search engine sudah mengerti bahwa normal link adalah sama dengan <a href="http://www.squidoo.com/dofollow" target="_blank">dofollow link</a> kecuali anda ingin menulis kebalikan dari tautan dofollow yaitu nofollow link, silahkan baca <a href="http://bloggerpeer.blogspot.com/2012/07/pengertian-tag-rel-nofollow-attribute.html" target="_blank">pengertian nofollow link</a></p><h3>Kegunaan link Dofollow Bagi SEO</h3><p>Tidak perlu ditanya lagi bahwa search engine sepeti Google sangat menyukai link dofollow yang relevan dan natural, dan Google akan mempercayai sebuah situs yang mempunyai banyak tautan dofollow yang relevan dan natural. Dengan alasan itulah kenapa banyak webmaster/blogger yang memburu dofollow blog/website yang menyediakan link dofollow yang mengarah ke situs mereka agar memperoleh <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-google-pagerank.html" target="_blank">Google PageRank</a> yang tinggi</p>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com20tag:blogger.com,1999:blog-9024830975672554029.post-77852597671567282812012-07-18T19:16:00.000+08:002015-10-21T11:37:08.376+08:00Cara Mengetahui Blog Dofollow/Nofollow Dengan Add-ons Mozilla<div class="separator" style="clear: both; text-align: center;"><img alt="Nodofollow Mozilla Firefox Add-ons" src="http://4.bp.blogspot.com/-HtJ2FC3awnE/UAaVxsE78xI/AAAAAAAAARo/yUGuKizutRs/s1600/nodofollow-addons-mozilla-firefox.jpg" style="float: left; margin: 0 1% 0 0;" title="Nodofollow Mozilla Firefox Add-ons" /></div>Cara mengetahui blog dofollow/nofollow dengan Add ons Mozilla Firefox, bagi anda yang memperdalam SEO dan suka berburu backlink dengan berkomentar pasti tidak asing lagi dong dengan add-ons Firefox yang satu ini karena tanpa itu akan sedikit kesusahan mengetahui/cek apakah blog yang dikunjungi <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-dofollow-links-pengertian.html" target="_blank">dofollow</a> atau <a href="http://bloggerpeer.blogspot.com/2012/07/pengertian-tag-rel-nofollow-attribute.html" target="_blank">nofollow</a>. Nah bagi yang belum punya silahkan langsung menuju ke situs <a href="https://addons.mozilla.org/en-US/firefox/addon/nodofollow/" target="_blank"><b>Add-ons Mozilla</b></a> dan langsung di instal di browser mozilla firefox anda, cara kerjanya adalah setelah meng-instal silahkan masuk ke salah satu website/blog dan langsung klik kanan pada halaman tersebut kemudian klik pada "Nodofollow" dan lihat pada bagian komentar, jika link pada orang yang berkomentar (komentator) di blok dengan warna merah muda (pink) maka link tersebut nofollow, dan jika di blok dengan warna ungu (biru muda) maka link tersebut dofollow.<br />
Nah bagi anda yang ingin cepat menaikkan <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-google-pagerank.html" target="_blank">pagerank</a> blog nya silahkan jalan-jalan (blogwalking) dan berkomentar di blog teman dengan addons nodofollow ini siapa tau aja ada yang dofollowKomang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com15tag:blogger.com,1999:blog-9024830975672554029.post-37843179874969862302012-07-20T11:26:00.000+08:002015-10-21T11:36:44.171+08:00Fitur Blogger Custom Permalinks Resmi Diluncurkan (update)Fitur custom permalink Blogger resmi di luncurkan (update), Sebelumnya saya sudah pernah posting artikel tentang <a href="http://bloggerpeer.blogspot.com/2012/06/buat-custom-url-permalink-blogger-seo.html" target="_blank">cara membuat custom url permalink Blogger</a> dimana pada saat itu fitur baru ini cuma bisa diakses melalui draft.blogger.com, tetapi sekarang Blogger sudah resmi meluncurkan/meng-update fitur ini sehingga bisa diakses melalui blogger.com. Buat anda yang masih menggunakan tampilan lama (old interface) silahkan di upgrade dulu supaya bisa menggunakan fitur custom permalink ini<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bloggerpeer.blogspot.com/2012/07/fitur-blogger-custom-permalinks-resmi-diluncurkan-update.html"><img alt="Fitur Blogger Custom Permalink Resmi Diluncurkan (update)" src="http://4.bp.blogspot.com/-kHcJozbJMxM/UAjJTPYQfDI/AAAAAAAAAR0/cqs1skaD6qA/s1600/Blogger-Custom-permalinks.png" style="float: left; margin: 0 2% 0 0;" title="Blogger Custom Permalink" /></a></div><br />
<a href="http://support.google.com/blogger/bin/answer.py?hl=en&answer=2523525" target="_blank">Custom permalinks</a> ini sangat membantu dalam meningkatkan <a href="http://bloggerpeer.blogspot.com/" target="_blank">SEO Blogger</a> dengan mengoptimalkan keyword dan memasukkan nya di dalam url permalink, tetapi meskipun begitu fitur ini tetap mempunyai kelemahan yaitu kita tidak bisa mengubah (edit) url permalink pada post yang sudah diterbitkan/published (hanya untuk post baru saja), jadi double cek lah url permalink-nya sebelum di publish apakah sesuai dengan keinginan atau sesuai dengan keyword, kelemahan yang lainnya adalah kita tidak bisa menghilangkan tahun dan bulan yang ada pada url nya (contoh: 2012/ 08) karena blogger tidak mengijinkan kita untuk meng-edit itu<br />
<br />
Ketika anda membuat sebuah post baru, Blogger secara otomatis akan menghasilkan permalink dari judul postingan anda, tapi jika anda memilih untuk menggunakan kustom permalink anda dapat mengubahnya sesuai dengan keinginan anda melalui pilihan "permalink" di kotak pengaturan post (di sebelah kanan kotak post).<br />
Pada Gambar diatas adalah contoh permalink yang saya buat dengan judul "cara buat custom permalink". Jika anda membuat post pada bulan dan tahun sekarang maka secara otomatis blogger akan memasukkan nyaKomang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com6tag:blogger.com,1999:blog-9024830975672554029.post-64781715815588783002012-08-03T21:07:00.000+08:002015-10-21T11:35:58.283+08:00Google PageRank Update Agustus 2012<b>Google pagerank update agustus 2012</b>, setelah menunggu kurang lebih 3 bulan semenjak update Google pagerank terakhir pada mei 2012, akhirnya tepatnya pada tanggal 2 bulan agustus 2012 kemarin Google toolbar pagerank update lagi<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bloggerpeer.blogspot.com/2012/08/google-pagerank-update-bulan-agustus-2012.html"><img alt="Google Pagerank Update Agustus 2012" src="http://4.bp.blogspot.com/-1PrS18f-oKY/UBvKn1TQEuI/AAAAAAAAATA/B9-bqzTVyKo/s1600/Google_Pagerank_update.jpg" style="float: left;margin: 0 2% 0 0;" title="Google Pagerank Update Agustus 2012" /></a></div>Banyak Pakar SEO, webmaster bahkan blogger seperti kita ini menunggu hasil dari update Google pagerank ini, saya ingat kira-kira seminggu yang lalu Master SEO <i>Matt Cutts</i> pada akun Twitter nya menyebutkan bahwa Google Panda akan melakukan perubahan dan dampaknya akan terasa kurang lebih 1% pada Google search, bagi anda yang teliti dengan perubahan ini mungkin bisa merasakan efeknya seperti peringkat blog/web anda di mesin pencari sedikit naik turun (Google Dance) mungkin ini adalah rentetan perubahan(update) pada algoritma Google pagerank sebelum melakukan update dan kemudian tepat pada tanggal 2 agustus 2012 kemarin Google pagerank resmi di update, bagi anda yang masih sangat newbie dan ingin tahu pengertian pagerank silahkan baca artikel saya tentang <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-google-pagerank.html" target="_blank">Apa Itu Google Pagerank?</a><br />
<br />
Update Google pagerank pada agustus 2012 ini belum terasa pada situs <a href="http://bloggerpeer.blogspot.com/">bloggerpeer.blogspot.com</a> dan masih jalan ditempat (PR 1), mungkin karena saya tidak sempat untuk mencari backlink <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-dofollow-links-pengertian.html" target="_blank">dofollow</a> yang relevan dan saya meng-update konten pada blog ini tidak teratur, satu bulan bisa 3 kali atau tidak sama sekali. Bagi anda yang sudah dapat hadiah pagerank dari Om <a href="http://www.google.com/" target="_blank">Google</a> saya ucapkan selamat dan semangat untuk terus menulis dan berkarya demi kemajuan blogger IndonesiaKomang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com18tag:blogger.com,1999:blog-9024830975672554029.post-23560513762262640742012-08-08T18:17:00.002+08:002015-10-21T11:35:31.654+08:00Cara Buat Tombol Share Dengan Efek jQuery Nudging<b>Cara Membuat Tombol Share Dengan Efek jQuery Nudging</b>, cara memasang social bookmarking share button widget ini telah di request oleh salah satu pengunjung Blogger Peer yang kebetulan tertarik sama tombol share widget nudging menggunakan efek jQuery yang ada di blog saya ini, nah kebetulan sekarang saya sempat mengulasnya dan akan saya bagikan kepada anda semua<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Tombol Sharing Widget Button" src="http://2.bp.blogspot.com/-0R_VBMuBXsQ/UCIo0GN9brI/AAAAAAAAATs/_FnqDOahKtU/s1600/Share-WIdget.jpg" style="float: left; margin: 0 2% 0 0;" title="Cara Membuat Tombol SHare Widget Dengan Efek jQuery Nudging" /></div><a href="http://bloggerpeer.blogspot.com/2012/08/cara-membuat-tombol-share-widget-dengan-efek-jquery-nudging.html"><span style="color: black;">Tombol Share widget</span></a> menggunakan jQuery nudging ini sebenarnya penerapan dari apa yang saya jelaskan pada artikel saya yang sebelumnya yaitu <a href="http://bloggerpeer.blogspot.com/2012/06/buat-link-nudging-bergoyang-label.html" target="_blank">cara membuat link bergerak - link nudging</a>, tetapi disini saya menggunakan gambar/ikon sehingga terlihat menarik dan unik. Icon sharing widget yang ada di <a href="http://bloggerpeer.blogspot.com/">bloggerpeer.blogspot.com</a> ini terdiri dari beberapa situs social media yang umum dipakai oleh orang untuk membagikan artikel yang bermanfaat bagi kerabat mereka. Banyak dari para pengunjung bertanya kepada saya apakah script jQuery tidak berat ketika di load? jawabannya adalah TIDAK, script jQuery ini sangat ringan dan saya pun memakai script ini pada sharing widget di blog ini dan juga pada <a href="http://bloggerpeer.blogspot.com/2011/11/cara-buat-tombol-back-to-top-blog.html" target="_blank">tombol back to top</a> yang ada pada bagian bawah halaman, jadi jangan khawatir untuk memasang script <a href="http://jquery.com/" target="_blank">jQuery</a> pada blog anda.<br />
<br />
Sebelum kita memasang ikon sharing widget ini ada baiknya anda back up template terlebih dahulu untuk jaga-jaga kalau ada kesalahan pemasangan<br />
<br />
<ul><li>Login di Blogger</li>
<li>Masuk ke Template > Edit Html</li>
<li>Centang pada Expand Widget Templates</li>
<li>Cari kode ]]></b:skin></li>
<li>Copy kode dibawah ini dan paste tepat dibawah kode ]]></b:skin></li>
</ul><blockquote class="tr_bq"><div><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br />
<script type='text/javascript'><br />
$(document).ready(function() {<br />
$(&#39;a.nudge, .#Label2 ul li a&#39;).hover(function() { //mouse in<br />
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);<br />
}, function() { //mouse out<br />
$(this).animate({ marginLeft: 0 }, 400);<br />
});<br />
});<br />
</script><!-- end LinkNudging --><!-- end LinkNudging --></div></blockquote><ul><li>Gunakan CTRL+F kemudian cari kode <b:if cond='data:post.hasJumpLink'> setelah ketemu kemudian diatas kode tersebut akan ada kode <div style='clear: both;'/> <!-- clear for photos floats --></div></li>
<li>Copy code dibawah ini dan paste tepat diatas kode <div style='clear: both;'/> <!-- clear for photos floats --></div></li>
</ul><div style="border: 1px solid #dcdcdc; height: 100px; overflow: auto; padding: 5px; width: 300px;"><br />
<br/><br />
<b:if cond='data:blog.pageType == "item"'><b>Share it to your friends..!</b><br /><br />
<br /><br />
<table border='0'><br />
<tr> <td><script type='text/javascript'><br />
window.___gcfg = {lang: 'en'};<br />
(function()<br />
{var po = document.createElement("script");<br />
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";<br />
var s = document.getElementsByTagName("script")[0];<br />
s.parentNode.insertBefore(po, s);<br />
})();</script><g:plusone size="standard"></g:plusone></td><br />
<td><div class='bookmarks'><br />
<a class='nudge' expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share to Facebook' src='http://2.bp.blogspot.com/-Bjxivdx4Azg/TsneN3ItsTI/AAAAAAAAAMI/ygYBWbfORxI/s1600/facebook.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share to Facebook'/></a><br />
<a class='nudge' expr:href='&quot;https://twitter.com/intent/tweet?text=&quot; + data:post.title + &quot;&amp;amp;url=&quot; + data:post.url ' rel='nofollow' target='_blank'><img alt='Share this post on twitter' src='http://4.bp.blogspot.com/-gB18pm9OzGE/TsneK8uZtlI/AAAAAAAAALw/_Rnw2bHcpcY/s1600/twitter.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share this post on twitter'/></a><br />
<a class='nudge' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Bookmark Delicious' src='http://2.bp.blogspot.com/-xZtyneGyu4s/TsneLtxn3hI/AAAAAAAAAL8/FIuGjncowpI/s1600/delicious.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Bookmark on Delicious'/></a><br />
<a class='nudge' expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This' src='http://2.bp.blogspot.com/-jrRw0qsa12Y/TsneM2mbsCI/AAAAAAAAAME/OGBU5r59U-M/s1600/digg.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Digg This'/></a><br />
<a class='nudge' expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumbleupon' src='http://4.bp.blogspot.com/-DtdQdECw9z8/TsneKJjDJcI/AAAAAAAAALs/2Fc7sT6ZeXk/s1600/stumbleupon.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Stumble This'/></a><br />
<a class='nudge' expr:href='&quot; http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='http://2.bp.blogspot.com/-6NV19GxLpiQ/TsneJm8LY9I/AAAAAAAAALk/Tx0g38kRsUQ/s1600/reddit.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share to Reddit'/></a><br />
<a class='nudge' expr:href='&quot; http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Yahoo Bookmark' src='http://3.bp.blogspot.com/-6FEtH2vQ280/Tsnn-YMSTII/AAAAAAAAAM0/33gA7rF0FyE/s1600/yahoo.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Yahoo Bookmark'/></a><br />
<a class='nudge' expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Furl-Diigo' src='http://3.bp.blogspot.com/-K6BEmvygn7o/Tsno3TTMdBI/AAAAAAAAAM8/XZi8ZaROhp0/s1600/furl.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Send to Furl/Diigo'/></a><br />
<a class='nudge' expr:href='&quot; http://www.google.com/bookmarks/mark?op=edit&amp;amp;output=popup&amp;amp;bkmk=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Google Bookmark' src='http://1.bp.blogspot.com/-EZGUZe7eo1o/TsnmvhkihKI/AAAAAAAAAMs/fF9jkv9gUbE/s1600/google.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Google Bookmark'/></a><br />
<a class='nudge' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Technorati' src='http://3.bp.blogspot.com/-oA0JsIPtAjM/Tsnk_1krq-I/AAAAAAAAAMk/0vVdloHf_xY/s1600/technorati.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Technorati'/></a><br />
<a class='nudge' expr:href='&quot; http://www.newsvine.com/_tools/seed&amp;amp;save?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Newsvine' src='http://4.bp.blogspot.com/-K9epinfY_UI/TsnsoQq9zAI/AAAAAAAAANM/JVK8ZmwRJeI/s1600/newsvine.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Save to Newsvine'/></a><br />
<a class='nudge' href='http://bloggerpeer.blogspot.com' target='_blank'><img alt='Tips Triks Blogger, Tutorial SEO, Info' src='http://3.bp.blogspot.com/-O-6Kv8TfxS4/UCIcaSSXpqI/AAAAAAAAATY/j9Yt46RLm1M/s1600/blogger-peer.gif' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;'/></a></div><br />
</td></tr><br />
</table><br />
</b:if><br />
</div><br />
<ul><li>Terakhir simpan template</li>
</ul><b>PENTING:</b> SETELAH KEMARIN GOOGLE CHROME MELAKUKAN UPDATE, TOMBOL SHARE DENGAN EFEK NUDGING INI TIDAK DAPAT BEKERJA DENGAN BAIK KALAU DIBUKA MENGGUNAKAN BROWSER GOOGLE CHROME. SARAN SAYA, LEBIH BAIK GUNAKAN TOMBOL SHARE INI TANPA EFEK NUDGING DEMI KENYAMANAN PEMBACA BLOG ANDA.<br />
<br />
<b>CARANYA:</b> Jangan memasang kode script yang dibawah kode <b>]]></b:skin></b> atau skip saja kode itu, kemudian lanjutkan dengan kode yang kedua dan terakhir simpan template.Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com18tag:blogger.com,1999:blog-9024830975672554029.post-52026358072115006752012-09-03T02:00:00.000+08:002015-10-21T11:32:17.812+08:00Beritahu Google Untuk Menjelajahi (Crawl) Blog KamuBeritahu Google untuk menjelajahi (crawl) blog/website kamu agar lebih cepat terindex Google, sebenarnya ini adalah artikel lanjutan dari <a href="http://bloggerpeer.blogspot.com/2012/08/cara-agar-blog-cepat-terindex-google-yahoo-bing.html" target="_blank">cara cepat terindex search engine</a> yang sudah saya publish sebelumnya<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bloggerpeer.blogspot.com/2012/09/google-crawl-menjelajahi-index-blog-website.html"><img alt="Beritahu Google Untuk Menjelajahi (Crawl) Blog Kamu" src="http://4.bp.blogspot.com/-Lvt_NYkur8c/UEOXXQkOBBI/AAAAAAAAAVw/hmX4n8yAIo0/s1600/Google-crawl-index.jpg" style="float: left; margin: 0 1% 0 0;" title="Beritahu Google Untuk Menjelajahi (Crawl) Blog Kamu!" /></a></div>Memasukkan blog/website pada hasil pencarian Google (search) sebenarnya gampang dan free, anda tidak perlu memasukkan blog/website anda ke Google karena dia adalah sebuah mesin pencari otomatis yang menggunakan software yang biasa disebut "Spiders" yang akan menjelajahi (crawl) web secara teratur untuk menemukan situs-situs ataupun konten baru yang ada di dunia internet. Faktanya mayoritas situs-situs yang terindeks dan terlihat pada hasil pencarian Google tidak di submit secara manual, contoh: pernahkah anda melihat beberapa kalimat percakapan dengan teman anda di Twitter muncul pada hasil pencarian Google? pasti pernah bukan? padahal kita tidak pernah dan tidak terpikirkan untuk memasukkan percakapan kita itu tapi kenapa bisa muncul pada Google search? Itu membuktikan bahwa memang Google adalah sebuah mesin pencari yang otomatis, tetapi memang perlu waktu baginya untuk memunculkan pada hasil pencarian dan hal inilah yang menjadi kendala bagi kita seorang blogger ataupun webmaster yang mempunyai blog atau website agar konten/artikel kita terlihat dan terindeks lebih cepat, apalagi kita mempunyai konten tentang berita yang memang harus muncul di pencarian dalam hitungan menit<br />
<br />
Maka suruhlah Google untuk crawl blog/website anda agar bisa dimasukkan ke indeks lebih cepat, selain metode ping untuk memanggil web spiders ada baiknya anda juga submit halaman pada situs anda dengan mengklik link dibawah ini<br />
<blockquote class="tr_bq"><div><a href="https://www.google.com/webmasters/tools/submit-url/" target="_blank">https://www.google.com/webmasters/tools/submit-url/</a></div></blockquote>Tetapi jika anda sendiri yang memiliki dan mengelola blog anda, Google merekomendasikan cara-cara seperti dibawah ini<br />
<br />
<b>1</b>. Masuk pada Webmaster Tools Home page<br />
<b>2</b>. Pada Dahsboard, dibawah <b>Health</b>, klik <b>Fetch as Googlebot</b><br />
<b>3</b>. Pada text box pilih url yang akan di submit<br />
<b>4</b>. Pada dropdown list pilih <b>Web</b><br />
<b>5</b>. Klik <b>Fetch</b> dan Google akan fetch url yang di submit, kemudian tunggu beberapa saat agar status updated<br />
<b>6</b>. Jika fetch status sudah sukses kemudian klik <b>Submit to Index</b>, dan klik hal berikut<br />
<br />
<ul><li>Untuk submit individual URL ke Google index, pilih <b>URL</b> dan klik <b>Submit</b>. Anda bisa submit 500 URLs per-minggu dengan cara ini</li>
<li>Untuk submit URL dan halaman yang terkait, klik <b>URL and all linked pages</b>. Anda bisa submit 10 request per-bulan dengan cara ini</li>
</ul><b>Note:</b> Google tidak memberikan garansi bahwa setiap URL yang anda submit akan di indeks, tapi selama ini menurut pengalaman saya pribadi URL yang pernah saya submit berhasil di index Google.<br />
<br />
<b>Source:</b> <a href="http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1352276" target="_blank">Google Webmaster Tools - Ask Google to crawl a page or site</a>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com15tag:blogger.com,1999:blog-9024830975672554029.post-21404181441316856762012-09-07T06:34:00.000+08:002015-10-21T11:31:57.832+08:00SEO | Kumpulan Tips Trik & Info | Tools & Add-Ons<p><img alt="SEO | optimasi mesin pencari - Search Engine Optimization" src="http://1.bp.blogspot.com/-liAdNcm16MA/UEkDVMsKWII/AAAAAAAAAWg/URnIs2dhQbs/s1600/SEO.jpg" style="float: left; margin: 0 1% 0 0;" title="SEO | Kumpulan Tips Trik & Info | Tools & Add-Ons" /></p><p><a href="http://bloggerpeer.blogspot.com/2012/09/seo-tips-tricks-info-tools-add-ons.html">SEO | Kumpulan Tips Trik & Info | Tools & Add-Ons</a> adalah beberapa kumpulan artikel dari <a href="http://bloggerpeer.blogspot.com/">bloggerpeer.blogspot.com</a> yang khusus membahas tentang tips trik SEO, info serta tools maupun add-ons (extension) yang berguna bagi search engine optimization, meskipun kumpulan artikel tentang <a href="http://en.wikipedia.org/wiki/Search_engine_optimization" target="_blank">SEO</a> yang saya miliki di blog ini belum banyak karena saya juga masih belajar tentang optimasi mesin pencari dan blog Blogger Peer ini juga masih lumayan baru tetapi sedikit tidak nya mudah-mudahan bisa membantu, berguna dan bermanfaat bagi sahabat blogger semuanya.</p><h3>Kumpulan Tips Trik SEO & Info | Free SEO Tools & Add-Ons (Extension)</h3><p>Dibawah ini adalah kumpulan beberapa artikel saya tentang tips trik optimasi mesin pencari dan informasi, disertai juga sedikit tools & add-ons yang berguna bagi SEO</p><table><tbody>
<tr style="background-color:#fcfcfc;"><td><a href="http://bloggerpeer.blogspot.com/2013/04/5-tips-menulis-artikel-blog-post-seo-friendly.html">5 Tips/Cara Menulis Artikel Blog Post SEO Friendly</a></td></tr>
<tr style="background-color:#f4f4f4;"><td><a href="http://bloggerpeer.blogspot.com/2012/10/alexa-rank.html">Alexa Rank | Cara Meningkatkan Ranking Alexa</a></td></tr>
<tr style="background-color:#fcfcfc;"><td><a href="http://bloggerpeer.blogspot.com/2012/09/edu-backlink.html">.EDU Backlink | Cara Mendapatkan Backlink Dofollow Gratis</a></td></tr>
<tr style="background-color:#f4f4f4;"><td><a href="http://bloggerpeer.blogspot.com/2012/08/cara-agar-blog-cepat-terindex-google-yahoo-bing.html">Cara Agar Blog Cepat Terindex Google - Yahoo - Bing</a></td></tr>
<tr style="background-color:#fcfcfc;"><td><a href="http://bloggerpeer.blogspot.com/2012/09/google-crawl-menjelajahi-index-blog-website.html">Beritahu Google Untuk Menjelajahi (Crawl) Blog Kamu</a></td></tr>
<tr style="background-color:#f4f4f4;"><td><a href="http://bloggerpeer.blogspot.com/2012/08/google-pagerank-update-bulan-agustus-2012.html">Google PageRank Update Agustus 2012</a></td></tr>
<tr style="background-color:#fcfcfc;"><td><a href="http://bloggerpeer.blogspot.com/2012/07/fitur-blogger-custom-permalinks-resmi-diluncurkan-update.html">Fitur Blogger Custom Permalinks Resmi Diluncurkan (update) </a></td></tr>
<tr style="background-color:#f4f4f4;"><td><a href="http://bloggerpeer.blogspot.com/2012/07/Cara-Mengetahui-Blog-Dofollow-Nofollow-Addons-Mozilla-Firefox.html">Cara Mengetahui Blog Dofollow/Nofollow Dengan Add-ons Mozilla</a></td></tr>
<tr style="background-color:#fcfcfc;"><td><a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-dofollow-links-pengertian.html">DoFollow | Pengertian Apa Itu Dofollow Links? </a></td></tr>
<tr style="background-color:#f4f4f4;"><td><a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-google-pagerank.html">Google PageRank | Pengertian Apa Itu PageRank? </a></td></tr>
<tr style="background-color:#fcfcfc;"><td><a href="http://bloggerpeer.blogspot.com/2012/07/pengertian-tag-rel-nofollow-attribute.html">NoFollow | Pengertian Tag (rel="nofollow") Attribute</a></td></tr>
<tr style="background-color:#f4f4f4;"><td><a href="http://bloggerpeer.blogspot.com/2012/06/buat-custom-url-permalink-blogger-seo.html">Cara Membuat Custom URL Permalink Blogger SEO Friendly</a></td></tr>
<tr style="background-color:#fcfcfc;"><td><a href="http://bloggerpeer.blogspot.com/2012/06/cara-buat-breadcrumbs-index-google.html">Cara Membuat Breadcrumbs Terindex / Di indeks Google</a></td></tr>
<tr style="background-color:#f4f4f4;"><td><a href="http://bloggerpeer.blogspot.com/2011/11/menulis-dengan-windows-live-writer.html">Windows Live Writer | Menulis Artikel Blog Post Offline</a></td></tr>
<tr style="background-color:#fcfcfc;"><td><a href="http://bloggerpeer.blogspot.com/2011/11/cara-buat-breadcrumb-seo-friendly.html">Cara Buat Breadcrumb Seo Friendly di Blog</a></td></tr>
</tbody></table>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com14tag:blogger.com,1999:blog-9024830975672554029.post-13805548584158342902012-09-21T12:54:00.000+08:002015-10-21T11:31:26.245+08:00.EDU Backlink | Cara Mendapatkan Backlink Dofollow Gratis<p><b><a href="http://bloggerpeer.blogspot.com/2012/09/edu-backlink.html">Backlink .EDU</a></b> sekarang ini masih menjadi incaran bagi para blogger untuk menaikkan ranking situs/blog mereka, tapi kadang-kadang kita merasa kesulitan bagaimana cara mendapatkan backlink EDU gratis dan berkualitas, disini saya akan mencoba kasi <a href="http://bloggerpeer.blogspot.com/2012/09/seo-tips-tricks-info-tools-add-ons.html" target="_blank">tips SEO</a> mencari backlinks dofollow gratis.</p><p><a href="http://bloggerpeer.blogspot.com/2012/09/edu-backlink.html"><img alt=".EDU Backlink | Cara Mendapatkan Backlink EDU Dofollow Gratis" src="http://1.bp.blogspot.com/-gdqA6p3R7H8/UFvjhgqe1II/AAAAAAAAAXg/CJ6T48lTi1o/s1600/Backlinks+EDU.jpg" style="float: left; margin: 0 2% 2% 0;" title="Backlink .EDU" /></a></p><p><a href="http://en.wikipedia.org/wiki/.edu" target="_blank">.EDU</a> adalah sebuah domain yang khusus dimiliki oleh institusi pendidikan seperti universitas, sekolah maupun situs pendidikan lainnya, umumnya .EDU biasanya dipakai oleh universitas luar negeri tetapi kalau di Indonesia umumnya memakai domain ac.id , Pada umumnya situs yang memakai domain .EDU mempunyai <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-google-pagerank.html" target="_blank">Google pagerank</a> tinggi yang bagus dan sangat <a href="http://bloggerpeer.blogspot.com/2012/08/cara-agar-blog-cepat-terindex-google-yahoo-bing.html" target="_blank">cepat terindex search engine</a> maka tidak ada salahnya kita menanam backlink di situs .EDU tersebut agar blog kita juga kecipratan high PR dan terindex cepat</p><div class="separator" style="clear: both;"></div><div class="separator" style="clear: both;"></div><h3>Cara Mencari Backlinks .EDU Gratis Berkualitas dengan Google Search</h3><p>Untuk mencari backlinks .EDU ternyata memang tidak semudah yang kita pikirkan tetapi dengan sedikit trik menggunakan mesin pencari Google ini kita akan sangat mudah untuk mendapatkan ribuan blog .EDU maupun forum yang memungkinkan kita untuk meninggalkan komentar atau membuat profile gratis.</p><p><b>Backlinks dari .EDU Blogs</b></p><p>Silahkan buka Google search dan ketik query seperti dibawah ini.</p><blockquote><div><ul><li>site:.edu inurl:blog "post a comment"</li>
<li>site:.edu "Powered by BlogEngine.NET" site:.edu inurl:blog "post a comment"</li>
<li>site:.edu "Powered by ExpressionEngine" site:.edu inurl:blog "post a comment"</li>
<li>site:.edu inurl:blog "post a comment" -"comments closed" -"you must be logged in"</li>
</ul></div></blockquote><p><b>Backlinks dari .EDU Forum Profile</b></p><p>Silahkan ketik dan search query seperti dibawah ini.</p><blockquote><div><ul><li>site:.edu "Powered by vBulletin" inurl:"register"</li>
<li>site:.edu "Powered by phpBB" inurl:"register"</li>
<li>site:.edu "Powered by PunBB" inurl:"register"</li>
<li>site:.edu "Powered by SMF" inurl:"register"</li>
<li>site:.edu "Powered by IPB" inurl:"register"</li>
<li>site:.edu inurl:CreateUser.aspx</li>
<li>site:.edu inurl:register.aspx</li>
<li>site:.edu inurl:"wp-signup.php"</li>
<li>site:.edu "powered by expressionengine"</li>
<li>site:.edu "powered by vbulletin" inurl:"register.php"</li>
<li>"leave a comment" site:.edu</li>
<li>"reply to post" site:.edu</li>
</ul></div></blockquote><p><b>Targeted keyword backlinks .EDU</b></p><p>Untuk mencari backlink dengan keyword yang diinginkan silahkan ganti kata yang di cetak tebal dengan keyword anda</p><blockquote><div>site:.edu inurl:blog “post a comment -"you must be logged in"-"comments closed""<b>keyword anda</b>"</div></blockquote><p>Untuk lebih optimal ada baiknya menggunakan <a href="http://bloggerpeer.blogspot.com/2012/07/Cara-Mengetahui-Blog-Dofollow-Nofollow-Addons-Mozilla-Firefox.html" target="_blank">Nodofollow Firefox Add-ons</a> sehingga akan kelihatan blog mana yang menyediakan <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-dofollow-links-pengertian.html" target="_blank">dofollow links</a> atupun <a href="http://bloggerpeer.blogspot.com/2012/07/pengertian-tag-rel-nofollow-attribute.html" target="_blank">nofollow</a></p><p>Selamat berburu backlinks .EDU dan good luck!</p>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com31tag:blogger.com,1999:blog-9024830975672554029.post-51478251934779461562012-09-30T03:16:00.000+08:002015-10-21T11:31:00.529+08:00Blogger | Kumpulan Tips Trik - Tutorial Blogspot<p><a href="http://bloggerpeer.blogspot.com/2012/09/blogger.html"><img alt="Blogger" src="http://3.bp.blogspot.com/-tljteZR7rsY/UGc98sJJNnI/AAAAAAAAAX4/fdBL65rp0kU/s1600/blogger.png" style="float: left; margin: 0 2% 2% 0;" title="Blogger" /></a></p><p><a href="http://bloggerpeer.blogspot.com/2012/09/blogger.html">Tips Trik Blogger - Kumpulan Tutorial Blogspot</a>, artikel ini adalah beberapa kumpulan tips Blogger dan info dari blog saya <a href="http://bloggerpeer.blogspot.com/">bloggerpeer.blogspot.com</a> , meskipun koleksinya belum banyak tapi mudah-mudahan bisa membantu khususnya bagi anda yang sedang belajar membuat blog dengan platform <a href="http://www.blogger.com/" target="_blank">Blogger</a>/Blogspot, sebelumnya saya mohon maaf kalau ada satu atau beberapa tutorial yang mungkin tidak bisa digunakan atau tidak bisa bekerja dengan baik lagi dikarenakan oleh beberapa faktor, tetapi saya akan berusaha untuk meng-edit dan update kembali agar bisa digunakan dan berfungsi lagi</p><div class="separator" style="clear: both;"></div><h3>Kumpulan Artikel Tutorial Blogger & Tips Trik Blogspot</h3><p></p><table><tbody>
<tr style="background-color:#f4f4f4;"><td><a href="http://bloggerpeer.blogspot.com/2012/10/alexa-rank.html">Alexa Rank | Cara Meningkatkan Ranking Alexa</a></td></tr>
<tr style="background-color:#fcfcfc;"><td><a href="http://bloggerpeer.blogspot.com/2011/10/membuat-burung-twitter-terbang-blogspot.html">Cara Membuat Burung Twitter Terbang Di Blogspot</a></td></tr>
<tr style="background-color:#f4f4f4;"><td><a href="http://bloggerpeer.blogspot.com/2011/11/cara-buat-breadcrumb-seo-friendly.html">Cara Buat Breadcrumb Seo Friendly di Blog</a></td></tr>
<tr style="background-color:#fcfcfc;"><td><a href="http://bloggerpeer.blogspot.com/2011/11/menulis-dengan-windows-live-writer.html">Windows Live Writer | Menulis Artikel Blog Post Offline</a></td></tr>
<tr style="background-color:#f4f4f4;"><td><a href="http://bloggerpeer.blogspot.com/2011/11/yahoo-messenger-emoticons-smileys.html">Yahoo Messenger Emoticons (Smileys) di Blogspot</a></td></tr>
<tr style="background-color:#fcfcfc;"><td><a href="http://bloggerpeer.blogspot.com/2011/11/animasi-bintang-jatuh-adalah-sebuah.html">Cara Buat Bintang Jatuh dari Kursor</a></td></tr>
<tr style="background-color:#f4f4f4;"><td><a href="http://bloggerpeer.blogspot.com/2011/11/cara-buat-tombol-back-to-top-blog.html">Cara Buat Tombol Back To Top di Blogspot</a></td></tr>
<tr style="background-color:#fcfcfc;"><td><a href="http://bloggerpeer.blogspot.com/2012/06/buat-link-nudging-bergoyang-label.html">Cara Membuat Link Bergerak Bergoyang / Nudging di Blog</a></td></tr>
<tr style="background-color:#f4f4f4;"><td><a href="http://bloggerpeer.blogspot.com/2012/06/cara-buat-breadcrumbs-index-google.html">Cara Membuat Breadcrumbs Terindex / Di indeks Google</a></td></tr>
<tr style="background-color:#fcfcfc;"><td><a href="http://bloggerpeer.blogspot.com/2012/06/buat-custom-url-permalink-blogger-seo.html">Cara Membuat Custom URL Permalink Blogger SEO Friendly</a></td></tr>
<tr style="background-color:#f4f4f4;"><td><a href="http://bloggerpeer.blogspot.com/2012/07/fitur-blogger-custom-permalinks-resmi-diluncurkan-update.html">Fitur Blogger Custom Permalinks Resmi Diluncurkan (update)</a></td></tr>
<tr style="background-color:#fcfcfc;"><td><a href="http://bloggerpeer.blogspot.com/2012/07/cara-claim-blog-di-technorati-directory.html">Technorati | Cara Claim Blog Di Technorati Directory</a></td></tr>
<tr style="background-color:#f4f4f4;"><td><a href="http://bloggerpeer.blogspot.com/2012/08/cara-membuat-tombol-share-widget-dengan-efek-jquery-nudging.html">Cara Buat Tombol Share Dengan Efek jQuery Nudging</a></td></tr>
</tbody></table>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com14tag:blogger.com,1999:blog-9024830975672554029.post-4224844930430062882013-04-16T07:06:00.000+08:002015-10-21T11:30:28.497+08:005 Tips/Cara Menulis Artikel Blog Post SEO Friendly<p><img alt="SEO Trik" src="http://4.bp.blogspot.com/-ASwfbaxK6GE/UWx74q68pNI/AAAAAAAAAeQ/x1qh9VXPcH8/s1600/artikel-seo-friendly.jpg" style="float: left; margin: 0 2% 0 0;" title="Artikel Blog SEO Friendly" /></p><p>5 tips menulis artikel blog post yang seo friendly, bagi seorang Blogger menulis artikel atau postingan blog adalah sesuatu yang memang kewajiban, kebanyakan beberapa Blogger baru menginginkan blog mereka terlihat di halaman pertama Google tetapi mereka tidak mengetahui bagaimana cara agar bisa masuk dalam halaman pertama Google, selain beberapa tips yang pernah saya ulas sebelumnya seperti <a href="http://bloggerpeer.blogspot.com/2012/08/cara-agar-blog-cepat-terindex-google-yahoo-bing.html" target="_blank">cara cepat blog terindex search engine</a>, disini saya akan coba mengulas hal dasar (basic) bagaimana cara agar artikel blog yang kita buat lebih seo friendly.</p><p></p><table style="margin: auto;"><tbody>
<tr style="background-color:#f4f4f4;"><td style="text-align:center;"><b>Konten</b></td></tr>
<tr style="background-color:#fcfcfc;"><td style="text-align:center;"><a href="http://bloggerpeer.blogspot.com/2013/04/5-tips-menulis-artikel-blog-post-seo-friendly.html#Struktur_Judul_Post_28.Post_Title.29_Dan_Post_Description">Struktur Judul Post (Post Title) dan Post Description</a></td></tr>
<tr style="background-color:#fcfcfc;"><td style="text-align:center;"><a href="http://bloggerpeer.blogspot.com/2013/04/5-tips-menulis-artikel-blog-post-seo-friendly.html#Tautkan_28.Link.29_Keywords_Yang_Penting_Ke_Artikel.2F.Halaman_Lain">Tautkan (Link) Keywords Yang Penting Ke Artikel/Halaman Lain</a></td></tr>
<tr style="background-color:#fcfcfc;"><td style="text-align:center;"><a href="http://bloggerpeer.blogspot.com/2013/04/5-tips-menulis-artikel-blog-post-seo-friendly.html#Konten_Yang_Relevan_28.Relevant_Content.29">Konten yang Relevan (Relevant Content)</a></td></tr>
<tr style="background-color:#fcfcfc;"><td style="text-align:center;"><a href="http://bloggerpeer.blogspot.com/2013/04/5-tips-menulis-artikel-blog-post-seo-friendly.html#Konten_yang_Unik_28.Unique_Content.29">Konten yang Unik (Unique Content)</a></td></tr>
<tr style="background-color:#fcfcfc;"><td style="text-align:center;"><a href="http://bloggerpeer.blogspot.com/2013/04/5-tips-menulis-artikel-blog-post-seo-friendly.html#Gunakan_Google_Adwords_Keyword_Tool">Gunakan Google Adwords Keyword Tool</a></td></tr>
</tbody></table><p></p><h3><span class="headline" id="Struktur_Judul_Post_28.Post_Title.29_Dan_Post_Description">Struktur Judul Post (Post Title) dan Post Description</span></h3><p>Judul post adalah yang paling penting dan vital karena itu adalah sesuatu yang menggambarkan apa yang ada didalam artikel anda, dan hendaknya post title yang anda buat mengandung kata kunci (keywords) yang relevan. Cobalah mencari susunan kata (phrase) dan keywords yang banyak dicari orang dan sisipkan itu didalam judul post, tapi ingat.. relevansi tetap menjadi acuan,<a href="http://bloggerpeer.blogspot.com/2013/04/5-tips-menulis-artikel-blog-post-seo-friendly.html" target="_blank"><img alt="5 Tips Menulis Artikel Blog Post Yang SEO Friendly" src="http://3.bp.blogspot.com/-O-6Kv8TfxS4/UCIcaSSXpqI/AAAAAAAAATY/j9Yt46RLm1M/s1600/blogger-peer.gif" style="height: 1px; margin: 0 0 0 0; width: 1px;" /></a> jangan memasukkan semua keywords didalam post title seolah-olah anda memajang semua kata kunci sehingga terlihat ngawur yang membuat pembaca bingung. Sama halnya dengan post description yang berupa ulasan singkat tentang artikel anda jadi diusahakan mengandung kata kunci dan frasa.</p><h3><span class="headline" id="Tautkan_28.Link.29_Keywords_Yang_Penting_Ke_Artikel.2F.Halaman_Lain">Tautkan (Link) Keywords Yang Penting Ke Artikel/Halaman Lain</span></h3><p>Tautkan/link keywords yang penting ke halaman lain yang relevan dan sesuai dengan pembahasan didalam artikel yang anda buat, hal ini akan meningkatkan page views didalam blog anda dan juga akan mengalirkan <a href="http://bloggerpeer.blogspot.com/2012/07/apa-itu-google-pagerank.html" target="_blank">pagerank</a>.</p><h3><span class="headline" id="Konten_Yang_Relevan_28.Relevant_Content.29">Konten yang Relevan (Relevant Content)</span></h3><p>Tetap jaga konten yang anda buat relevan dan sesuai dengan topik blog anda. Itu akan membuat mesin pencari seperti Google membantu anda untuk menaikkan ranking blog anda pada mesin pencarian sesuai dengan keywords yang anda pilih, seperti contoh pada blog saya ini <a href="http://bloggerpeer.blogspot.com/" target="_blank">bloggerpeer.blogspot.com</a> mempunyai topik tentang <a href="http://bloggerpeer.blogspot.com/2012/09/blogger.html" target="_blank">tips trik Blogger</a> dan <a href="http://bloggerpeer.blogspot.com/2012/09/seo-tips-tricks-info-tools-add-ons.html" target="_blank">tips trik SEO</a>, jadi semua artikel yang saya buat mengandung beberapa kata kunci tersebut.</p><h3><span class="headline" id="Konten_yang_Unik_28.Unique_Content.29">Konten yang Unik (Unique Content)</span></h3><p>Anda harus berfikir kedepan dan pintar membaca situasi apa yang menjadi topik hangat dan trend saat ini sehingga bisa anda tuangkan dalam sebuah ide untuk membuat artikel sesuai dengan gaya dan style anda sehingga membuat artikel yang anda buat unik lain dari pada yang lain, search engine seperti Google sangat menyukai konten yang unik dan fresh, jadi tetaplah berkarya dan jangan melakukan duplikasi atau copy paste (copas) karena itu akan memperburuk ranking blog anda di mesin pencari.</p><h3><span class="headline" id="Gunakan_Google_Adwords_Keyword_Tool">Gunakan Google Adwords Keyword Tool</span></h3><p>Kadangkala kita merasa kesulitan untuk mendapatkan kata kunci yang banyak dicari orang, maka anda bisa mencoba menggunakan alat yang dimiliki Google yaitu <a href="https://adwords.google.com/o/KeywordTool" target="_blank">Google Adwords: Keyword Tool</a>, dengan alat itu anda tidak perlu menebak tentang kata kunci terbaik karena tool dari Google tersebut mempunyai kumpulan kata2 kunci terbaik yang lagi trend dan banyak dicari orang.</p><p></p><p>Itulah <a href="http://bloggerpeer.blogspot.com/2013/04/5-tips-menulis-artikel-blog-post-seo-friendly.html">5 tips menulis artikel blog post yang seo friendly</a>, kalau ada saran dan kekurangan mungkin bisa berbagi dan disampaikan melalui komentar.</p>Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com0tag:blogger.com,1999:blog-9024830975672554029.post-82788614457287983532013-04-21T13:54:00.000+08:002015-10-21T10:34:50.041+08:00Cara Buat/Pasang Burung Twitter Terbang Di BlogspotCara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Memasang Burung Twitter Terbang di Blogspot" src="http://2.bp.blogspot.com/-7doZyLsr9yI/TqNtUCClP4I/AAAAAAAAAF8/ld0bdD3WWj8/s1600/burung+twitter+terbang.png" style="float: left; margin: 0 2% 0 0;" title="Memasang Burung Twitter Terbang di Blogspot" /></div>Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget <a href="http://bloggerpeer.blogspot.com/2011/10/membuat-burung-twitter-terbang-blogspot.html"><span style="color: black;">burung twitter terbang</span></a> ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat,<a href="http://bloggerpeer.blogspot.com/2011/10/membuat-burung-twitter-terbang-blogspot.html" target="_blank"><img alt="Cara Buat / Pasang Burung Twitter Terbang Di Blog" src="http://3.bp.blogspot.com/-O-6Kv8TfxS4/UCIcaSSXpqI/AAAAAAAAATY/j9Yt46RLm1M/s1600/blogger-peer.gif" style="height: 1px; margin: 0 0 0 0; width: 1px;" /></a> hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile <a href="https://twitter.com/BloggerPeer" target="_blank">Twitter</a> sobat,<br />
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini<br />
<p></p>Pertama-tama silahkan login di Blogger<br />
<br />
<ul><li>Klik <b>Layout</b> > <b>Add Gadget</b> > <b>Html/Javascript</b></li>
<li>Copy paste kode di bawah ini ke kolom Html/javascript</li>
</ul><br />
<div style="border: 1px solid #ccc; height: 100px; margin: 0; overflow: auto; padding: 10px; width: 420px;"><!-- floating twitter Bird --><br />
<script type="text/javascript" src="https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/tripleflap.js"></script><br />
<script type="text/javascript"><br />
var birdSprite="<span class="Apple-style-span" style="color: red;">http://2.bp.blogspot.com/-7doZyLsr9yI/TqNtUCClP4I/AAAAAAAAAF8/ld0bdD3WWj8/s1600/burung+twitter+terbang.png</span>";<br />
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");<br />
var twitterAccount = "http://twitter.com/<span style="color: blue;">Username</span>";<br />
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";<br />
tripleflapInit();<br />
</script><br />
<div><br />
</div><br />
</div><br />
<ul><li>Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat</li>
<li>Simpan dan lihat hasilnya</li>
</ul><h2 style="text-align: center;">Warna Pilihan Burung Terbang Twitter</h2><img alt="Rubah Warna Burung Twitter" src="http://4.bp.blogspot.com/-s1KCN0WnarQ/TqN0s-v3s7I/AAAAAAAAAGE/eHXbZs3DuFU/s1600/twiter+birds.png" style="margin:0px auto;display:block" title="Warna Burung Twitter Terbang" /><br />
<br />
Untuk membuat warna burung Twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan<br />
<br />
<b>Warna Kuning</b><br />
<br />
<ul><li>http://3.bp.blogspot.com/-xL1Dk6Bhi4g/TqN5gbyvSCI/AAAAAAAAAGM/jxsjBiRWMLw/s1600/yellow+bird.png</li>
</ul><b>Warna Hitam</b><br />
<br />
<ul><li>http://1.bp.blogspot.com/-N3RvHfV3MUk/TqN5iPPqAEI/AAAAAAAAAGU/oYKSvsOj108/s1600/black+bird.png</li>
</ul><b>Warna Biru</b><br />
<br />
<ul><li>http://3.bp.blogspot.com/-FNowQ1mqsLg/TqN5kxq86EI/AAAAAAAAAGc/VzatkjsUAEc/s1600/Blue+bird.png</li>
</ul><b>Warna Coklat</b><br />
<br />
<ul><li>http://3.bp.blogspot.com/-b-9ncuDJxm0/TqN5nrOnTCI/AAAAAAAAAGk/LREurKp_tLc/s1600/brown+bird.png</li>
</ul><b>Warna Hijau</b><br />
<br />
<ul><li>http://3.bp.blogspot.com/-SJP4OZmyeCU/TqN5qcyXgGI/AAAAAAAAAGs/jKQaqHF9EkA/s1600/Green+bird.png</li>
</ul><b>Warna Ungu</b><br />
<br />
<ul><li>http://3.bp.blogspot.com/-Ec4JlrN6yc4/TqN5tIAXDpI/AAAAAAAAAG0/ywnjHeG4ASM/s1600/purple+bird.png</li>
</ul><b>Warna Putih</b><br />
<br />
<ul><li>http://1.bp.blogspot.com/-qsxd6A0vUFU/TqN5vZVI2-I/AAAAAAAAAG8/lb0Ol5Nbrvw/s1600/white+bird.png</li>
</ul><b>Warna Merah</b><br />
<br />
<ul><li>http://1.bp.blogspot.com/-knGCnCFCahI/TqN59awa61I/AAAAAAAAAHE/mniE1h9IW14/s1600/red+bird.png</li>
</ul><br />
Dan terakhir jangan lupa disimpan<br />
Good luck Sob..!Komang Gedehttp://www.blogger.com/profile/11168583851383179424noreply@blogger.com96