expr:class='"loading" + data:blog.mobileClass'>

Selasa, 24 Januari 2012

Cara membuat efek salju di blogspot

Dari sekian banyak efek-efek pada blog, efek salju di blog merupakan salah satu yang paling diminati para blogger, selain loading yang cepat juga efeknya menyebar keseluruh ruang blog, tampilan blog pun lebih menarik dari sebelumnya. Tapi karena warna salju adalah putih mungkin tidak cocok bagi anda yang mempunyai background blog yang berwarna putih, tentu saja efek salju tidak akan kelihatan dengan sempurna.
Paling cocok bagi anda yang mempunyai background yang gelap, efek salju pun terasa maksimal. Bagaimana bagaimana dengan weblog anda? Mau efek ini?

Berikut ini adalah cara membuat efek hujan salju di blog:
  • Login ke dashboard blogger anda. 
  • Pilih Rancangan > Elemen Halaman > Add gadget (HTML/JavaScript). 
  • Copy script efek hujan salju dibawah ini  dan paste pada gadget
    <script src='http://hbhost.googlecode.com/files/snow.js' type='text/javascript'> </script>
  • Jangan lupa save ya…
Selain efek salju masih banyak efek-efek lainnya yang bisa anda terapkan dalam blog salah satunya adalah efek daun berjatuhan, efek bintang bertaburan pada kursor dengan pilihan warna yang berbeda, InsyaAllah dalam waktu dekat saya akan buat tutorialnya.
Demikian cara membuat efek salju di blog, semoga berhasil.

4 Cara mempercantik blogspot dengan widget


Mempunyai blog yang menarik tentu akan memberikan rasa nyaman bagi pengunjung, dengan menempatkan fitur-fitur khususnya widget yang pas maka akan memberikan lebih pada blogspot anda. Dalam artikel “4 Cara mempercantik blogspot dengan widget” akan saya paparkan 4 kategori widget yang biasa digunakan para blogger dalam mempercantik blognya. 
Widget yang dijelaskan sangat mudah sekali dalam pemasangannya pada blog sobat khususnya yang newbie. (memang artikel ini khusus yang newbie saja..he..)

Mempercantik blogspot dengan Widget Interaksi
Sesuai fungsi dari blog yaitu sarana untuk publikasi catatan harian atau pengalaman, dll, tentu akan sangat menarik apabila publikasi informasi tersebut juga mendukung aspek interaksi antara anda sebagai pemilik blog dengan pengunjung.  Anda bisa mengunjungi situs-situs berikut ini untuk mendapatkannya:
a.    Komentar Shotmix, alamat situs: http://www.shoutmix.com
b.    Komentar Cbox, alamat situs: http://cbox.ws/
 
Memparcantik blogspot dengan Widget Statistik
Widget ini berfungsi untuk mengetahui seberapa banyak pengunjung pada blog anda dan mengetahui peringkat blogspot sobat didunia maya, widgetnya bisa anda dapatkan di:
a.    Statistik Statcounter, alamat situs: http://www.statcounter.com
b.    Alexsa counter, alamat situs: http://www.alexa.com
c.    Google page rank, alamat situs: http://www.prchecker.info/check_page_rank.php
 
Mempercantik blogspot dengan Widget Multi media
Tampilan photo atau gambar tentu akan membuat blog anda menjadi menarik dan interaktif, dengan widget ini anda bisa memamerkan produk-produk anda, widget nya bisa anda dapatkan di:
a.    Menambahkan Flickr Badge, alamat situs:  http://flickr.com/badge.gne
b.    Menggunakan Picknik badge, alamat situs: http://www.picnik.com 

mempercantik blogspot Widget Social Network
Widget ini berfungsi untuk menghubungkan antara blog dengan situs atau jejaring social lain yang anda miliki, seperti Facebook, twiiter, Plurk, Multiply, dll
a.    Memanfaatkan SucioFluid, alamat situs: http://www.sociofluid.com/blogger-widget.php
b.    Facebook Badge, alamat situs: http://www.facebook.com/facebook-widgets/pagebadges.php
c.    Facebook Like, alamat situs: http://developers.facebook.com/docs/reference/plugins/like-box/

Demikian 4 widget cara mempercantik blogspot anda, silahkan berekspresi…

Membuat header blog dengan gambar

Membuat header blog dengan gambar- Header pada sebuah situs baik itu berjenis blog atau website di ibaratkan wajah pada manusia. ketika seorang pengunjung yang masuk ke sebuah blog maka yang pertama kali dilihat adalah Header. Oleh karena itu elemen ini merupakan bagian yang cukup penting dari keseluruhan blog. Apabila tampilan header blog anda kurang menarik atau malah terkesan acak-acakan, maka kemungkinan kecil pengunjung akan betah/simpati terhadap blog anda. Tampilan Header para blogger di blogspot bermacam-macam, ada yang menggunakan header...
apa adanya (default), ada juga dengan memakai gambar yang sudah didesign sebelumnya. Itu tergantung selera anda.

