Tampilkan postingan dengan label Free Stuff. Tampilkan semua postingan
Tampilkan postingan dengan label Free Stuff. Tampilkan semua postingan

Selasa, 26 April 2011

Ingin Lebih SEO Friendly Lagi? Segera Analisa Meta Tag Halaman Blog Anda Disini!

Seorang master SEO kelas kakap pasti telah banyak memakan asam garam, dan dampaknya adalah sangat berpengalaman dalam ilmu SEO, bisa dipastikan sang master sangat sering sekali mendengar istilah ini, Analisa Meta Tag. Saya kenal satu orang dari sekian banyak master seo, dia tidak hanya memakan asam garam, bahkan ampas garamnya pun di makan, dan mungkin pasirnya pun di makan, bukan karena hobi makan pasir, tapi karena saking laparnya akan ilmu per-SEO-an. Seorang master seo sebelum dapat mempromosikan website nya untuk selalu berada di halaman awal google secara terus menerus dia pun selalu melewati bagian ini, menganalisa Meta Tag di setiap halaman websitenya, tentunya menggunakan Meta Tag Analyzer.

Meta Tag Analyzer bertugas untuk memprediksikan seberapa kuatnya halaman dapat di index, dari sini jelas, meta tag pada halaman website itu sangat berpengaruh kepada search engine. Semakin besar prosentase nilai halaman website anda pada Meta Tag Analyzer, semakin besar pula peluang halaman anda terindex oleh search engine crawler yang nantinya dapat menggiring halaman anda untuk masuk ke dalam search engine, dan mungkin juga bisa terus bertahan di halaman awal google atau yahoo search engine.

Ada beberapa web yang menyediakan Meta Tag Analyzer, salah satunya adalah seocentro.com. Jujur, meta tag analyzer yang disediakan oleh SEO Centro ini adalah salah satu dari sekian banyak favorit saya. Anlisanya cukup akurat dan tepat, sehingga membuat blog doodey ini semakin mengarah ke SEO friendly serta user friendly saja (sudah dibuktikan dari beberapa visitor).




Meta Tag Analyzer



Check your meta tags!


example: http://www.blogdoodey.blogspot.com

URL



(optional)

User Agent * (optional)




Please enter the access code as displayed above.

Access code





Online Meta Tag Analyzer
provide by SEOCentro.

Selasa, 05 April 2011

Coba Tes Posisi Blog Anda di Google dengan Keyword Tertentu!

Bagi blog yang masih lemah posisinya, mungkin akan sangat kesulitan menemukan blognya di Google. Akan sangat melelahkan jika Anda harus bolak-balik semua halaman Google. Yuk, kita tes saja menggunakan tools dari Google Position !

Silahkan pergi ke GooglePosition

Beralihlah ke bawah pada form Check Webiste Google Position Now!

  • Web Address isi dengan alamat blog Anda 
  • Keyword isi dengan kata kunci yang ingin di tes
  • Results tentukan banyaknya hasil temuan 
  • Language untuk memilih bahasa

Jika sudah silahkan klik tombol Check Now!. Tunggulah beberapa saat dan hasilnya akan keluar di bawah form tes.

Tambahan:
Jika ada temuan dari blog yang Anda masukkan pada kolom, maka akan dicetak tebal. Abaikan nomer satu dan dua dari hasil cari. Silahkan mencoba dan semoga bermanfaat...

Senin, 27 Desember 2010

Cara Saya Mengundang Pengunjung Dengan Alat Penyedot Pengunjung

Belajar SEO Blogspot – Setiap blogger seperti kita pasti sangat merindukan yang namanya pengunjung blog. Melihat widget trafik pengunjung atau pun melihat secara langsung widget online visitor yang begitu sesak pasti merupakan suatu impian yang besar buat kita. Tapi, bagaimana cara kita agar pengunjung senantiasa berkunjung ke blog kita? Berikut cara saya.

Ada banyak trik memang untuk menarik pengunjung, mulai dari daftarkan blog ke search engine, social bookmarks, social network, pasang iklan, dan segudang trik seo lainnya. Tapi diam-diam sebenarnya masih ada cara lain untuk mengundang pengunjung. Kita hanya butuh alatnya. Alat apa? Ya, alat untuk menyedot pengunjung! Hah, apa ada? Tentu saja ada! Kita hanya perlu menghidupkan mesin penyedotnya saja, maka dengan sendirinya mesin itu bekerja dan mulai menyedot sekian banyak pengunjung yang lagi maen surfing di jagat maya tanpa mereka tolak, kecuali jika si pengunjung tersebut memang tau bagaimana cara mematikan mesin penyedotnya.

