Minggu, 23 Desember 2012

Blogspot tutorial

Blogspot tutorial


Cara Analisa Kecepatan Loading Blog

Posted: 21 Jun 2010 05:26 AM PDT

Seperti kita ketahui, performa sebuah blog sangat di tentukan oleh beberapa hal, seperti template yang menarik, isi postingan, dan kecepatan loading blog. Template yang cantik dan isi artikel yang menarik akan menjadi sia-sia jika loading blog sangat lambat. Karena saya sendiri pernah mendapat kritik dari sobat blogger di kotak chat box, yang mengatakan bahwa loading blog saya terlalu berat, "coba anda kurangi java script di blog anda". Sebuah kritik berharga dan sampai sekarang masih saya ingat.

Ada beberapa cara untuk mengurangi loading blog kita, seperti yang pernah saya jelaskan sebelumnya, yaitu dengan kompres css dan menyimpan css di hosting. Dengan meminimalisasi css dan javascript, blog yang tadinya lambat akan berubah menjadi lebih cepat. Dan usahakan untuk menghindari pemakaian javascript di bagian header, karena jika situs dari javascript yang sobat gunakan sedang down, maka loading blog sobat akan menjadi sangat lambat. Karena saya sendiri mengalaminya beberapa hari yang lalu, ketika situs dari script kode iklan yang saya gunakan sedang lambat, sehingga loading blog saya ikut-ikutan jadi lambat.

Dibawah ini ada beberapa tools yang bisa sobat gunakan untuk mengukur kecepatan blog sobat. Pembacaannya berupa angka dari bagian-bagian blog sobat, mulai dari html, html image, css image, javascript, css, multimedia, dll. Semuanya terbaca dalam satuan kb. Bandingkan semua tools dibawah ini, karena setiap tools mempunyai tingkat akurasi yang berbeda-beda.

  1. Website Optimization

    image

  2. Free Speed Test

    image

  3. Aptimize

    image

  4. Tools Pingdom

    image

Empat situs diatas 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 javascript di template sobat.

Cara Pasang IP ADRESS di Blog

Posted: 21 Jun 2010 05:24 AM PDT

Untuk mengetahui Ip Address yang sekarang kita gunakan, sobat bisa mencoba memasang widget Ip Address di blog sobat. Fungsi IP address tentu sobat sudah mengerti dan tidak perlu saya jelaskan. Widget IP address ini sangat menarik, selain bentuknya yang bagus, juga dapat menunjukkan flatform yang kita gunakan (versi windows yang di gunakan), asal negara dan browser yang di gunakan.

Untuk memasangnya sangat mudah, sobat cukup kunjungi situs www.wieistmeineip.de. Pada halaman depan akan ada gambar seperti dibawah ini :

Klik gambar tersebut dan kemudian sobat akan dibawa ke halaman pilihan model IP address beserta kode HTML-nya, contohnya seperti ini :



Copy kode HTML-nya dan masukkan ke blog sobat. Bagi sobat blogger baru yang belum tau cara pasang kode HTML di blog :

  1. Login ke blogger

  2. kemudian klik Tata Letak

  3. Klik Elemen Halaman

  4. Klik Tambah Gadget

  5. Pilih yang HTML/Javascript

  6. Masukkan kode HTML-nya kedalam kolom kosong yang tersedia

  7. Lalu Simpan.

Baiklah, selamat Mencoba ya, semoga berhasil !

Situs Alternatif Penyimpanan Online

Posted: 21 Jun 2010 05:22 AM PDT

Ada pertanyaan dari seorang sobat di kotak komentar pada postingan saya yang berjudul Menyimpan File di Yahoo Geocities, begini kira - kira isi komentarnya "Yahoo giocities dah tutup nih ada saran buat kemana mau dipindahin file2nya???". Karena Geocities tanggal 26 Oktober nanti akan tutup, terlintas di pikiran saya untuk berbagi buat sobat blogger situs alternatif untuk menyimpan data. Ga banyak sih, tapi lumayan cukup bagus kok. Berikut ini beberapa daftar situs penyimpanan online yang bisa sobat coba.

  1. http://www.diino.com



  2. http://www.humyo.com



  3. http://skydrive.live.com



  4. http://www.adrive.com



  5. http://www.idrive.com



  6. https://mozy.com