Nah, kali ini saya akan membahas bagaimana cara membuat header blog dengan gambar, caranya adalah:
  1. Log in ke blogger > Rancangan> elemen laman
  2. Pada elemen Header klik link EDIT 
  3. Pada jendela konfigurasi Header terdapat row isian untuk: Judul blog, Deskripsi blog, Gambar, dan penempatan gambar 
  4. Isi Judul blog dan deskripsi blog, jangan lupa judul dan deskripsi anda ter muat keyword utama dari blog anda. 
  5. Pada bagian gambar pilih Browse mengupload gambar Header dari komputer anda 
  6. Untuk menghasilkan gambar yang sesuai dengan tampilan template blogger anda aktifkan tanda periksa Susut kan agar sesuai 
  7. Atur lah posisi gambar dengan memilih posisi penempatan sesuai dengan keinginan anda, ada tiga opsi penempatan, yaitu Di balik judul dan keterangan, selain judul dan keterangan, dan Tempatkan keterangan setelah gambar. Karena kali ini kita akan menjadikan gambar diletakkan di depan judul blog dan deskripsi dan tertutup oleh gambar,  maka aktifkan pilihan kepada “selain judul dan keterangan”. 
  8. Selain mengambil gambar pada komputer, anda juga bisa mengambil gambar secara link, dan anda bisa memanfaatkan media hosting save dan share salah satunya adalah: http://imageshack.us/
Demikian cara membuat header blog dengan gambar, semoga dengan gambar yang sudah anda persiapkan sebelumnya menjadikan blog anda tambah menarik dan bikin nyaman bagi pengunjung anda.

Cara membuat Energy Saving Mode pada blogspot

0
Trik blogger kali ini cukup menarik, dan mudah sekali untuk di implementasi kan yaitu: Cara membuat Energy Saving Mode pada blogspot, sesuai arti dari bahasa inggris nya, Energy saving mode berguna untuk menghemat penggunaan energy (listrik), pada jangka waktu tertentu ketika blog anda tidak ada aktivitas maka layar PC/ blog anda akan blank/gambar hitam polos. Bagaimana mau coba? Ikuti langkahnya berikut ini:

  • Log in ke blogger anda 
  • Pada halaman dashboard > rancangan >Edit HTML 
  • Centang Expand Template Widget 
  • Cari kode </head> tag, gunakan fasilitas pencarian dengan menekan tombol F3 
  • Copy kode dibawah dan pasang sebelum kode </head>
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
  • Simpan pekerjaan anda atau Save template 
  • Kalau sudah tersimpan, kembali lagi kehalaman Dashboard anda 
  • Setelah klik Rancangan > Design --&-- Page Elements. 
  • Klik “tambah Gadget” pada salah satu sidebar. 
  • Pilih ‘HTML/Javascript” dan tambahkan kode dibawah:
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script>
Keterangan:
Ganti yang ditandai biru yaitu ?time=120 dengan waktu yang sesuai dengan keinginan anda, 120 berarti setelah 120 seconds atau 2 menit, tanpa aktivitas di blog anda, Energy saving mode akan bekerja.
Menarik bukan? Bagaimana dengan blog anda? Sudah terpasang Energy Saving Mode? - Cara membuat Energy Saving Mode pada blogspot-close-

Cara membuat buku tamu di blogspot

1
Cara membuat buku tamu di blogspot kali ini dengan cara disembunyikan atau hidden alias tidak ditampakkan yang biasanya berada pada side bar sebuah blog. Bingung? Contohnya pada blog jasa pembuatan blog saya ini, sobat bisa lihat di samping kanan blog dan silahkan lihat dan coba bagaimana cara kerjanya.


Buku tamu pada sebuah blogger sebenarnya bukan sesuatu yang wajib dipasang, tapi pastinya kita akan mendapatkan keuntungan apabila kita memasang buku tamu di blogspot yaitu selain mempermanis blog juga sebagai sarana komunikasi dengan sapa-menyapa antara pengunjung dengan admin

cara membuat buku tamu di blogspot, sobat bisa memanfaatkan situs-situs penyedia buku tamu gratis yang mudah sobat dapatkan di internet, salah satunya adalah www.cbox.ws .
Silahkan sobat kunjungi dahulu situs tersebut, mendaftar kemudian ambil kode scriptnya yang nantinya akan dipasang kan ke dalam blog sobat.
Setelah sobat mengcopy kode script buku tamunya, maka sobat masuk ke blog sobat lalu log in > klik rancangan > elemen laman > tambah Gadget > html/javascript, dan masukan kode di bawah ini:

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Yoe3zpKlDTHIt0Ew5ZTef9yzaOK_DJo_U2SmN0tRFbsUGKjVBf4a6fZEHu49G7oP469yyJqcLtRZy33ymS9OoZyEHGZQC-1OCM02DMWqz_l_5XXNgNSbMGC6M32SXV5fTR-BmRFUvCk/s1600/bukutamu.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">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini

<div style="text-align:right">
<a href="http://jasapembuatanblog-murah.blogspot.com/">[KangRoes]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Apabila sudah di paste jangan lupa di simpan “save” pekerjaan sobat. Dan lihat hasilnya.
Bagaimana mudah bukan “Cara membuat buku tamu di blogspot”? Selamat mencoba..

Minggu, 22 Januari 2012

Cara Membuat Kue Keranjang Spesial Imlek


Resep Kue Keranjang Enak Khas Cina Tionghoa untuk Tahun Baru China yaitu Imlek. Kue keranjang (sering disingkat Kue ranjang) yang disebut juga sebagai Nian Gao atau dalam dialek Hokkian Tii Kwee, yang mendapat nama dari wadah cetaknya yang berbentuk keranjang, adalah kue yang terbuat dari tepung ketan dan gula, serta mempunyai tekstur yang kenyal dan lengket semakin disimpan lama semakin padat dan keras. Kue mirip dodol ini merupakan salah satu kue khas perayaan tahun baru Imlek, walaupun tidak di Beijing pada suatu saat. Kue keranjang ini mulai dipergunakan sebagai sesaji pada upacara sembahyang leluhur, enam hari menjelang tahun baru Imlek (Jie Sie Siang Ang), dan puncaknya pada malam menjelang tahun baru Imlek. Sebagai sesaji, kue ini biasanya tidak dimakan sampai Cap Go Meh (malam ke-15 setelah Imlek).