Cara ini bisa dibilang cara yang cukup usil dan jail untuk menyeret pengunjung menuju ke blog kita. Saya pun sering melakukan cara ini. Biasanya cara ini saya lakukan di komputer-komputer teman atau di warnet.. heheh... :p

Buat sobat yang sudah sering utak-atik browser, mungkin yang satu ini sudah biasa. Tapi buat sobat yang belum pernah melakukannya, saya wajibkan untuk mencobanya sekarang!

Bagaimana cara menggunakannya?

Sekarang coba bukalah browser sobat dulu. Dalam contoh ini saya menggunakan Mozilla Firefox. Kemudian pada menu bar kliklah tombol Tools dan pilih pada Options.


Sekarang, lihatlah kotak isian pada bagian Home Page. Nah, disitulah pengaturan default url setiap browser. Jika tidak dirubah biasanya isinya adalah default dari masing-masing browser, bisa alamat situs browser itu sendiri, bisa Google, Yahoo, Bing, dan sebagianya. Sehingga setiap kita membuka browser maka situs itulah yang akan langsung terbuka.


Sekarang cobalah ganti kotak isian Home Page itu dengan alamat blog sobat. Kemudian pastikan pula kotak isian When Firefox starts sobat pilih Show my home page. Maka siapa pun yang membuka browser di komputer sobat, sebelum ke mana-mana, mereka wajib mendarat dulu secara otomatis di blog sobat. Jika mereka ingin meninggalkan blog sobat, biasanya mereka akan mengklik ikon Home. Tapi lagi-lagi mereka harus mendarat di blog sobat. Untuk bisa keluar mereka harus membuka tab (window) baru atau mengetik kata kunci di kotak url browser.

Nah, seperti yang saya bilang tadi, saya biasa melakukan cara ini di berbagai komputer yang pernah saya jajaki, seperti komputer teman bahkan di setiap komputer-komputer di warnet yang pernah saya satroni. Jika sobat ada waktu, sobat bisa terapkan cara ini. Bayangkan berapa banyak pengunjung yang terpaksa mendarat di blog sobat sebelum mereka ke mana-mana. Siapa tahu begitu terbaca posting atau iklan sobat, mereka akan tertarik dan akhirnya justru menjadi pengunjung setia blog anda.

Usahakan juga agar sobat tidak tertangkap basah melakukan cara ini. jika ternyata memang sobat tertangkap basah saat sedang melakukan cara ini, saya tidak menjamin untuk menanggung resiko yang sobat dapat kemudian, yaitu masuknya tamu yang tak diundang. Yang saya maksud adalah pengunjung blog! Haha..

Bagaimana? Apakah sobat tergiur untuk langsung mencoba alat penyedotnya? Cobalah sekarang mumpung pemilik komputer belum menginstall software DeepFreeze..!!

Sumber: blogernas.co.cc

Sabtu, 30 Oktober 2010

Cek Seberapa Banyak Backlinks Blog Kita

Seperti kita ketahui, backlink sangat dibutuhkan sebuah website/blog. Backlink adalah incoming link atau link masuk yang menuju suatu halaman blog atau website. Semakin banyak backlink, tentu akan semakin menguntungkan buat kita. Ada yang bilang, carilah backlink sebanyak-banyaknya untuk mendongkrak pagerank blog. Tapi bagaimanakah backlink yang baik menurut Google?



Backlink yang baik adalah backlink one way atau backlink satu arah. Apa itu backlink one way? Contohnya seperti ini, saya memasang link sobat di blog saya, tapi sobat tidak memasang link saya di blog sobat. Dengan begitu, sobat mendapat keuntungan dari saya. Hasilnya, blog sobat akan mendapat 1 kredit dari saya dan tentu sangat berpengaruh terhadap pagerank blog sobat.

Untuk mendapat backlink one way, sobat bisa submit blog ke free web directory, social bookmark, membuat blog dummy atau bisa dengan berkomentar di blog dofollow.

Untuk mengetahui seberapa banyak blog sobat mendapat backlink, tentu dibutuhkan sebuah layanan backlink checker. Berikut ada beberapa tools backlink checker, yang bisa sobat jadikan tolak ukur untuk backlink blog sobat.

1.      Iwebtool

Di Iwebtool ini, sobat dapat melihat seberapa banyak backlink untuk blog sobat, situs yang memberikan sobat backlink, serta pagerank dari situs yang memberi backlink. Sebagai patokan, sobat bisa memasukkan blog lain dengan PR tinggi, kemudian lihatlah pada link-link yang muncul, cari link postingan, dan beri komentar di sana. Sangat mudah! ;)

2.      Backlinkwatch

Sobat dapat melihat seberapa banyak backlink untuk blog sobat, situs yang memberikan sobat backlink, serta pagerank dari situs yang memberi backlink. Sobat juga bisa melihat jumlah outbound link dari situs yang memberikan sobat backlink. Backlinkwatch sangat akurat.