Hanya enam situs saja yang dapat saya berikan, dan saya tidak akan menjelaskan secara detail berapa GB kapasitas data yang dapat kita upload, karena masing - masing situs di atas mempunyai kapasitas yang berbeda - beda. Untuk lebih jelasnya silahkan langsung kunjungi saja situsnya.

Cara Promosi Blog

Posted: 21 Jun 2010 05:20 AM PDT

Sebelumnya saya sudah pernah membahas bagaimana cara promosi blog ke berbagai situs directory dan melakukan pendaftaran blog ke beberapa mesin pencari. Kali ini sebenarnya hampir sama, tapi saya akan menjelaskan lebih banyak cara promosi blog yang selama ini saya lakukan.

Tips ini saya tulis untuk blogger pemula yang benar - benar peduli untuk meningkatkan SEO di mata mesin pencari seperti Google, Yahoo, MSN, dll. Kenapa saya bilang hanya untuk pemula? karena jika blogger senior membaca postingan ini pasti mereka akan tertawa, basi katanya..

Baiklah, buat blogger pemula..berikut sedikit tips dari saya untuk promosi blog sobat.

**) Promosi Blog lewat situs Social Bookmark.

Situs Social Bookmark adalah tempatnya para blogger pamer blog, mereka para blogger senior pun pasti pernah mendaftar di situs social bookmark. Karena jumlahnya sangat banyak, maka kesempatan blog sobat untuk di baca oleh pengunjung yang juga para blogger semakin kecil. Tapi tidak apa, terus perbanyak postingan dengan content yang menarik dan saran saya lakukan promosi segencar - gencarnya pada blogger lain yang juga terdaftar di situs social bookmark tsb. Menurut sumber dari blogger senior, situs social bookmark ini juga memberikan kita backlink. Berikut beberapa situs social bookmarknya :

  1. http://www.technorati.com
  2. http://www.mybloglog.com
  3. http://digg.com
  4. http://delicious.com
  5. http://www.scribd.com
  6. http://www.stumbleupon.com
  7. http://www.squidoo.com/squidoo
  8. http://www.bibsonomy.org
  9. http://www.propeller.com
  10. http://www.reddit.com
Silahkan daftarkan blog sobat pada situs diatas, semoga blog sobat cepat dikenal dan naik popularitasnya.

**) Daftarkan blog ke situs Article Submission.

Apa itu article submission? dari namanya saja sebenarnya sobat sudah bisa menebak artinya. Situs ini menyediakan tempat untuk para blogger menulis artikel tentang blog mereka. Tidak usah terlalu panjang lebar dalam menginput artikelnya, yang penting isinya dapat diterima dan di mengerti. Situs ini juga bisa memberikan sobat backlink, jika sobat tertarik, berikut ada beberapa situs yang bisa sobat kunjungi :

  1. http://www.ezinearticles.com
  2. http://www.articlebiz.com
  3. http://www.articledashboard.com
  4. http://www.approvedarticles.com
  5. http://www.articletrader.com
  6. http://www.articlecube.com
  7. http://www.a1-articledirectory.com
  8. http://www.earticlesonline.com
  9. http://www.myarticlemall.com
  10. http://www.articlecity.com
Silahkan daftarkan blog sobat pada beberapa situs diatas dan input artikel sobat sesuai dengan tema blog sobat.

**) Ping Service.

Ping service adalah layanan untuk memudahkan kita mengirim update data terbaru blog kita ke beberapa situs dalam satu kali input. Sangat mudah, sekali klik blog sobat langsung terkirim ke banyak situs ternama. Layanan ini bagus dan penggunaanya pun sangat mudah, bisanya yang diperlukan hanya nama blog dan url blog sobat dalam nge-ping. Berikut beberapa layanan ping service favorit saya yang bisa sobat coba :

  1. http://www.mypagerank.net/service_pingservice_index
  2. http://pingomatic.com
  3. http://pingoat.com
  4. http://rpc.weblogs.com
  5. http://autopinger.com
  6. http://pingmyblog.com
  7. http://www.kping.com
  8. http://bitacoras.com/agregador/enviar
  9. http://feedshark.brainbliss.com
Saran saya : lakukan ping setelah sobat update blog, lakukan ping setelah sobat posting artikel terbaru, lakukan ping seperlunya dan jangan terlalu sering melakukan ping karena bisa di anggap spam.