Pada awalnya kue ini ditujukan sebagai hidangan untuk menyenangkan dewa Tungku agar membawa laporan yang menyenangkan kepada raja Surga (Yu Huang Da Di). Selain itu, bentuknya yang bulat bermakna agar keluarga yang merayakan Imlek tersebut dapat terus bersatu, rukun dan bulat tekad dalam menghadapi tahun yang akan datang .

Kue keranjang diproduksi di banyak kota, Namun yang terkenal adalah di Tangerang, Palembang, Bogor, Bandung, Surabaya, Medan dan Yogyakarta (Jogja YK) dimana banyak orang Tiong Hoa nya. Baik di produksi secara masal maupun home industri skala kecil.

Bahan dasar resep kue keranjang :

Bahan :
  • Tepung ketan dan gula pasir
Cara Membuat Kue Keranjang Enak :
  1. Tepung ketan dibuat sendiri dari beras ketan yang ditumbuk. Agar hasil kue betul-betul halus.
  2. Setelah ditumbuk tepung diayak sambil diangin-anginkan.
  3. Adapun gula pasirnya dibuat sirup terlebih dahulu.
  4. Kemudian tepung dan sirup gula tadi diuleni (diaduk) dan didiamkan selama 10 hari.
  5. Setelah melewati proses itu, adonan ditambah lagi dengan sirup hingga menjadi cair. Dari sini, proses pembuatan memasuki pencetakan.
  6. Keranjang-keranjang bulat bergaris tengah 8 – 10 cm disiapkan dan dialasi daun pisang yang sudah digarang terlebih dulu.
  7. Keranjang-keranjang berisi adonan ini lalu ditata di dalam dandang khusus untuk diuapi selama 9 jam.
  8. Kue dibungkus pada bagian atasnya. Pembungkusnya ada yang dari daun pisang atau bahan plastik.
  9. Dengan penyimpanan yang baik dan bungkus tidak sobek, kue keranjang dapat bertahan enam bulan sampai satu tahun. Kualitasnya pun tetap baik.
Cara Membuat kue keranjang memang sangat sulit membutuhkan ketelitian dan ketelatenan, dan anda yang tidak bisa membuatnya, Anda bisa membeli kue keranjang yang sudah jadi di Super Market atau di Toko Kue Cina. Untuk mengolah atau memasak kue keranjang ini ada 4 resep pilihan, kalau Saya biasanya potong - potong langsung Goreng aja di wajan berisi minyak goreng panas. pilih salah satu menurut selera anda, untuk resep kue keranjang enak anda bisa lihat di bawah ini :

Resep kue keranjang 1 :
  • Pilih Kue Keranjang yang agak keras
  • Kue dan ubi / talas diiris seang
  • Kue dijepit ditengah dengan ubi / talas, lalu dicelup adonan tepung terigu
  • Kemudian digoreng dengan matang
Resep kue keranjang 2 :
  • Kue Keranjang dipilih yang agak keras
  • Kue diiris tipis
  • Lalu dibungkus dengan daun pisang dan diisi dengan 2 sendok makan santan & daun pandan
  • Dikukus hingga kue lunak dan wangi
Resep kue keranjang 3 :
  • Kue Keranjang yang keras diiris sedang
  • Kemudian dicelup dengan adonan telur dan tepung terigu
  • Digoreng dengan menggunakan sedikit minyak hingga matang
Resep kue keranjang 4 :
  • Kue Keranjang dikukus hingga lunak
  • Siapkan kelapa yang sudah diparut
  • Ambil Kue Keranjang satu per satu, campurkan dengan parutan kelapa
  • Tambahkan garam jika perlu
Selamat Hari Raya IMLEK Tahun Baru Cina Gong Xi Fa Chai. Jangan Lupa kirim - kirim SMS Ucapan Imlek.

Ucapan Imlek 2012 | SMS Imlek 2012 Terbaru

Tidak lama lagi kita akan merayakan tahun baru cina 2012 atau yang sering disebut imlek 2012. Bagi beberapa orang keturunan thionghua pastilah merayakannya dangan sembahyang di klenteng maupun berkumpul-kumpul dengan keluarga besar untuk saling mengucapkan “GONG XI FAT CAI”. Tahun baru china 2012 yang dilambangkan dengan tahun liong atau tahun naga naga air ini memang menjadikan beberapa masyarakat was-was akan ramalan tahun 2012 shio liong yang dapat dilihat pada postingan saya sebelumnya. Tapi jangan kuatir itu hanya ramalan saja toh kita belum mengetahui aslinya.

Bagi yang merayakan imlek 2012 hendaknya kita saling mengucapan ucapan imlek 2012 maupun sms imlek 2012 yang akan jatuh pada tanggal 22 januari 2012 ini. nah, bagi yang akan merayakannya maupun yang akan berkirim-kirim pesan sms imlek 2012 silahkan anda melihat koleksi saya dibawah ini:

• Gong Xi Fat Cai 2563! Göng Göng Xi Fät Fät Chäi Chäi XIN NIAN KUAI LE Gong Xie! Fat! ” Chai ” Sin Nie Chin Phu” “Wan Se Ju Ie” “Sen Thie Chien Kang” Selamat tahun baru Imlek 2563.
• Happy Chinese New Year. May better luck come into us in this new year. Gong xi. Gong xi. Gong xi fa cai.
• Gong Xie Fat Cai,may GOOD HEALTH, PEACE, PROSPERITY,HAPPINESS and LONGETIVITY be with you and great SUCCESS in making BETTER & GREATER THINGS HAPPEN!
• Gong Xi Fat Cai !! Xin Nian Kuai Le.Zhù Ni Shenti Jiànkäng, Quanjiä Xingfu,Wànshì Ruyì Gong Xi..! Gong Xi..! Xin Nian Kuai Le, Wan Shi Ru Yi!
• Göng Göng Xi Fät Fät Chäi Chäi… XIN NIAN KUAI LE’ Gong Xi Fa Cai. Wishing you a prosperous year, great health and happiness for you and family.
• Gong Xi Fat Cai – Wan Se Ru Yi, Sen Thi Cien Khang. Semoga senantiasa diberi kesehatan, damai sejahtera dalam rumah tangga dan kesuksesan.
• “GONG XI FAT CAI” 2563. Semoga Imlek membawa rejeki yang berlimpah dan kesehatan buat kita semua.
• Gong Xi Fa Cai !! Xin Nian Kuai Le.Zhù Ni Shenti Jiànkäng, Quanjiä Xingfu,Wànshì Ruyì
• Gong Xi Fa Cai! Wishing You Abundance of Good Health, Wealth and Happiness in This New Year!
• Gong Xi..! Gong Xi..! Xin Nian Kuai Le, Wan Shi Ru Yi! Gong Xi Fa Cai! May GoD BLees our faMily.
• GONG XI FA CAI ! Wishing you a wonderful and prosperous new year with lots of happiness.

Oke semoga koleksi ucapan imlek 2012 dari saya bermanfaat bagi anda....

Cara Membuat Daftar Isi (Sitemap) di Blogger/Blogspot

Daftar Isi (Table of Contents) sering pula di sebut sebagai sitemap (peta situs) karena isinya digenerasikan (generated) dari url sitemap feed. Jika sitemap blog di search engine berfungsi sebagai alat untuk mempermudah pemetaan isi blog/website oleh search engine, maka sitemap yang ini berfungsi sebagai alat navigasi dan pemetaan bagi pengunjung/visitor untuk melihat seluruh isi konten atau artikel blog/website dalam satu halaman khusus. Tentunya ini sangat menguntungkan pengunjung dan juga pemilik blog/website dalam usaha meningkatkan jumlah pageview.

Daftar isi kali ini dibuat dengan aturan javascript yang file-nya sudah saya upload dan dapat langsung digunakan. Isi yang ditampilkan dibagi berdasarkan label, sehingga perlu digarisbawahi bahwa setiap posting  harus memiliki label. Tanpa label, posting tidak akan termuat di daftar isi. Simak cara membuat label blogger bagi yg belum mengetahui cara buat label..
Cara membuat daftar isi/sitemap blog di blogger/blogspot:
1. Buat sebuah halaman posting baru, sebaiknya halaman statis (static page).
Dashboard > New Post/Edit Post > Edit Pages > Create New Page
2. Beri judul sesuka anda, misalnya: "Daftar Isi", "Table of Content", "Sitemap Blog", dan lain lain.
3. Pada bagian kanan kotak posting klik "Edit HTML".
4. Masukkan script berikut:
<script src="http://yourjavascript.com/18113981113/bukarahasiablog-toc.js">
</script>
<script src="http://buka-rahasia.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
Ganti http://buka-rahasia.blogspot.com dengan url blog/website anda.
5. Jika ingin melihat hasilnya klik "preview/pratinjau".
6. Publish post.
7. Pasang link halaman tersebut ke link list blog, menu, atau di tempat yang diinginkan.
8. Done!
---------------------------------------------------------------
Update:
Buat @Idnay yg komentar dibawah minta tulisan "new" berwarna putih, saya sudah buatkan scriptnya:
ganti: http://yourjavascript.com/18113981113/bukarahasiablog-toc.js
dengan: http://yourjavascript.com/111006011142/bukarahasiablog-toc-putih.js
---------------------------------------------------------------

You now already got a sitemap/table of content page for your blog visitors!

Cara Membuat & Memasang Tanda Tangan di Blog

DI BLOG (BLOGGER), kita dapat membubuhkan tanda tangan (signature) sebagai sebagai identitas penulis blog (blog author). Dengan adanya tanda tangan ini, posting-posting blog terasa lebih khusus, karena memiliki tanda tangan sang penulis blog yg unik. Sobat Blogger bisa membuat dan memasangnya di blog Blogger dengan mudah. Kehadiran online signature maker memberikan kemudahan untuk membuat tampilan tanda tangan tersebut. Selain untuk digunakan di email, gambar tanda tangan ini bisa digunakan pula di blog sebagai blog author signature.

Cara Membuat Gambar Tanda Tangan Secara Online

Untuk membuat tanda tangan dengan online tool, saya memilih menggunakan MyLiveSignature, sehingga tutorial ini akan mengetengahkan langkah-langkah membuat signature dengan online tool tersebut.
1. Masuk ke mylivesignature.com.
2. Ada beberapa opsi disana, jika ingin membuat tanda tangan tanpa register, klik "Proceed". Jika ingin daftar, klik "register"
3. Setelah klik proceed, anda akan masuk ke halaman opsi jenis signature yang akan dibuat. Ada 4 cara membuat signature: dengan wizard, dengan menulis sendiri di screen tool, upload gambar yang di-scan, atau menggunakan font. sendiri. Saya sarankan untuk membuat dengan wizard (pilih opsi pertama), karena cara itu lebih mudah.
4. Tuliskan nama anda atau nama yg ingin dibuat sebagai tanda tangan. Klik 'next step'.