3.      Domain Pop

Menurut saya, domain-pop yang paling bagus. Karena disini, sobat bisa melihat jumlah backlink, jumlah website yang memberi sobat backlink, google indexed links, google indexes website, yahoo indexed links dan yahoo indexed website. Lengkap dan sangat mudah menggunakannya.

Silahkan bandingkan 3 situs backlink checker di atas, mana yang terbaik? Tolong beri komentar jika sobat punya informasi lain tentang situs backlink checker yang lebih bagus dari 3 situs di atas, karena itulah gunanya sahabat dalam dunia maya, saling berbagi. :)

Baiklah, selamat mencoba ya!

Analisa Kecepatan Loading Blog Anda Sekarang!

Teknik SEO Blogspot – Sudah kita ketahui bersama, performa sebuah blog sangat ditentukan oleh beberapa hal, seperti template yang cukup menarik, kualitas isi postingan, dan juga kecepatan loading blog. Tampilan blog dengan template yang cantik dan isi artikel yang berkualitas dan juga menarik akan menjadi sia-sia jika loading blog sangat lambat.

Ada beberapa cara yang dapat kita lakukan untuk mengurangi loading blog kita, seperti apa yang pernah saya posting di artikel sebelumnya, yaitu dengan kompress css dan kompress javascript. Nah, dengan meminimalisasi penggunaan CSS dan juga JavaScript, blog yang tadinya lambat akan berubah menjadi lebih cepat.

Berikut adalah beberapa tools gratis yang bisa sobat gunakan untuk mengukur dan menganalisa kecepatan loading blog sobat. Teknik pembacaannya berupa angka dari bagian-bagian blog sobat, mulai dari HTML, HTML image, CSS image, JavaScript, CSS, multimedia, dll. Semuanya terbaca dalam satuan KB. Sobat bisa bandingkan saja sendiri semua tools di bawah ini, karena setiap tools mempunyai tingkat akurasi yang berbeda-beda.







2.      Free Speed Test









3.      Aptimize










4.      Tools Pingdom








Empat situs di atas akan memberikan hasil yang berbeda-beda. Jangan jadikan satu patokan saja, karena itu coba satu-persatu sebagai pembanding. Semoga tips ini berguna dan menjadi bahan pertimbangan buat sobat dalam penggunaan CSS dan juga JavaScript di template sobat.

Terima kasih.

Minggu, 24 Oktober 2010

Cara Memasang Widget Top Komentator

Blog Tutorial - Saya kira akhir-akhir ini keasyikan ngotak ngatik CSS dan desain template hampir melupakan saya bahwa masih ada beberapa widget blogger yang belum saya posting.  Diantaranya widget top komentator yang ingin saya ketengahkan kali ini tutorial memasangnya pada template blogger. Oke, langsung saja pada tahapan-tahapan memasang widget top komentator
  1. Login ke blogger lalu pada dasbor pilih menu Layout/Tata Letak
  2. Pada elemen halaman=> Klik Tambah Gadget=> HTML=> Letakkan kode berikut pada kolom konten
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
if(obj.value.items[i].link == "")
var item ="<li>" + obj.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Famatullah83.blogspot.com&num=15&filter=amatullah" type="text/javascript"></script>
<small><div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://amatullah83.blogspot.com/2010/01/cara-memasang-widget-top-komentator.html target="_blank" title="widget top komentator">Add this widget to your blog</a></div></small>

Catatan: Ganti tulisan yang berwarna hijau dengan url blog sobat dan nama author. Dan tulisan yg berwarna merah ganti dengan angka jumlah komentator yang ingin ditampilkan.

Klik save/ simpan dan simpan lagi. Lihat hasil dari widget top komentator yang telah terpasang diblog sobat

Semoga bermanfaat.

Cara Memasang Button Sosial Bookmark di Blog

Blog Tutorial - Kalau Anda ingin blog Anda sukses dan populer, maka buatlah konten menarik di blog Anda dan tentunya selalu updatelah blog Anda itu. Tapi, tidak cukup cuma itu saja. Anda juga harus memasang meta tag yang mujarab beserta keyword yang relevan yang akan sangat membantu sekali di dalam usaha untuk meningkatkan traffic blog Anda.

Selain cara tersebut, ada banyak cara lain juga yang harus Anda lakukan agar blog Anda bisa populer. Salah satu cara yang tidak boleh Anda lewatkan juga adalah peran dari situs-situs sosial bookmark yang saat ini menjadi trend alternatif bagi para blogger untuk mempromosikan blog-blog mereka. Apakah Anda juga tertarik melakukannya seperti mereka? :)