**) Berkomentar pada blog yang dofollow.

Tentu ini merupakan promosi blog yang paling mudah, karena cuman memberi komentar pada blog yang kita kunjungi kita bisa dapat backlink. Cari blog ber PR tinggi, kemudian beri komentar dan jangan terlalu sering karena bisa dianggap spam. Beri komentar yang baik, jangan terlalu banyak mengkritik postingan yang empunya blog, apalagi sampai menghina karena komentar sobat bisa - bisa dihapus dan di blacklist sama yang empunya blog, kan repot sudah capek - capek ngasih komentar di blog yang PR 4 misalnya, tau - tau komentar kita dihapus sama yang empunya blog. Capeee dehh..

**) Tukeran Link / Link Exchange.

Lakukan pertukaran link atau banner dengan blogger lain. Tentunya dengan blog yang sudah punya PR, apalagi PR-nya tinggi. Karena dengan bertukar link atau banner, blog sobat akan ikut terdongkrak posisinya di mata mbah google atau istilah lainnya numpang beken. Jika sobat di acuhkan atau tidak mendapat jawaban dari blogger lain, jangan sakit hati atau marah ! mungkin saja dia lagi sibuk sehingga tidak sempat membaca pesan dari sobat. Dan buat Blogger senior, berbagilah link dengan blogger pemula, memang tidak ada untungnya tuker link dengan blogger baru yang belum punya PR, tapi satu hal yang sobat harus ingat, blog sobat akan sering di kunjungi karena mereka merasa di hargai termasuk saya juga blogger baru.

**) Cari link dari PR tinggi.

Berburu link PR tinggi salah satu cara kita mengetahui jumlah PR pada suatu blog/website. Tidak ada salahnya kita berburu link PR tinggi sekalian tukeran link. Untuk mengetahui nilai link pada sebuah blog sobat bisa menggunakan layanan tools gratis yang di sediakan oleh iwebtools. Caranya sangat mudah :

  1. Login ke iwebtools.

  2. Isi alamat blog yang sobat inginkan

  3. Kemudian contreng radio button pada tulisan Show links with rel="nofollow" dan Show external links.

  4. Kemudian klik tombol Check.



    Sobat bisa lihat hasilnya, nah ada banyak angka - angka pada sisi setiap sidebar atau postingan.



    Sobat bisa lihat daerah mana yang bisa memberikan kita backlink, kemudian lakukan tuker link dengan yang empunya blog. Blog diatas hanya contoh dari blog saya dan saya sengaja tidak memperlihatkan halaman blogroll atau tempat tuker link pada blog saya. Cari hamalan blogroll pada blog yang sobat cari visual pagerank nya untuk melihat link - link dari blogger lain.

Itu saja tips yang saya bisa berikan kali ini, sebenarnya masih ada lagi beberapa tips sederhana cara promosi blog. Tapi nanti saja saya lanjutakan lain kali, Karena terlalu banyak menulis, tangan saya agak sedikit pegal nih..

Semoga tips tadi bermanfaat dan semoga sukses dalam promosi blognya.

Cara Pasang Widget Lintas Berita di Blog

Posted: 21 Jun 2010 05:19 AM PDT

Menanggapi pertanyaan sobat ISS pada postingan widget sharing is sexy yang menanyakan perihal seputar pemasangan widget lintas berita di blog. Kebetulan saya belum pernah membahas masalah ini, dan sebenarnya widget lintas berita ini pernah saya pasang di blog ini karena beberapa hal saya hilangkan. Seperti kita ketahui, lintas berita merupakan situs portal tempat orang mempromosikan web atau blog mereka.

Hampir semua blogger menggunakan fasilitas lintas berita sebagai media untuk promosi blog atau istilah kasarnya menjadi benalu di lintas berita, dengan total ribuan halaman/pages yang terindex di google. Dengan begitu blog kita jadi ikut terkenal dan setidaknya mendapat cipratan traffic dari lintas berita. Untuk mempermudah dalam submit berita atau artikel blog, widget lintas berita ini mungkin bisa menjadi alternatif.

image

Cara pasangnya sangat mudah, coba perhatikan langkah-langkahnya berikut ini.

  • Pada Edit HTML, silahkan klik Expand Template Widget.
  • Letakkan kode css berikut ini diatas kode]]></b:skin>