5. Langkah selanjutnya adalah memilih jenis font tanda tangan. Ada banyak jenis font dan langsung bisa dilihat melalui preview. Pilih font yang diinginkan dengan klik opsi di sebelah preview. Setelah itu 'klik next'.
6. Pilih warna tanda tangan dan background. Sesuaikan background dengan background halaman blog, atau pilih/centang "transparent".
7. Setelah gambar jadi, anda akan dibawa ke halaman hasil akhir gambar. Di halaman tersebut terdapat gambar tanda tangan/signature dan di bwahnya tertera ID dari tanda tangan tersebut. SImpan ID jika dibutuhkan kembali di kemudian hari. Untuk menyimpan gambar, klik kanan, lalu pilih 'save as' atau 'save image as'

Cara Memasang Tanda Tangan di Bawah Posting Blog

1. Pastikan terlebih dahulu gambar tandatangan tadi telah di upload. Kemudian simpan direct url dari gambar tersebut.
2. Untuk menampilkan gambar di bawah posting kita bisa menggunakan dua cara:
  a. Dengan memasukkan html gambar di fitur blogger untuk menyisipkan widget di posting:
Dari Setting > Formatting > Lihat ke bagian kosong di sebelah kanan Post template di bagian bawah halaman.
Isikan script image ke dalamnya:
< img border="0" src="urlgambartandatangan.jpg" />
Ganti urlgambartandatangan.jpg dengan url gambar tandatangan sobat.
Kelemahan dari cara ini adalah susunan struktur pada badan post kadang-kadang bisa kacau, dan membutuhkan waktu load yang lebih lama

b. Dengan memasukkan gambar di bagian template HTML melalui Edit HTML Blogger:
Melalui Edit HTML, sobat dapat memasukkan script secara lebih leluasa dan juga dapat menambahkan aturan-aturan tertentu agar struktur tampilan lebih sempurna.
- Di beberapa tutorial, saya melihat script yang dimasukkan hanya dalam bentuk HTML gambar seperti ini:
< img border="0" src="urlgambartandatangan.jpg" />
Namun, jika hanya dengan HTML gambar, struktur gambar menjadi tidak independen karena dia mengikuti aturan (div) pada tulisan di atasnya (tulisan posting di bagian akhir/bawah). Sehingga kadang-kadang gambar betubrukan dengan tulisan atau bergeser.
- Untuk membuat gambar berstruktur independen maka tambahkan struktur sendiri pada tag gambar:
<div>< img border='0' src='urlgambartandatangan.jpg' /></div>
Dengan cara ini, gambar dapat berada di baris selanjutnya di bawah tulisan posting.
- Agar gambar bisa diatur posisinya, akhirnya gunakan aturan berikut:
<div style='padding:5px;float:right'>< img border="0" src='urlgambartandatangan.jpg' /></div>
- right akan menampilkan gambar di sisi kanan, ganti dengan left jika ingin gambar berada di sebelah kiri.Ganti urlgambartandatangan.jpg dengan url gambar tandatangan yg telah di-upload.
- Setelah selesai mengedit script, masuk ke dahsboard > design > Edit HTML.
- Jangan lupa centang "Expand Widget Templates"
- Cari <data:post.body/>
- Letakkan kode yang telah diedit tadi tepat di BAWAH-nya.
- Save Template.

Note: Jika blog telah menggunakan fitur auto readmore, ada lebih dari satu <data:post.body/>, letakkan kode tanda tangan di bawah <data:post.body/> yg kedua.

Cara Mendaftarkan Blog ke Alexa (Step by Step Tutorial)



daftarkan blog di alexa - widget alexa rank
Posting ini merupakan tutorial cara/langkah-langkah mendaftarkan blog/website di Alexa. Mendaftarkan blog di Alexa merupakan salah satu cara untuk mendapatkan audit dasar untuk mengetahui perkembangan traffic blog/website. Untuk informasi lengkapnya silakan simak "Apa itu Alexa?" Baru memiliki blog ataupun memiliki rank alexa yang masih rendah bukan masalah. Justru, hal itu akan memberikan gambaran tentang kualitas blog anda dan memacu anda lebih bersemangat lagi. Betul?
Berikut langkah-langkah pendaftaran blog/website di Alexa secara detail:
1. Masuk ke Alexa.com.
2. Kemudian pilih tab 'Site Tools'.
3. Klik 'Claim Your Site'.
4. Masukkan url blog/website anda, kemudian klik 'Claim your site'.
5. Daftar terlebih dahulu untuk login, atau untuk praktisnya bisa langsung login dengan account Facebook yang terletak di sebelah kanan form login.

 6. Kemudian masuk ke halaman verifikasi. Terdapat dua cara, yaitu dengan mengupload HTML ke direktori root blog (ini jika anda punya hosting sendiri) atau masukkan meta key Alexa yang terdapat pada opsi kedua. Gunakan opsi kedua agar lebih cepar dan mudah. Caranya: copy meta key-nya dan paste di template HTML anda. Letakkan di antara <head> dan </head>, agar cepat termuat letakkan di bagian atas (dekat <head>) setelah meta keyword dan meta description blog anda. Kemudian save template.