Dengan Anda mensubmit artikel-artikel Anda ke situs-situs sosial bookmark, maka akan kemungkinan blog Anda akan dikunjungi orang. Untuk melakukan itu, Anda harus memerlukan fasilitas cepat dalam mensubmit artikel Anda. Dan salah satunya, Anda harus memasang widget atau button sosial bookmark di blog Anda sendiri.


Untuk memasangnya, caranya cukup mudah, Anda hanya mengikuti petunjuk-petunjuk yang saya berikan di bawah ini!
  1. Login ke Blogger dulu
  2. Pergi ke Tata Letak
  3. Klik Edit HTML, lalu centang Expand Template Widget
  4. Setelah itu, copy paste kode di bawah ini dan letakkan setelah kode <data:post.body/>
<div style='clear:both; '>
<div style='width:60px; float:left;'>
<script type='text/javascript'>
digg_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<div style='width:60px; float:left;'>
<script badgetype='square' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'><data:post.url/></script>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble' src='http://lh4.ggpht.com/_7Y9pl24WpQY/S9xSmUeCjGI/AAAAAAAADpY/PwTpE9ERS0U/stumble_thumb%5B1%5D.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Delicious' src='http://lh3.ggpht.com/_7Y9pl24WpQY/S9xSe2evJhI/AAAAAAAADpI/u2d3FXmIcCQ/delicious_thumb%5B1%5D.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Technorati' src='http://lh5.ggpht.com/_7Y9pl24WpQY/S9xSo_MlhMI/AAAAAAAADpg/iFnP2vmL_D4/technorati_thumb%5B1%5D.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Twitter' src='http://lh4.ggpht.com/_7Y9pl24WpQY/S9xSb_SokmI/AAAAAAAADpA/7BuK9F8-_NY/twitter_thumb%5B1%5D.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Facebook' src='http://lh5.ggpht.com/_7Y9pl24WpQY/S9xSi2qVdTI/AAAAAAAADpQ/mZXQ8JqJlnI/facebook_thumb%5B1%5D.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'> <a expr:href='&quot;http://www.reddit.com/submit?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='http://lh6.ggpht.com/_7Y9pl24WpQY/S9xStOwxCcI/AAAAAAAADpo/2U6vbGMS6GM/Reddit-icon_thumb%5B16%5D.png' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