#lintas-berita {
background:#ECE0F8;
border:1px solid #cccdcd;
margin:15px 0px 10px 0px;
padding:10px;
color:#000;
font-weight:normal;
}

.lintaskiri {
float:left;
margin:0px 15px 0px 0px;
width:380px;
}

.lintaskanan {
text-align:center;
}

# Kemudian letakkan kode berikut setelah kode <data:post.body/>

<div class='clearfix' id='lintas-berita'>
<div class='lintaskiri'>
Jika menurut sobat artikel ini bermanfaat, silahkan vote ke <strong>Lintas Berita</strong> agar artikel ini bisa di baca oleh orang lain.
</div>
<div class='lintaskanan'>
<script type='text/javascript'>lb_skin = &#39;mode2&#39;; </script>
<script src='http://www.lintasberita.com/widget_vote/lintasberita.js' type='text/javascript'/>
<noscript>Powered by www.lintasberita.com visit <a href='http://www.lintasberita.com'>Lintas Berita</a></noscript>
</div>
</div>

  • Simpan Template.

Perhatikan kode css yang berwarna merah, kode tersebut adalah lebar untuk widget sebelah kiri (widget untuk tulisan) harap disesuaikan dengan lebar template. Jika widget lintas berita muncul pada halaman depan blog, maka tambahkan kode

<b:if cond='data:blog.pageType == &quot;item&quot;'>
diantara kode yang berwarna hijau dan tutup dengan kode

</b:if>

selesai...semoga bermanfaat..

Cara Membuat Disable Klik Kanan ( Right Click )

Posted: 21 Jun 2010 05:12 AM PDT

Sudah sering kita jumpai sebuah website atau blog yang menonaktifkan klik kanan atau right click pada halaman blog tersebut. Berarti blog tersebut sangat hati - hati dalam menjaga privasi agar page source tidak dapat di lihat oleh orang lain. Sobat pun bisa membuat blog sobat menjadi disable klik kanan.

Sebuah website atau blog pasti ada yang mengandung konten privasi, seperti gambar yang kiranya sangat riskan untuk di copy oleh orang lain dan untuk keperluan yang bisa sangat merugikan sobat. Untuk itu di perlukan teknik men-disable klik kanan pada blog, maka gambar - gambar yang sangat privasi tidak akan bisa di copy dan di salahgunakan oleh orang lain.

Berikut langkah - langkahnya :
  1. Login ke Blogger dengan ID sobat.

  2. Klik Tata Letak --> Elemen Halaman.

  3. Pilih yang HTML/JavaScript.

  4. Copy kode dibawah ini ke dalam kolom kosong yang tersedia :
<script>
var message="Maaf, Klik Kanan Tidak Diperbolehkan !";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

kemudian Save, dan lihat hasilnya.
Mudah - mudahan dengan disable klik kanan pada blog sobat, gambar atau file privasi milik sobat akan aman dari tangan - tangan orang yang tidak bertanggung jawab.
Oke..selamat mencoba !!

Cara Membuat Label Cloud Berputar

Posted: 21 Jun 2010 05:10 AM PDT

Label adalah pengelompokkan artikel blog dalam satu kategori, dan kemudian biasa di pasang di sidebar atau mungkin di bagian bawah template. Saat ini model atau bentuk label ada 3, label umum atau yang biasa (standard), label cloud, dan label cloud berputar. Yang akan kita bahas sekarang adalah memasang label cloud berputar di blog
Label cloud berputar ini terlihat lebih menarik karena gerakannya yang dinamis sehingga dapat menarik perhatian para pengunjung blog kita dan label cloud ini gerakannya juga mengikuti cursor.

Sebenarnya untuk membuat label cloud berputar ini membutuhkan kode HTML yang lumayan agak panjang dan sobat harus menambahkannya pada template sobat, jadi saran saya nanti sebelum mengedit template, ada baiknya backup terlebih dahulu template sobat.
I. Langkah Pertama
  1. Login ke Blogger dengan ID sobat.

  2. Klik Tata Letak

  3. Klik tab Edit HTML

  4. Download dahulu template sobat dengan mengklik Download Template Lengkap

  5. Kemudian klik button Expand Template Widget dan cari kode yang seperti ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>

6.Copy kode berikut ini setelah kode diatas :

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy
Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Kemudian klik Simpan Template.

Tidak ada komentar:

Posting Komentar