7. Kembali ke halaman Alexa tadi dan klik 'Verify my meta tag'. Jika berhasil akan ada informasi yang menunjukkan bahwa anda telah berhasil meng-klaim blog anda.
8. Dapatkan widget Alexa untuk dipasang. Masuk ke 'Site Tools' lagi dan pilih 'Alexa Site Widgets'. 
 9. Ada beberapa jenis widget disana, anda tinggal memilih mana yang mau anda pasang di blog, masukkan url blog, dan copy kodenya.
10. Masuk ke halaman design >> page elements, klik add gadget,  dan pilih add HTML/Javascript, paste kode ke dalam kolomnya, dan save. Letakkan di sisi halaman yang diinginkan, lalu save lagi.
You're done!
Setelah selesai, anda dapat memantau rank/peringkat secara langsung dari widget Alexa di blog dan juga melakukan cara meningkatkan rank/peringkat Alexa blog.

-----------------------------------------
Important!
Tidak semua subdomain bisa memiliki Alexa rank independen karena memang tidak dibuat sebagai struktur terpisah dari domain induk. Contoh-contoh blog dengan subdomain independen adalah blogger.com, wordpress.com, blog.com, dan lain-lain. Jika anda menggunakan subdomain seperti yg telah disebutkan, anda dapat menggunakan layanan Alexa.
Sedangkan blog-blog dengan subdomain non independen serta bergantung pada domain induk adalah mywapblog.com, multiply.com, dll. Subdomain berjenis seperti yg terakhir memiliki ranking traffic (alexa) yg menginduk pada subdomain, sehingga semua blog akan memiliki alexa rank yg sama. SO, untuk pengguna beberapa layanan blog seperti itu serta masih menggunakan subdomain, saya sarankan tidak perlu mendaftarkan dan memasang widget Alexa. Mengapa? Karena ranking serta detail yg muncul adalah milik domain induk dan bukan milik blog.

Cara Memodifikasi Tampilan Link di Blogger/Blogspot

Tips-tricks Blogger kembali lagi membahas tentang mengedit tampilan link di template Blogger/Blogspot. Kali ini diupayakan secara lengkap dan esensial agar nanti sobat dapat mengutak-atik bagian tampilan link secara mandiri.

Bagian CSS yang memberi aturan pada link ada 4 jenis:
1. a : tampilan dasar suatu link
2. a:hover: tampilan link ketika mouse berada di atas link (mouse hovering)
3. a:visited: tampilan link setelah di-click atau ketika halaman link tersebut telah dibuka.
 4. a:active: tampilan link ketika di-click ( ketika halaman baru belum terbuka secara sempurna)

Sedangkan style text CSS memiliki beberapa jenis:
1. color: warna link, valuenya berupa warna hexadesimal, RGB, maupun color name.
2. Text decoration: hiasan pada link, berupa underline (garis bawah, ini bawaan secara default), none (tanpa hiasan), overline (garis di atas) dan blink (berkedip)
3. Font-size: ukuran teks, biasanya dalam pixel (px), em, persen (%), dll.
4. dan masih banyak lagi jenis text-style yang lainnya, sobat nantinya silahkan mempelajari sendiri cara-cara memodifikasi tampilan teks dengan CSS.

Nah, setelah mengetahui beberapa properti style CSS pada link, untuk mengubah tampilan default link pada blog, silahkan lihat pada template Blogger/Blogspot sobat (lihat melalui edit HTML), kemudian cari aturan CSS yang mengatur link, yaitu a, a hover, .... dan seterusnya.

Clue: aturan CSS terletak di antara <b:skin><![CDATA[ dan ]]></b:skin>, aturan link berada di bagian awal, biasanya setelah variable dan setelah body {...}