Setelah itu Simpan Template Anda
    Semoga pembahasan tentang cara memasang button sosial bookmark di blog kali ini bisa membuat blog Anda banyak pengunjung. Dan jika ada yang kurang jelas dan ingin memberikan masukan, silakan cantumkan di kotak komentar. Semoga berhasil! :)

    Terima kasih.

    Sabtu, 09 Oktober 2010

    Cara Memasang Google Translate di Blog

    Blog Tutorial – Pada postingan kali ini, saya akan menulis tentang tutorial cara memasang google translate di blog. Caranya sangat mudah dan sudah banyak dibahas di blog-blog lain, tetapi saya ingin menulisnya kembali untuk para blogger pemula seperti saya ini. Check this out!

    “Google translate! Apakah itu?”

    Bagi blogger pemula yang baru memulai belajar dan membangun blog barunya mungkin belum tahu tentang google translate ini. Google translate merupakan gadget besutan dari google yang fungsinya untuk menterjemahkan bahasa blog kita ke bahasa lain yang diinginkan oleh pembaca blog.

    Seperti contoh misalnya, ketika ada seorang pengunjung blog dari Jepang sedang nyangkut di blog sobat dan ingin membaca artikel di blog sobat, maka dengan fasilitas google translate inilah pengunjung blog itu akan mudah mengetahui dan mengerti isi blog sobat hanya dengan memilih  atau men-translate bahasa yang diinginkan.

    Tanpa kita sadari juga bahwa dengan memasang google translate ini, maka traffic kunjungan blog kita akan meningkat karena isi dari blog kita bisa dibaca oleh pengunjung dari seluruh dunia. Nah, cukup menarik bukan? :)

    Jika sobat merasa tertarik memasangnya, ikuti saja langkah-langkah di bawah ini!

    1.      Kunjungi terlebih dahulu Google Translate, klik disini!

    2.     Jika sudah, pada Select the Language of Your Webpage, ubah ke dalam Bahasa Indonesia jika blog sobat berbahasa Indonesia, begitu juga dengan bahasa yang lain.

    3.      Copy-paste kode HTML yang berada di dalam kotak.

    4.      Setelah itu, tuju ke halaman Layout > Add a Gadget > pilih HTML/JavaScript

    5.      Masukan kode HTML yang telah di-copy tadi ke pilihan HTML/JavaScript

    6.      Setelah itu klik Save


    Cukup mudah sekali bukan caranya? :)

    Nah, cukup sekian dulu ya postingan kali ini tentang cara memasang google translate di blog. Semoga postingan ini cukup bermanfaat bagi sobat blogger sekalian.

    Terima kasih!

    Rabu, 01 September 2010

    Percepat Loading Blog Dengan Compress CSS

    Ada beberapa hal yang mempengaruhi loading suatu blog, selain pemakaian kode HTML dan Javascript yang berlebihan yang tentunya akan membuat loading blog jadi lambat, pengaturan atau pemakaian kode CSS yang salah juga berpengaruh terhadap loading blog.

    Jika anda banyak menggunakan kode HTML atau javascript dan diletakkan di sidebar sebelah kiri, itu akan membuat loading blog terasa sangat berat, kenapa? Karena browser selalu membaca blog berurutan dari kiri atas sampai kiri bawah, kemudian akan berlanjut ke bagian kanan atas sampai kanan bawah, dan bagian footer atau bawah blog tentunya yang akan kebagian terbaca paling akhir.

    Jadi saya sarankan gunakanlah template dengan kolom postingan yang terletak di sebelah kiri, atau jika anda menggunakan sidebar di sebelah kiri, usahakan jangan terlalu banyak memakai kode HTML atau Javascript di sebelah kiri karena akan membuat loading blog jadi sangat berat.

    Berlanjut pada topik utama kita, kompress kode CSS ini bisa kita lakukan secara manual maupun dengan menggunakan tools kompress CSS yang sekarang sudah banyak tersedia di internet. Saya akan berikan contoh kasusnya, perhatikan kode CSS berikut ini!

    a:link {
    color:#006699; text-decoration:none;
    }

    a:visited {
    color:#006699; text-decoration:none;
    }

    a:hover {
    color:#006699; text-decoration:underline;
    }

    #main .post-body a:link {
    color:#006699; text-decoration:underline;
    }

    #main .post-body a:visited {
    color:#006699; text-decoration:underline;
    }

    #main .post-body a:hover {
    color:#006699; text-decoration:none;
    }

    Kode CSS di atas adalah kode standar yang biasa anda jumpai di HTML template, jika saya kompress secara manual maka hasilnya akan seperti dibawah ini.

    a:link,a:visited,#main .post-body a:hover {
    color:#006699;
    text-decoration:none
    }

    a:hover,#main .post-body a:link,#main .post-body a:visited {
    color:#006699;
    text-decoration:underline
    }

    Apa yang membedakan kedua bagian di atas? Jika anda cermat melihat seluruh kode CSS yang paling atas (sebelum saya kompress) bahwa semua bagian dalam kurung {....} yang membedakan hanya dua bagian, yaitu pada penulisan “text-decoration: none” dan “text-decoration: underline”. Pemakaian spasi juga sangat berpengaruh dalam penulisan CSS, jika saya rapatkan maka hasilnya menjadi seperti berikut ini.

    a:link,a:visited,#main .post-body a:hover{color:#006699;text-decoration:none}
    a:hover,#main .post-body a:link,#main .post-body a:visited{color:#006699;text-decoration:underline}

    Untuk mengkompress kode CSS pada template, anda tidak perlu susah payah mengkompress-nya lagi secara manual, karena sekarang sudah banyak tools gratisan yang menyediakan fasilitas kompress CSS. Salah satu yang biasa saya gunakan adalah situs CSS Compressor. Berikut langkah-langkahnya.

    1. Untuk mengkompress CSS-nya silahkan kunjungi situs tersebut.

    1. Kemudian pada halaman depan, ada pilihan jenis kompress dari yang low, standard, high sampai highest, kemudian masukkan kode CSS milik anda ke dalam kotak kosong yang tersedia lalu klik compress.

    1. Maka akan terlihat hasil kompress di bawahnya, seperti pada gambar berikut.

    1. Kemudian klik Select All dan copy semua kode yang sudah di kompress tadi.

    Ada banyak tools lainnya yang bisa anda coba, anda bisa cari di search engine. Ok. Semoga dengan mengompress kode CSS tersebut membuat loading blog anda menjadi lebih cepat.

    Selamat mencoba! :)

    Terima kasih.


    Parse Kode HTML/JavaScript dengan Blogcrowds

    Bagi sobat-sobat yang sudah terbiasa bekerja dengan kode HTML/JavaScript mungkin tidak akan kesulitan dalam hal mengutak-atik kode-kode tersebut di blog. Namun, bagi sobat blogger yang masih awam seperti saya ini dalam dunia pengkodean tentu lain lagi ceritanya.

    Tentunya kita pernah mengalami yang namanya masalah dan kesulitan dalam hal meletakkan ataupun mengedit kode HTML/JavaScript tersebut sehingga tampilan blog kita menjadi error atau kode tersebut tidak berjalan (tidak tereksekusi) sebagaimana mestinya. Atau yang paling parah lagi adalah kode yang kita dapatkan tidak bisa ditambahkan di blog kita (terutama di bagian XML).

    Kalau sudah seperti itu, pusink kan? :(

    Jika kita mengalami kejadian seperti di atas, bisa jadi kita terlebih dahulu harus memparsekan dulu kode HTML/JavaScript tersebut yang hendak kita tambahkan. Lalu bagaimana cara memparsekan HTML/JavaScript tersebut? Caranya terbilang cukup mudah kok, karena kita bisa dengan mudah memanfaatkan berbagai tools-tools gratisan untuk memparsekan kode-kode HTML/JavaScript yang sudah tersedia, semisal Blogcrowds.

    Di Blogcrowds kita dapat dengan mudah memparsekan kode HTML/JavaScript hanya dengan meng-copy paste kode HTML/JavaScript yang hendak kita parsekan, lalu klik Parse. Maka kode pun (yang sudah diparse sebelumnya) siap kita pasang. Untuk menuju ke situs Blogcrowds, sobat bisa langsung saja klik disini!

    Semoga tips singkat mengenai bagaimana cara memparsekan HTML/JavaScript ini bisa bermanfaat buat sobat blogger sekalian. :)

    Selamat mencoba!

    Terima kasih.


    Rabu, 11 Agustus 2010

    Cara Menyembunyikan Widget Buku Tamu Di Blog Anda

    “Bagaimana cara menyembunyikan Buku Tamu?”
    “Apakah bisa?”

    Ya, memang bisa! Semuanya bisa kita lakukan. :)

    “Tapi, bagaimana caranya?”

    Mudah. Simak dan ikuti saja artikel ini! :)

    “Baiklah!”

    Haha.. Sedikit percakapan pendek di atas tadi yang mendeskripsikan apa yang akan dibahas Blog Doodey kali ini! Sebelumnya saya pernah menulis artikel tentang “Cara Memasang Buku Tamu Di Blog”. Jika ada yang belum baca, ayo silakan baca dulu disini ! :)

    Mungkin sebelumnya Anda pernah melihat widget buku tamu yang disembunyikan oleh Admin sebuah blog, yang terkadang ditempatkan di sisi kiri atau di sisi kanan. Lantas, pasti Anda akan segera bertanya, bagaimanakah caranya?

    Nah, untuk kali ini saya akan membagi sedikit tips buat para blogger yang masih bingung tentang cara menyembunyikan widget buku tamu di blog Anda. Baik, ikuti saja langkah-langkah berikut! :)

    1. Seperti biasa, Anda Login dulu ke Blogger
    2. Pilih Layout
    3. Kemudian klik Page Elements
    4. Klik Add a Gadget (boleh di elemen mana saja), lalu pilih HMTL/JavaScript
    5. Lalu copy paste kode di bawah ini dan tempatkan di HTML/JavaScript tersebut

    <style type="text/css">
    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}
    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://i142.photobucket.com/albums/r81/gusdiwanto/tab.png') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    padding:10px;
    }
    </style>
    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="gb">
    <div class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">
    <!-- Ganti ini dengan kode buku tamu kamu -->
    <font size="2"><a href="http://uda-ei.blogspot.com/2009/08/menyembunyikan-buku-tamu-atau-shoutbox.html">Blog Doodey</a>
    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [close]
    </a>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>

    Note:
    Tulisan yang saya beri warna biru, ganti dengan kode buku tamu yang sudah Anda dapatkan dari situs buku tamu yang Anda pakai.
    Anda juga bisa mengatur posisinya. Ubah saja nilai atribut topnya. Kalau mau lebih ke atas sedikit, ubah menjadi 30px atau 20px, terserah Anda juga.

    Sudah ngerti kan caranya? Hehe.. :)

    Semoga tips tentang cara menyembunyikan widget buku tamu di blog Anda ini dapat bermanfaat dan membantu Anda. Jika ada yang ditanyakan dan ingin memberikan saran, silakan cantumkan di kotak komentar! :)

    Terima kasih.

    Cara Mendaftar di Feedburner

    “Apa itu Feedburner?”

    Anda yang belum tahu pasti menanyakan hal seperti itu. Ya iyalah, kita kan masih newbie mas! Hehe.. :)

    Feedburner adalah salah satu situs yang memberikan layanan dalam hal syndikasi atau feed. Menurut berita yang saya baca dari halaman news miliknya feedburner, bahwa sekarang feedburner telah dibeli oleh Google sehingga kita dapat mengalihkan feed blog kita ke feed yang dari feedburner.

    Bagi Anda yang ingin blognya lebih cepat terkenal saya sarankan untuk bergabung dengan feedburner, layanannya ditanggung gratis loh. :) Bagi yang ingin mendaftar tapi belum mengetahui caranya, silahkan ikuti saja langkah-langkah berikut ini! :)

    1. Silahkan kunjungi www.feedburner.com

    1. Klik tulisan Register pada halaman bagian atas

    1. Isi seluruh form yang yang ada
      • Username, isi dengan username yang diinginkan. Contoh: Doodey
      • Password, isi dengan password yang diinginkan. Contoh : doodey
      • Password (again), isikan kembali password yang Anda tulis tadi
      • Email address, isi dengan alamat email Anda
      • Secret Question, isi dengan pertanyaan rahasia yang jawabannya nanti cuma Anda yang tau. Contoh: Siapa nama pacar pertamamu?
      • Secret Answer, isi dengan jawaban yang sesuai dengan pertanyaan di atas. Contoh: Intan

             4.         Klik tombol Sign In

             5.         Jika berhasil, muncul ucapan selamat datang (Welcome) dari feedburner

             6.         Isi kotak di bawah tulisan Burn a feed right this instant dengan alamat blog Anda. Contoh: www.blogdoodey.blogspot.com

             7.         Beri tanda pada radio button yang tersedia, terserah mau pilih yang mana, kemudian klik tombol Next

             8.         Ubah Feed Title dengan Feed Address jika mau diubah, kalo sudah tinggal klik tombol Active Feed

             9.         Ada ucapan Conrats, klik saja langsung tombol Next

           10.       Beri tanda centang pada kotak di samping tulisan Clickthroughs serta I want more! Have FeedBurner stats PRO also track (karena sekarang layanan yang Pro pun sudah gratis karena sudah dibeli oleh Google)

           11.       Klik tombol Next

           12.       Klik tab Optimize

           13.       Silahkan setting yang Anda inginkan, tapi yang paling penting adalah Anda harus mengaftifkan fitur SmartFeed, karena fitur ini berfungsi agar supaya fungsi dari feed kita kompatibel atau klop dengan berbagai feed reader yang ada

           14.       Silahkan klik SmartFeed lalu klik tombol Active

           15.       Klik tab Publicize, silahkan pilih fitur yang Anda inginkan, tapi yang sering di gunakan adalah fitur feedCount, coba klik FeedCount

           16.       Pilih bentuk style dari feedCount, yang biasa atau yang animasi, beri tanda pada radio button di sampingnya

           17.       Klik tombol Active

           18.       Copy kode HTML yang diberikan pada text area, paste pada Notepad untuk nanti dipasang di blog Anda

           19.       Klik Chicklet Chooser untuk memilih berbagai banner atau chicklet

           20.       Beri tanda pada radio button yang terletak di samping chicklet masing-masing, kemudian copy kode HTML yang diberikan yang ada pada text area, kemudian paste pada Notepad. Catatan: Setiap Anda memberi tanda pada radio button masing-masing chicklet, maka secara otomatis kode HTML yang ada di bagian bawah pun akan berubah, jadi kesimpulannya beri tanda radio button lalu copy kode HTML-nya beri tanda lagi lalu copy kodenya lagi

           21.       Klik Pingshot, beri tanda pada kotak di samping Ping-O-matic serta Newsgator, klik menu dropdown yang ada, lalu pilih yang Anda inginkan, klik tombol Add, klik lagi menu dropdownnya bila ingin ditambahkan lagi, klik Add kembali

           22.       Klik tombol Active

           23.       Klik Headline Animator untuk mendapatkan banner animasi

           24.       Klik menu dropdown di bawah tulisan Theme, pilih yang sesuai keinginan (yang paling banyak diminati adalah type classic)

           25.       Klik tombol Active

           26.       Klik menu dropdown di samping tulisan Add to, pilih Blogger blog

           27.       Klik tombol Next

           28.       Setelah muncul window baru, klik tombol Add to Blogger

           29.       Silahkan Sign In dulu ke Blogger

           30.       Pilih blog yang mau dipasang banner animasinya, lalu klik tombol Menambah Widget maka secara otomatis banner animasi akan ditambahkan. Catatan: Cara ini hanya berlaku bagi yang memakai template baru

    31.      Silahkan Sign Out dari situs tersebut

    32.      Selesai.

    Untuk fitur-fitur yang lainnya, silahkan Anda coba-coba saja sendiri karena jika diterangkan semuanya, saya anggap terlalu banyak. Alasan utamanya sich cuma cape ngetiknya aja bro. :)

    Satu yang paling terakhir. Seperti yang saya katakan di atas tadi bahwa sekarang feedburner sudah dibeli sama Google, maka untuk feed blogger bisa dialihkan ke feedburner.

    Caranya seperti ini :

    1. Sig In ke Blogger

    1. Klik menu Pengaturan

    1. Klik Feed Situs

    1. Di sebelah tulisan Ijinkan Feed Blog, pilih yang Penuh

    1. Simpan alamat feed Anda yang dari feedburner tadi pada kotak di samping tulisan Posting URL Pengubahan Arah Feed. Contoh, alamat feed dari feedburner : http://feeds.feedburner.com/Doodey

    1. Bila Anda mempunyai account Google AdSense, Anda bisa menyimpan kode iklan Google AdSense Anda pada kotak di samping tulisan Feed Item Footer

    1. Klik tombol Simpan Pengaturan

    1. Selesai.

    Ok deh, semoga dengan bergabungnya Anda ke feedburner, blog Anda menjadi cepat terkenal dan ramai di kunjungi. Amin! :)

    Selamat mencoba!

    Terima kasih.

    Minggu, 08 Agustus 2010

    Cara Memasang Buku Tamu Di Blog


    Kali ini, blog Doodey akan membahas mengenai bagaimana cara memasang buku tamu di blog. Karena saya rasa memasang buku tamu (guestbook/shoutbox) lumayan penting, karena fungsinya tak lain adalah untuk membangun saran interaksi komunikasi antara pemilik blogger (Admin) dengan pengunjung blog (visitor). Dengan terpasangnya buku tamu di blog Anda, maka pengunjung akan dapat berinteraksi langsung dengan Anda, entah mau menanyakan sesuatu, memberi masukan, berkenalan, atau malah sekedar untuk iseng-iseng saja. :)

    “Bagaimana cara memasangnya?”

    “Bagaimana cara mendapatkannya?”

    Kedua pertanyaan tersebut akan langsgung melintas di pikiran Anda, karena saking semangatnya. Ya, tidak salah memang. Wajar. Bukannya kalian sayang dengan blog Anda sendiri? :)

    Uhh, :( biar gak terlalu lama, saya langsung aja menuju point! :)

    Sebelum Anda memasangnya ke dalam blog Anda, terlebih dahulu Anda harus mencari dan mendapatkan sebuah buku tamu yang akan Anda pasang nantinya. Untuk mendapatkannya sangatlah mudah, Anda tinggal googling aja (mencari di Google maksudnya) :) dengan mengetik kata free shoutbox atau free guestbox. Setelah itu, Anda akan melihat banyak situs-situs yang menyediakan fitur buku tamu. Anda bisa melihat-lihat dan memilihnya sendiri disana. :)

    Biar, gak terlalu lama nyari, saya langsung aja berikan alamat situs web yang menyediakan layanan buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down, yakni www.shoutmix.com. Untuk caranya, ikuti saja langkah yang saya berikan di bawah ini! :)

    1. Seperti biasa, Anda harus mendaftarkan diri Anda terlebih dahulu dengan cara mengklik tulisan Get One New, Free>>, atau dengan mengklik tulisan Sign Up. Lalu, silakan Anda tulis data-data Anda pada form yang telah disediakan
    2. Jika Anda sudah terdaftar dan sudah diterima manjadi anggota Shoutmix, silakan Anda Login dengan ID Anda
    3. Pada kolom yang berjudul Style, klik menu Appearance
    4. Silakan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu Anda, silakan pilih sesuai dengan kesukaan Anda. Jika sudah selesai, klik Save Setting
    5. Untuk mendapatkan kode HMTL dari Shoutbox Anda, silakan klik Use Shoutbox yang berada di bawah menu Quick Start
    6. Klik tulisan Place Shoutbox On Web Page. Isi lebar dan tinggi Shoutbox yang diinginkan
    7. Copy seluruh kode HTML yang ada pade text area yang berada di bawah tulisan Generated Code, lalu simpang di program Notepad Anda
    8. Klik Log Out yang berada di atas layar Anda untuk keluar dari halaman Shoutmix Anda. Silakan close situs tersebut
    9. Selesai.

    Untuk menempatkan kode HTML Shoutbox tadi di blog Anda, silakan ikuti langkah-langkah berikut ini!

    1. Login dulu ke Blogger
    2. Klik menu Layout
    3. Klik Page Element
    4. Klik Add a Page Element
    5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
    6. Tuliskan judul Shoutbox Anda pada form tittle. Misalnya, BUKU TAMU atau GUEST BOOK, atau yang lain sesuai selera Anda
    7. Copy paste seluruh kode HTML yang berada di dalam Notepad tadi
    8. Klik tombol Save Changes
    9. Drag & Drop (geser) elemen yang Anda buat tadi ke tempat dimana yang Anda sukai
    10. Tekan tombol Save
    11. Selesai.

    Sekian pembahasan kali ini tentang cara memasang buku tamu di blog. Jika mungkin ada hal yang perlu ditanyakan dan ingin memberikan saran, tuliskan saja di kotak komentar. Ok.

    Selamat mencoba dan semoga berhasil. :)