Contoh aturannya seperti ini (namun tidak sama persis tergantung aturan CSS teks-nya):
a {color: #1C4991; text-decoration: none;}
a:hover {color: #f2984c; text-decoration: underline;}
a:visited {color: 1C4991; text-decoration:none;}
Pada bagian berwarna biru itulah sobat bisa memodifikasi tampilan link, baik tampilan awal link (a), ketika mouse di-hover di atas link (a:hover), dan ketika link telah di klik/dikunjungi (a:visited). Ingat, tampilan dasar link selalu bergaris bawah, maka untuk menghilangkan garis bawah (underline) link pada tampilan link dasar maupun ketika di-hover, harus ditambahkan text-decoration: none. Sedangkan untuk warna, sobat bisa pula mengganti value warna di link di tempate sobat dengan mengganti kode di belakang color: dengan kode warna lain yang diinginkan. Untuk mengetahui kode-kode warna, gunakan Hex Color Code Chart Generator.

Jika ingin menambahkan aturan link lain yang belum ada di template sobat, misalnya belum ada a:hover, maka tinggal ditambahkan saja, dengan catatan urutannya harus seperti ini:
1. a {aturan css text styling}
2. a:hover {aturan css text styling}
3. a:visited {aturan css text styling}
4. a:active {aturan css text styling}
Keempatnya harus memiliki unrutan seperti itu, jadi tidak boleh terbalik-balik, kecuali jika salah satunya tidak ada, boleh langsung melompat ke aturan link lain.

Jika ingin mengubah tampilan link secara individual dan berbeda dari aturan default link yang mengikuti aturan template, sobat bisa langsung memasukkan perintah CSS text-style ke dalam link yang ingin diberi tampilan berbeda (style="....."), misalnya:
<a  href="http://buka rahasia.blogspot .com" style="color:#FF9900;text-decoration:blink;font-size:24px">tips-tricks blogger</a>
Maka hasilnya akan seperti ini:


(Note: Penggunaan text decoration berjenis blink di atas hanyalah untuk contoh, perhatikan benar-benar penggunaan text decoration seperti ini karena dapat membuat mata lelah dan sakit. Ga percaya? Silahkan dilihat terus link di atas dalam waktu 2 atau 3 menit. Hehe... Padu padankan warna, ukuran, serta urgensi/kepentingan penggunaannya sehingga benar-benar pas dan tidak berlebihan).

Nah, sekarang jika sobat ingin mengutak-atik tampilan link blog silahkan dicoba dengan memperhatikan aturan-aturan CSS dan cara di atas. Yang penting, utak-atik, coba terus, belajar dan belajar! Good luck!

8 Hal Yang Harus Dihindari Dalam Blogging


bad blogging
Mungkin, jika dipikir-pikir, mengapa pula harus ada hal-hal yang harus dihindari dalam ngeblog? Mau apa saja terserah yang punya blog, kan. Namun, jika disadari, blogging bukan hanya sebuah kegiatan individual. Blogging tetaplah sebuah aktivitas yang bersinggungan dengan banyak orang, terutama pengunjung dan teman sesama blogger. Selain sebagai sebuah proses kreatif menulis dan memanage blog, seorang blogger punya dimensi sosial yang amat luas (social networking). Dan pastinya, anda juga menginginkan blog anda dikunjungi banyak orang, memiliki pageview yang banyak, tulisan yang dihargai, dan ada pula yang menginginkan penghasilan yang melimpah.

Apapun motivasinya, banyak hal yang harus kita kedepankan untuk memiliki blog yang bagus. Pada postingan terdahulu, saya pernah menyampaikan tentang Tips Blogging yang Tidak Wajib Dipatuhi. Nah kali ini saya akan memberikan sudut pandang lain mengenai hal-hal yang perlu dihindari dalam blogging. Apa saja yang perlu dihindari dan tidak perlu dilakukan? Let's see:

1. Nge-blog tanpa rencana (planning)
Sebuah rencana sangat penting untuk segala kegiatan dan pekerjaan, termasuk dalam blogging. Rencana disini bukan berarti sesuatu yang harus kompleks, akan tetapi lebih kepada susunan awal mengenai apa yang dilakukan ketika akan ngeblog, apa yang akan ditulis, apa yang akan disuguhkan kepada pembaca, apa tujuan dari artikel dan seterusnya hingga tujuan dari blog yang dibuat itu sendiri. Planning atau rencana akan menentukan banyak tahapan langkah selanjutnya ketika ngeblog dan membawa konsistensi dan semangat yang kuat. Buatlah rencana sesederhana apapun itu.

2. Menulis blog tanpa semangat dan tanpa menggunakan hati
Menulis artikel adalah suatu kegiatan yang menyenangkan apabila dilakukan dengan tulus. Seperti halnya anda menulis di buku diary, menulis blog merupakan sebuah kreativitas yang yang tidak bisa mengesampingkan hati. Perasaan ketika menulis, emosi yang disampaikan, dan dipadu dengan kekuatan otak akan menghasilkan tulisan yang benar-benar berbicara dan bukan hanya nampak sebagai tulisan, di situlah semangat akan muncul. Menuliskan apa yang dipahami dan merupakan kegemaran akan nampak lebih hidup dan dapat ditulis dengan cepat daripada tulisan yang hanya ditulis karena tuntutan mengisi dan menambah artikel blog.

3. Blogging tanpa bersosialisasi (social networking)
Blogging tidak hanya melulu kegiatan yang berfokus pada menulis di blog tanpa keluar dari "tempurung. Blogging dikenal sebagai salah satu sarana sosialisasi di dunia maya. Sosialisasi ini seperti layaknya jika kita membangun persahabatan di dunia nyata. Kita dapat bermain bersama, berdiskusi, berkomentar, bahkan mungkin juga berdebat untuk mencari suatu jalan keluar. Aktiflah berkomentar di blog lain, mengikuti forum-forum, direktori, social bookmark, komunitas-komunitas blogging dan social network lainnya. Tujuannya bukan untuk membuat eksklusivitas, tetapi lebih kepada pergaulan. Saya sendiri juga tidak setuju dengan komunitas eksklusif yang membeda-bedakan antara amatir dan professional sehingga seolah-olah ada selebriti dan para fans-nya.

4. Memuat artikel curian/copy-an tanpa sepengetahuan penulis aslinya
Satu hal yang perlu digarisbawahi adalah membayangkan bagaimana perasaan seorang penulis blog mengetahui bahwa salah satu artikelnya dicuri tanpa permisi dan tanpa mencantumkan link sumber/artikel aslinya. Tentu saja akan sangat menyakitkan apabila dengan susah payah dia telah mencurahkan seluruh ide/gagasan, perasaan, observasi yangdikumpulkan sebagai modal dalam menuliskan artikel tersebut. Boleh saja seorang blogger bilang, "Ah itu sah-sah aja, ngapain sih diributin?" Bahkan ada komentar yang saya terima di blog ini yang isinya: "Dasar lo blogger pelit!" Saya hanya menggelengkan kepala, dan karena tidak ada nama (anonymous) dan tanpa link, komentar tersebut saya hapus. Pelit? Kalau di logika siapa yang pelit, saya sebagai penulis artikel asli yang telah dia kopi tanpa permisi, atau dia yang telah copy-paste artikel tanpa ijin dan tanpa memberi link back? Saya kira, jawabannya telah jelas dengan sendirinya. Artikel yang tidak asli memiliki konsekuensi besar terhadap kredibilitas pemilik blog, karena jika tidak ada penguasaan dan pemahaman yang cukup, dan secara etika salah, maka pengunjung pun akan menilai yang sesuai kok. Percaya lah. Dan pertanyaanya,  seberat apa sih memberikan link sumber?
Blogging erat dengan kreativitas, dan pada tahap inilah letak dimana anda dapat mengembangkan kreativitas dan kredibilitas, atau sebaliknya, justru menurunkan kualitas serta kredibilitas diri anda sendiri sebagai seorang Blogger. Dan poinnya: segala sesuatu, termasuk uang, dapat dicapai dengan mudah jika menggunakan kreativitas dan kredibilitas yang tinggi.
5. Lama sekali tidak update artikel/posting.
Blogging adalah tentang menyampaikan pemikiran, informasi, pendapat, solusi, cerita, dan lain sebagainya. Jika blog lama sekali tidak di update, maka bisa dibilang blog bukanlah menjadi pilihan seseorang (yang katanya blogger) untuk menyampaikan hal-hal tersebut. Selain itu, jika suatu blog telah memiliki pengunjung tetap, tentu saja ini akan menyebabkan kekecewaan. Ujungnya nih, search engine juga jadi malas untuk mengunjungi dan melihat kalau-kalu ada update baru. Update artikel semampu waktu anda, kecuali jika memang ada halangan yang tidak bisa dihindari, dan tentu saja bukan karena "malas". Yang penting jangan sampai berbulan-bulan hingga bertahun-tahun ditinggalkan.

6. Blogging hanya untuk uang dan berlebih-lebihan (over-monetized)
Siapa yang tidak suka uang? Pasti tidak ada. Akan tetapi, jika blogging semata-mata hanya untuk uang, maka inti dari kegiatan blogging itu sendiri dapat rusak. Bayangkan jika seorang bloger hanya berbicara tentang uang, uang, dan uang di dalam blognya tanpa ada satupun artikel yang menarik dalam hal lain, tentu saja pengunjung akan bosan. Motivasi untuk uang, sah-sah saja. Tetapi jangan sampai anda terpaku pada itu dan melupakan semuanya, bahwa hakikatnya blogging adalah menuliskan sesuatu yang menarik di dalam blog (english: to blog) dalam sudut pandang personal penulisnya. Hindari mengisi seluruh bagian blog dengan hal-hal yang hanya berbau monetisasi karena akan sangat mengganggu pandangan dan juga memperlama waktu loading blog. Sesuatu yang menghasilkan uang bukan melulu tentang uang itu sendiri, namun banyak hal kreatif lainnya, termasuk artikel yang kreatif.

7. Menggunakan widget yang terlalu berlebihan dan tanpa motivasi jelas (over-widgetized)
Salah satu faktor yang membuat pengunjung nyaman adalah tampilan blog. Sebuah blog yang terlalu banyak widget justru dapat membuat pengunjung tidak betah. Ada dua alasan dalam hal ini: Pandangan yang tidak fokus dan waktu loading yang lama. Dalam beberapa artikel sebelumnya saya telah menyinggung bahwa file gambar dan javascript yang terlalu banyak dan besar ukurannya dapat mempengaruhi page load time. Satu hal yang terkadang sangat mengganggu bagi saya adalah ketika masuk blog yang menggunakan widget music (mp3), bisa dipastikan membaca artikel membaca artikel menjadi tidak fokus dan loading yang berat pula. Bagi pengunjung yang internetnya pake kuota jumlah file, tentu saja mereka akan lebih pikir-pikir lagi karena membuka blog berwidget musik akan menguras banyak kuota internetnya. Hindari pengguaan widget yang tidak berpengaruh apapun terhadap penilaian pengunjung. Maksimalkan widget untuk fungsi navigasi ataupun social networking. Satu-satunya cara show off yang paling manjur efeknya bagi blog dan blogger, adalah menyuguhkan artikel yang berkualitas.

8. Menulis untuk Google dan bukannya untuk Pengunjung
Sebuah blog yang SEO-nya bagus tentu menyenangkan. Tapi, jika bagi pengunjung blog tersebut tidak memiliki nilai, tentu perlu dipertanyakan. Apakah motivasi blog itu dibuat? Hanya agar terindeks Google dan memiliki SERP yang baik? Apakah sebuah blog tidak membutuhkan pengunjung dan memberi isi yang sepadan setelah seorang pengunjung menemukanya di pencarian Google? Jika hanya untuk bermain keyword, SERP, dan SEO, sepertinya akan banyak mengesampingkan kebutuhan pengunjung itu sendiri, yang merupakan target sesungguhnya dari blog. Buatlah artikel yang motivasinya untuk pengunjung terlebih dahulu sehingga memiliki nilai (value). Baru setelah itu memperhatikan hal-hal yang berkaitan dengan SEO, baik mengedit keywordnya, melakukan promosi dan link building, dan sebagainya.

Punya ide lain untuk ditambahkan? Silakan sampaikan melalui komentar,  kesempatan seluas-luasnya terbuka untuk anda.
blogwalking.. Selamat datang di blog didi sie-bolanks.
cursor:url("http://www.facebook.com/"),text;HEHEHE