SungaiPinang-Community

My BackLink

noreply@blogger.com (Anonymous) — Sat, 8 Sep 2012 16:01:00 +0800

My Feed

noreply@blogger.com (Anonymous) — Sat, 8 Sep 2012 15:57:00 +0800

Buat Widget Following Jadi Tombol di blogger

noreply@blogger.com (Anonymous) — Wed, 5 Sep 2012 05:53:00 +0800

Halo sobat mampirbro! Kali ini saya ingin berbagi tutorial membuat widget following blogger yang biasanya memakan banyak ruang/tempat dalam porsi template blog menjadi tombol/button keren ala situs tumblr. Dengan trik ini, box following yang tadi nya banyak memakan tempat berubah menjadi tombol dipingir kanan atas blog. Jadi visitor blog sobat tetap dapat mengikuti atau menjadi follower blog sobat. Tutorial ini sudah saya tes pada blog saya lain, silahkan bagi yang mau lihat demo nya di alamat ebook.mampirbro.web.id

Oke deh, gak sah terlalu banyak ngemeng, kita langsung saja lihat cara buatnya. Berikut cara buatnya:

Login ke blogger sobat
Kemudian pilih menu "Rancangan" --> "Tambah Gadget"
Pilih HTML/JavaScript
Copas scriptcode dibawah ini ke kotak html

<div style="position: fixed; top: 5px; right: 93px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=5069428392280954069" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:5px;"><a class="linkopacity" href="http://mampirbro.blogspot.com" target="_blank" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>

Ganti kode berwarna merah dengan ID blog sobat. ID blog dapat dilihat dengan cara, buatlah entri baru, lalu sobat bisa lihat di address bar browsur sobat dibagian url akhir nya itulah yang berupa angka merupkan ID blog sobat.

Ganti kode berwarna biru dengan url blog sobat.
Simpan dan selesai

Hasil Jadi:

Semoga berguna dan bermamfaat
Follow twitter saya ya (twitter.com/cwomestryus), ntar saya follow back

Banner Link

noreply@blogger.com (Anonymous) — Sun, 2 Sep 2012 10:13:00 +0800

Banner, Copy link di bawah ini! --------------------------------------------------------------------------------------------------------------

Daftar Isi

noreply@blogger.com (Anonymous) — Fri, 31 Aug 2012 21:05:00 +0800

Zynga Poker Bot

noreply@blogger.com (Anonymous) — Fri, 31 Aug 2012 06:36:00 +0800

Zynga Poker a.k.a Texas Hold Em Poker, hmm siapa yang tidak tau game   itu. Merupakan Game terpopuler di facebook saat ini, hampir semua teman   saya memainkan game tersebut.

Namun, pernahkah terbesit di pikiran anda untuk melakukan cheating pada   game tersebut? Bagi anda yang biasa dengan dunia cheat tentu anda akan   memiliki pemikiran seperti itu, apalagi anda yang terbiasa melakukan   cheating di dunia game online, hal ini merupakan pengalaman yang sayang   jika terlewatkan.

Sudah banyak orang yang mencoba melakukan cheating pada game tersebut,   tidak sedikit yang gagal dan tidak banyak juga yang berhasil.

Sekarang saya akan membagi pengalaman saya dalam cheating pada game ini,   ini merupakan salah satu cara cheat yang konvensional atau bisa   dibilang telah ada banyak cara yang dapat dilakukan untuk menghack game   tersebut, namun saya memilih cara paling sederhana yang paling mudah   dimengerti.

Namun untuk melakukan hack pada game ini anda harus mempersiapkan banyak akun facebook, untuk berjaga-jaga.

Bahan-bahan yang digunakan adalah:

1. Web Browser, dapat menggunakan web browser apapun, namun disarankan   menggunakan Opera, saya sendiripun menggunakan opera pada saat membuat   tutor ini.

2. Windows Packet Editor (WPE).Download disini :

http://uppit.com/kj9vhgwtg6mr/wpepro09.zip
atau

http://rapidshare.com/files/443752004/wpepro09.zip
atau

http://hotfile.com/dl/98440262/d077566/wpepro09.zip.html

atau
h ttp://www.mediafire.com/?2fvxyr2hsgyma673
Matikan firewall anda.

4. Akun facebook minimal 5 akun untuk multilevel transfer.

*Disarankan tidak membuka tab lain pada browser pada saat memainkan   game, gunakan hanya 1 tab saja, karena terlalu banyak tab dapat membuat   paket yang di-log semakin banyak, ini akan mempersulit anda dalam   menemukan paket.

Baik, tutor akan saya mulai.

1.Pertama login ke facebook dan masuk ke aplikasi poker.

2. Masuklah ke sebuah room dan mainlah seperti biasa.

3. Buka program WPE yang sudah disiapkan, lalu attach ke opera.exe, kemudian klik tombol Start Logging

4. Mainkan game seperti biasa, menang atau kalah tidak menjadi masalah.

5. Ketika anda kalah atau menang dan mendapatkan atau kehilangan uang, segera kembali ke WPE kemudian cek paket-paket data yang telah tercatat.

6. Nah, sekarang rajin-rajin aja pelototin paket-paket yang ada, tarik terus ke bawah sampe keliatan paket yang Function nya SEND terus ada berisi paket %xt%updateChips%, nah pilih paket tersebut, terus klik kanan dan pilih Send.

7. Sekarang sesuaikan data chips anda pada paket dengan di browser, pada paket tersebut terdapat data chips anda sebelum diupdate dan seesudah diupdate (Bagian yang dilingkari), anda dapat menggantinya sesuai keinginan. (Jangan terlalu besar karena kita akan menggunakan metode timer).

8. Pilih metode Send Continously, lalu Timer antara 500 1000 miliseconds. pada contoh diatas saya akan mengganti chips hanya dengan 99000, namun jangan salah, karena menggunakan metode timer, maka saya akan merequest server untuk memberikan chips sebanyak 99000 perdetiknya.

9. Setelah beberapa lama, anda akan melihat chips anda telah terupdate langsung dari server, uang ini murni dan dapat digunakan karena ini server side.

10. Oke, perjuangan belum selesai, saatnya mengjindari logging dari server. Jika anda adalah seorang hacker tentu anda tidak asing dengan hal ini. anda tentu tidak akan menelanjangi diri anda dengan uang ilegal yang akan terlihat oleh server.

Untuk itu dilakukan multilevel transfer, untuk menghindari logging transaksi dengan mengecoh database transaksi, cara yang sederhana namun cukup ampuh.

Namun cara ini tidak boleh dilakukan dalam satu hari, karena akan sia-sia.

Untuk itu dibutuhkan beberapa akun FB, di sini saya menggunakan 5 akun.

Akun A: Akun Asli

Akun B: Akun Tumbal

Akun C: Akun Tumbal

Akun D: Akun Tumbal

Akun E: Akun Tumbal

Berikut bagannya untuk mempermudah:

Sumber : http://el-civas.blogspot.com

Jadwal Imsakiyah

noreply@blogger.com (Anonymous) — Mon, 30 Jul 2012 03:56:00 +0800

Tips Trik cara cepat menaikan pagerank

noreply@blogger.com (Anonymous) — Fri, 27 Jul 2012 15:22:00 +0800

Cara Cepat Menaikkan Pagerank bisa kita lakukan dengan gratis tanpa biaya. Cara Cepat Menaikkan Pagerank ini sudah banyak dilakukan oleh para blogger2 yang sudah ahli. Gak usah susah2 komentar sana sini. Cukup ikuti panduan ini. Oiaa.. Belum tahu apa itu PageRank? baca dulu gih di om wikipedia.. http://id.wikipedia.org/wiki/PageRank

Cara Cepat Menaikkan Pagerank adalah dengan copy paste artikel ini dari atas sampai bawah. Tapi sebelum itu bacalah dulu pesan-pesan dibawah ini.

Silahkan pelajari dengan baik lalu anda terapkan dengan benar…. Ada kata bijak yang mengatakan “Honesty is The Best Policy (Kejujuran adalah politik/strategi terbaik)”, mari kita buktikan….apakah konsep kejujuran disini dapat kita gunakan untuk menghasilkan traffic dan popularity yang sangat hebat dari sebuah metode rumit para expert webmaster atau
pakar SEO..? Saya percaya kita bisa asal metode ini anda terapkan dengan benar…apabila ini di aplikasikan pada web/blog anda sesuai ketentuan maka:

Blog anda akan kebanjiran traffic pengunjung secara luar biasa hari demi hari, tanpa anda harus repot-repot memikirkan SEO atau capek-capek melakukan promosi keberbagai tempat di dunia online.
Blog anda juga akan kebanjiran backlink secara signifikan hari demi hari, tanpa perlu repot-repot berburu link keberbagai tempat di dunia internet.

Hal yang harus anda lakukan adalah ikuti langkah-langkah berikut :

Buatlah postingan artikel seperti posting saya ini, atau copy-paste artikel ini. Lalu beri Judul sesuka anda (karena itu merupakan SEO buat web/blog anda sendiri).
Anda cukup hanya meletakkan Link-Link di bawah ini pada artikel anda tersebut pada blog/web anda.

PERATURAN :

Sebelum anda meletakkan Link-Link tersebut ditas ke dalam postingan web/blog anda, harap hapus Link nomor 1 , Sehingga link no 1 hilang dari daftar link dan setiap link anda naikkan 1 level ke atas. Yang tadinya no 2 naik menjadi no 1, yang tadinya no 3 menjadi no 2, yang tadinya no 4 menjadi no 3 dan begitu seterusnya. Setelah itu masukkan Link anda pada urutan Paling bawah ( no 15 ).
Ingat!!! Jangan Merubah Urutan daftar link.. Buktikan kejujuran anda.. Karena ini demi keuntungan bersama, kita sesama blogger
Apabila setiap blogger yang ikut dalam metode ini berhasil di duplikasi ole hblogger lain yang akan bergabung, andaikan 5 blogger yang bergabung maka Backlink yang anda dapat adalah Ketika:

posisi 16, Jumlah backlink =1
Posisi 15, jumlah backlink =12
Posisi 14, jumlah backlink =32
Posisi 13, jumlah backlink =50
Posisi 12, jumlah backlink = 125
Posisi 11, jumlah backlink = 625
Posisi 10, jumlah backlink = 3.125
Posisi 9, jumlah backlink = 15.625
Posisi 8, jumlah backlink = 78.125
Posisi 7, jumlah backlink = 390.625
Posisi 6, jumlah backlink = 1.953.125
Posisi 5, jumlah backlink = 9.765.625
Posisi 4, jumlah backlink = 48.828.125
Posisi 3, jumlah backlink = 244.140.625
Posisi 2, jumlah backlink = 1.220.703.125
Posisi 1, jumlah backlink = 6.103.515.625

Dan semua Dari kata kunci yang anda inginkan, bayangkan jika ini bisa berjalan dengan sempurna maka anda akan memperoleh 6.103.515.625 external link yang berasal dari berbagai blog yang anda tidak akan pernah bayangkan sebelumnya. Belum lagi apabila ada pengunjung blog anda dari Link List tersebut diatas maka otomatis anda akan memperoleh traffic ke web/blog anda juga. Ingat!!! Aturuan mainnya, Anda harus memulai dari urutan paling bawah (no 15) sehingga hasil backlink anda bisa Maksimal. Jangan salahkan saya apabila anda tidak mengikuti metode ini dengan benar dan Link anda tiba-tiba berada pada urutan no 1 dan menghilang pada Link daftar. Jadi mulai lah pada urutan paling bawah(no 15). Bisakah Anda melakukan tindakan tidak fair atau tidak jujur dengan menyabotase metode ini, misalkan saja “menghilangkan semua link asal” lalu di isi dengan link web/blog anda sendiri…? ….Bisa, dan metode ini menjadi tidak maksimal. Kejujuran adalah strategi/politik terbaik…..Tapi saya yakin bahwa kita semua tak ingin menjatuhkan kredibilitas diri sendiri dengan melakukan tindakan murahan seperti itu… —- SELESAI —-

Semoga metode ini bisa berjalan sesuai harapan kita bersama. . . ! ! !

Cara Cepat Menaikkan Pagerank mudah bukan? Beri tahu kepada kawan2 blogger yang lain agar pagerank anda naik, naik, dan terus naik.. << Kebenaran selalu ada satu. by : Conan Edogawa

Tips Untuk Mempercepat Ponsel Android

noreply@blogger.com (Anonymous) — Fri, 27 Jul 2012 02:37:00 +0800

Saat ini sudah banyak yang memiliki ponsel berbasis android, dari harga murah sampai yang mahal. Seiring dengan usia ponsel android yang kita miliki, maka lama kelamaan ponsel android kita mulai melambat, bahkan kadang kadang malah hang... Ponsel hampi sama dengan PC butuh perawatan agar kinerjanya tetap optimal. Berikut ini cara perawatan untuk ponsel Android:
Lakukan Root Pada Ponsel: Jika tak keberatan kehilangan garansi ponsel, maka disarankan untuk melakukan root pada ponsel pintar Anda. Tindakan ini membuat Anda memiliki kontrol penuh pada ponsel. Anda dapat menghapus beberapa bloatware atau aplikasi tak penting yang sudah dibenamkan pada ponsel
Android, dan hanya menginstal aplikasi penting saja. Manfaat lain dari rooting adalah Anda tak lagi tergantung pada pihak penjual untuk melakukan update Android. Tapi rooting harus dilakukan hati-hati, sebab jika terjadi kesalahan dapat membuat ponsel Anda tak bisa dipakai.

Bersihkan Kartu Memori: Langkah ini tidak akan membuat performa ponsel langsung membaik, tapi cukup masuk akal untuk menghapus file yang sudah tak terpakai. Bisa pakai program DiskUsage untuk mengetahui aplikasi atau file apa yang paling memakan ruang di kartu memori. Membersihkan kartu memori sebaiknya dilakukan setelah uninstall sebuah aplikasi, sebab beberapa aplikasi masih meninggalkan folder data walau sudah dihapus. Jika ponsel sudah di-root, unduh SD Maid untuk menghapus file sampah secara otomatis.

Uninstal Aplikasi Android: Ada kalanya sebuah aplikasi terinstal secara tidak sempurna, sehingga memicu masalah pada ponsel pintar. Masalah itu bisa mengganggu proses penyimpanan data kritikal dalam kartu memori, atau ada notifikasi yang tak bisa dihilangkan. Coba uninstall atau hapus aplikasi yang tidak terlalu penting, dan jarang dipakai. Dengan begitu akan meringankan beban ponsel, dan lebih banyak ruang tersedia untuk menyimpan data lain.

Hapus Cache: Pernah menalami aplikasi crash? Daripada harus menghapus lalu mengintal ulang, coba bersihkan cache-nya. Langkah simple ini akan membantu mencegah terjadinya crash pada aplikasi dan tidak akan memunculkan problem baru. Cara menghapus cache adalah dengan membuka menu Setting pada ponsel, klik Applications, lalu pilih Manage Application, tap aplikasi yang mengalami crash. Data akan tetap aman, hanya Anda akan mengalami kesulitan sementara saja untuk mengakses beberapa file.

Semoga bermanfaat...
Sumber: Internet Sehat Walafiat

Kata-Kata Gombal Romantis Lucu Ala raja gombal Andre Taulani OVJ

noreply@blogger.com (Anonymous) — Wed, 25 Jul 2012 21:11:00 +0800

Selain guyonan interaktif antar personnelnya, opera van Java alias OVJ juga makin hidup dengan sisipan kata-kata gombal rayuan romantis yang sering dilontarkan oleh personnel gantengnya Andre Taulani. Tentunya kata-kata rayuan gombal romantis ini makin menambah nilai jual acara televisi yang jam penayangannya sangat cocok untuk kumpul bareng keluarga di rumah. Langsung aja deh meluncur ke sasaran bagi para gombalers yang pingin praktikin rayuan gombal ala Andre OVJ. NIh dia bahan gombalannya:

cowo:bapak kamu tukang ketoprak nya

cewe:kok tau sih

cowo:karna kau telah mengulek ngulek hati ku

cwo:”neng-neng bpk kamu pemburu yah?”

cwe:”lhoo…!kok tau sihh?”

cwo:”karna kau tlah memanah hatiku..”

cwe:”(tersipu malu)aaaaah km bisa z cii”
kata rayuan gombal versi Andre OVJ

cow:eee bpk kmu pernah jd maling y..?

ccew:lho lho lho.. g kok,mank npa..?

cow:krna kmu tlah mencuri hatiku…

cow: bapak kamu kerja di PLN yah ,,

cew: lo ko tau sih ..

cow: soal’a bapakmu mencabut meteran listrik rumahku ,,

cew: (Guubrraaak)kata rayuan gombal versi Andre OVJ

Cowo:kamu punya uang 2000 ga?

Cwe:punya,emng buat pha?

Cwo:buat bayar parkir di hati kmu……heheheeheheheheheheh

cowok:bapak kamu polisi yah ?

cewek:koq,tahu banget, sich bang??

cowok:karena sudah,menembak hatiku

cow:hobi kamubermain bulutankinya

cew:ko tau

cow:karena kamu telah menangkis hatiku

co:ibu kamu penjual bakso ya…….?

ce:kok tau cie……kata rayuan gombal versi Andre OVJ

co;pesen 2 mangkok dong….

gak pake bayar ya……

co: neng kamu punya peta gak ?

ce: punya emang buat apaan bang ?

co: pinjem donk, soalnya abang lagi tersesat di hati eneng

ce: ^_^ !

cO : KMU punya pisau tdk?

ce : punya buat ap?

co : buat ukir namamu d hatiku …

cwo:ehh…punya uang seribuan ga?

cwe:punya,mang npa?

cwo:pkai bayar parkir dhtimu..

cwo:bpk,kmu jualan es ya?

cwe:kok tau siichh?

cwo:krna kmu sudah mmbekukan htiku…

co;eh neng,dirumah km ada dongkrak ya?

ce;buat apa bang?

co;buat mengangkat hatiku yg udah jatuh di hati kamu

cowok;bapak kamu tukang pecel ya

cewek;ko tau

cowok;karena hati ku pedas

cowok :punya uang 2000 ngak

cewek :punya, emngnya utk pa

cowok :utk bayar parkiran d hati moe

cowok:bapak nya nelayan ea..?

cewek:kok tw bg?

cowok: iya td aq lhat tnggelam d laut

cowo : bapa kamu laki2 ya..?

cewe : ya iya lah..

cowo : kebingungan…

cowok: neng kmu tau ga prbedaannya monas dgn diriku

cewek: ga bg, emg apa

cowok:kalau monas punya negara kalau aku punya kamu

Cewek: Kamu tipe cowok unik tiada duanya ya?

cowok : kok kamu tau sih?

cewek: kan dari tadi kamu suka buka situs uniknih

cowok: maksa sih?

cowok : ayah kamu penjual buah y ??

cewek : iya, kok tau she !!

cowok : soalnya kamu telah memberi rasa di hati aku

Cowo:Sayang Bpak Kamu Tukang Es goyang yAA

Cewe:Kooe Tau Sie Bang

Cowo:Kernah Kau Tlah Meng’Goyangkan Hatie kU

Cewe:IIhh Abang Gombal Bangat

Gimana agan-agan sudah siapkah untuk merayu cewek agan-agan, tapi jangan jadi playboy yah mentang-mentang sudah punya senjata koleksi rayuan kata gombal romantis.
Sumber: dari dunia maya internet

Kalo Mau Copas Kasih sumber : ayibaguspart2.com

Cara Membuat Widget Twitter Follow Us Melayang di Blogger/Blogspot

noreply@blogger.com (Anonymous) — Mon, 23 Jul 2012 10:19:00 +0800

Konsep widget ini sama dengan tombol back to top melayang Blogger beberapa waktu yang lalu, yaitu dengan memberikan styling CSS: fixed position dan scrolling display pada link gambar untuk memberikan efek melayang.

Cara membuat/memasang:

1. . Masuk ke dashboard > Design/Rancangan > Klik Add a Gadget

2. Setelah pop up window muncul, pilih opsi HTML/Javascript

3. Kemudian copy kode berikut:

<br/><a style="display:scroll;position:fixed;bottom:200px;right:1px;" href="http://twitter.com/azmisurvivor target="_blank"><img style="border:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi04bOVXO9sffh640Y9-QUud9h5ERLrEfx4iIGM4g7patIPY39WB5PJAXxwY3-Le0k1jgBDfHucIFadtFQbw-vraoHBRCpbhCUT8K44MNduWqvNZW0MbdorZhVdtfOkVpksZzDqA1tcveld/s1600/floatingtwitter.png" /></a>

Ganti azmisurvivor dengan nama account Twitter anda. Jika anda ingin widget berada di sebelah kiri browser, ganti right dengan left.

4. Paste kode yang sudah di edit ke kolom configure HTML/Javascript.

5. Klik save.

6. Refresh blog dan lihat hasilnya.

Done and cheers!

Sumber : buka-rahasia.blogspot.com

Cara Membuat Spoiler di Blogger/Blogspot

noreply@blogger.com (Anonymous) — Mon, 23 Jul 2012 10:06:00 +0800

Tips dan trik membuat spoiler ini sebenarnya sudah banyak yang posting dan share. Akan tetapi, tidak ada salahnya juga jika saya ikut share tentang spoiler dan sedikit tentang kegunaannya.

Spoiler dibuat dengan menggunakan javascript button. Sedangkan untuk menyembunyikannnya digunakan properti CSS display, dalam hal ini, "display:none;". Fungsinya ada banyak sekali, diantaranya untuk memperpendek teks atau gambar yang sangat besar/panjang dan memakan space halaman atau untuk
menyembunyikan kejutan bagi pengunjung (maka seringkali disebut pula sebagai "peek-a-boo", Indonesianya kurang lebih, "ci-luk-ba!", hehe)

Pada posting blog, spoiler dapat digunakan untuk memperpendek panjang halaman sementara sebelum di-klik oleh pengunjung, sehingga tampak tidak ruwet.

Spoiler juga dapat digunakan untuk menghibur pengunjung juga loh, misalnya seperti ini:

Cara membuat dan memasang spoiler di Blogger/Blogspot:

1. Copy dan gunakan script berikut:

<div id="spoiler" style="display:none">
Konten Yang Disembunyikan
</div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Buka/Tutup</button>

Kostumisasi spoiler:

- Ganti Konten Yang Disembunyikan dengan konten (text, url, url gambar, script dll) yang ingin disembunyikan.

- Ganti title Klik untuk melihat/menyembunyikan dengan title sekehendak anda. Title berfungsi memberi informasi ketika mouse di hover di atas tombol spoiler.

- Ganti Buka/Tutup dengan teks sesuai keinginan, teks tersebut akan menjadi perintah yang terlihat pada tombol spoiler.

2. Untuk membuat spoiler di badan posting, buat spoiler melalui menu Edit HTML, letaknya dibagian pojok kanan atas kotak posting, semua editing dilakukan pada menu tersebut, jika tidak maka script tidak akan bekerja.

3. Jika ingin membuatnya di widget, pilih menu "HTML/Javascript".

Cara Membuat Related Post LinkWithin (Thumbnails) dan Trik Lengkapnya

noreply@blogger.com (Anonymous) — Mon, 23 Jul 2012 10:03:00 +0800

(Tutorial Lengkap Cara Membuat dan Trik Kostumisasi Widget LinkWithin Related Post with Thumbnails')

Sudah beberapa lama ini saya menggunakan widget LinkWithin dan hasilnya cukup lumayan sebagai salah satu upaya untuk membuat pengunjung bisa melihat-lihat lagi halaman yang lainnya, sehingga meningkatkan jumlah pageview & cukup lumayan untuk menyumbangkan sejumlah traffic. Bisa dibilang LinkWithin adalah tool navigasi eksternal yang cukup keren. Halaman-halaman lama yang jarang tersentuh pun bisa dioptimalkan lagi dengan penggunaan fitur ini. Selain itu, widget ini juga menggunakan thumbnail yang bisa meningkatkan
daya tarik. Tampilannya pun lumayan. Linkwithin melakukan generating gambar dari page yang dimuat, atau jika tidak ada gambar dalam halaman tersebut, LinkWithin akan menampilkan gambar dasar berwarna abu-abu dan sedikit bertekstur. Sistem yang digunakan adalah randoming content, jadi semi random, namun tetap melakukan upaya persamaan konteks melalui judul, tag, atau label. Sehingga ketika page di load, dibutuhkan waktu untuk tool ini merayap dan menampilkan hasilnya. Tapi tidak cukup lama kok. Lagi pula tidak ada apa-apanya dibanding hasilnya. So, what are the ways to use it?

Cara Mendapatkan Widget

1. Go to LinkWithin.

2. Setelah masuk halamannya, lihat ke bagian kanan bawah dimana disitu terdapat kolom isian untuk mendapatkan widgetnya.

3. Masukkan valid email.

4. Isikan url blog/website.

5. Pilih Platform blog anda (ini digunakan untuk memasukkan secara otomatis melalui dashboard/admin page blog).

6. Pilih jumlah link/stories yang ingin anda tampilkan, sesuaikan dengan lebar post body di blog.(pilih melalui dropdown menu di kolom Width)

7. Centang "My blog has light text on a dark background" jika latar tampilan blog anda berwarna gelap.

8. Klik 'GetWidget!'.

9. Anda akan masuk ke halaman selanjutnya dan dibimbing untuk melakukan langkah-langkah sesuai dengan platform blog.

10. Setelah masuk ke halaman widget editor/page element di dashboard, tarik widget ke bawah post body jika ingin ditampilkan di bawah post body, save dan check hasilnya.

Contoh tampilannya seperti ini:

Kostumisasi Widget

a. Kata-kata "you might also like:" mungkin kurang keren menurut anda, so anda bisa menggantinya dengan cara:

1. Masuk ke Edit HTML di dahboard anda

2. Cari tag <head> (Ctrl+F)

3. Kemudian masukkan script berikut di bawahnya:

<script>linkwithin_text='TEKS DISINI:'</script>

4. Ganti TEKS DISINI dengan teks yang anda inginkan dan save template.

b. Jika ingin menempatkan widget LinkWithin di posisi tertentu di bawah post body, karena mungkin disana ada banyak widget lain seperti Adsense, letakkan kode berikut di atas atau dibawah widget yang lain di bagian post body (cari widget-widget di bagian post body).

<div class="linkwithin_div"></div>

Lalu save.

c. Ketika berada di halaman utama (frontpage) atau halaman-halaman yang memuat query posts, widget ini akan muncul di bawah setiap post. Hal ini tentu saja tampak tidak elegan dan membutuhkan waktu loading yang lebih lama. So, jika anda ingin widget ini hanya muncul di bagian posting saja (menyembunyikannya dari halaman muka), lakukan langkah berikut:

1. Jika anda sudah terlajur memiliki widget LinkWithin yang terpasang, silakan di remove/delete terlebih dahulu.

2. Lakukan kembali langkah untuk mendapatkan widget LinkWithin diatas. Khusus pada menu Platform pilih 'Other'. Klik 'Get Widget!'

3. Anda akan menuju ke halaman selanjutnya, lalu copy script yang telah terbuat dan simpan script tersebut.

4. Kemudian masuk ke edit HTML template anda, dan ikuti langkah sederhana cara menampilkan widget hanya di post body.

5. Save dan lihat hasilnya.

Cara Membuat Halaman Contact Form (Contact Me) di Blog/Website

noreply@blogger.com (Anonymous) — Mon, 23 Jul 2012 09:52:00 +0800

Contact Form, seringkali disebut juga sebagai halaman "Contact Me" atau "Kontak Saya", merupakan bagian terpenting dari blog/website yang berfungsi sebagai media korenspondensi formal dan personal. Meskipun sudah ada banyak media lain, namun halaman kontak menjadi pilihan karena menjaga privacy bagi kedua belah pihak, yaitu pemilik blog/website dan visitor/customer. Form ini juga berfungsi menghindari spam yang dikirim melalui email.

Oleh karena itu, untuk menghindari resiko tersebut digunakanlah contact form. Saya telah merasakan banyak manfaat dari penggunaan Contact Form ini, hampir setiap hari ada visitor yang menggunakan Contact Form untuk menanyakan beberapa hal, bertanya tentang tips-tricks blogger, memasang iklan, meminta jasa membuat blog, SEO dan lain-lain. Baru setelah ada korespondensi lebih lanjut, saya menggunakan media email/chat secara langsung.

Untuk blog Blogger/Blogspot, halaman ini secara default tidak disediakan, lain halnya dengan WordPress dimana fitur ini sudah terintegrasi. Namun jangan khawatir, anda dapat membuatnya dengan beberapa langkah
sederhana saja, yaitu menggunakan Contact Form eksternal yang diinstal di halaman blog/website.

Langkah-langkah membuat Contact Me Form:

1. Pilih salah satu dari situs penyedia Email Contact Form di bawah ini yang menurut anda cocok:

a. 123 Contact Form
b. FormSpring
c. Kontactr
d. PagePow
e. My Contact Form
f. Email Me Form

2. Buat akun di situs yang telah anda pilih dan ikuti beberapa langkah untuk membuat Contact Form. Seluruh tutorial di situs-situs tersebut sudah sangat jelas jadi tidak perlu lagi disampaikan disini. Anda dapat mengkostumisasi tulisan, isi pesan, batasan kata (minimum-maximum character), hingga ke tampilan Form tersebut (CSS styling) dengan hanya beberapa klik.

3. Setelah kostumisasi selesai, copy kode yang telah dibuat. Ada beberapa opsi kode yang bisa dipilih, untuk blog blogger/blogspot, pilih opsi kode berjenis HTML/Javascript dan bukan yang PHP.

Cara Membuat Halaman Contact Form di Blog:

1. Buatlah sebuah halaman posting baru dengan judul "Contact Me", "Kontak Saya", "Hubungi Saya", atau apapun yang anda lebih sukai. Saya sarankan jenis halaman tersebut adalah halaman statis (static page) dan bukan halaman posting seperti biasanya, karena halaman tersebut bersifat "timeless" atau tidak mengandung url yang menunjukkan bulan dan tahun. Selain itu, halaman Contact Me juga tidak membutuhkan optimasi search engine (SEO) seperti halaman posting lain.

Cara membuat halaman statis di blogger: Dashboard > New Post > Edit Pages > New Page.

2. Klik "edit HTML" (disebelah pojok kanan atas kotak posting).

3. Masukkan kode Contact Form yang telah dibuat tadi ke kotak posting.

4. Untuk preview hasilnya, cukup klik "Compose" (kembali ke menu WYSIWYG).

5. Jika sudah beres, bisa langsung disimpan atau bisa ditambahkan beberapa tulisan lain sekehendak anda.

6. Kemudian Publish.

7. Pasang link secara manual ke link list blog, menu, atau tempat-tempat lain yang diinginkan.

8. Done!

Cara Membuat Fitur/Tombol Back To Top di Blogger-Blogspot

noreply@blogger.com (Anonymous) — Mon, 23 Jul 2012 09:47:00 +0800

Back to Top Button atau Tombol Kembali ke Atas adalah fitur blog yang mempermudah pengunjung/visitor blog kembali ke bagian atas halaman dengan sekali klik tanpa melakukan mouse scrolling. Efeknya sangat besar sekali terutama bagi blog yang memiliki halaman panjang. Letak dari tombol fitur back to top kali ini ada di bagian footer sebelah kanan.

Cara menambahkan fitur 'Back To Top' untuk Blogger-Blogspot:

1. Masuk ke edit HTML.

2. Cari kode tag </body> (Ctrl+F)

3. Masukkan kode berikut di atas </body>:

<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='alamat url gambar Back to Top-mu'/></a>

Ganti title Back to Top dengan kata-kata yang disuka, misalnya 'return to top', 'kembali ke atas', 'balik ke atas', 'meluncur ke atas', 'balikan nyook', atau 'kembali ke laptop'... terserahlah, suka-suka elo... ^_^ Fungsinya untuk notifikasi ke pengunjung tentang kegunaan tombol tersebut.

Alt Back to TOP lebih baik ditinggalkan begitu saja kalo-kalo gambar gagal dimuat browser jadi tulisan itu masih nongol sebagai pengganti.

Gunakan gambar berikut, klik kanan copy (save as), trus upload dan host sendiri ya gambarnya, biar gak lelet and pengunjung gak melet-melet!

Atau Googling (cari juga di photobucket.com) gambar 'back to top/kembali ke atas' sendiri yang lebih keren dan sesuai dengan warna dan ukuran footer blog-mu, gunakan keyword "back to top button image", kemudian upload dan host gambar itu.

Ambil/copy direct link gambar dan ganti alamat url gambar Back to Top-mu dengan alamat url/link tersebut. Contoh:

<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiZkAR6x3mqIlV6TqAqhAlHKXMvorCRlCdxV6FxNa_xp5_QThnmcOw1CoqLQ_RHG6efnONcBNxepUQojfVhDVvSOdPzDL0u-wtEcSHUTc5fAFD_oGhj3LbTzoKD_w9nxEEsrmTJfg0uu8S/s1600/bttp-4.png'/></a>

Oke, udah? Belum? Buruan lah!

4. Kalau sudah dimasukkan semuanya dan pastikan tidak ada yang terlewat, save template HTML-nya.

5. Done! Fitur/Button Back To Top siap digunakan.

Cara Membuat Facebook Page dan Like Box di Blog/Website

noreply@blogger.com (Anonymous) — Mon, 23 Jul 2012 09:38:00 +0800

Facebook Page/Fan Page - Like Box semakin lazim digunakan di blog/website mengingat besarnya manfaat untuk perkembangan blog/website maupun product yang ditawarkan. Jaringan sosial beserta pluginnya, khususnya Facebook, terbukti telah memperluas dan meningkatkan popularitas, daya jangkau, traffic, serta penjualan produk jenis apapun. Oleh karena itu, membuat Facebook Fan Page dan memasang Like Box di blog/website merupakan hal yang sangat dianjurkan untuk blog/website anda.

Cara Membuat Facebook Page/Fan Page di Blog/Website

1. Ada beberapa langkah berbeda untuk membuat Facebook Page. Untuk langkah yang lebih mudah, sebaiknya anda telah login terlebih dahulu di account Facebook anda.

2. Kemudian buka halaman ini: http://www.facebook.com/pages/create.php.

3. Pilih/klik opsi Brand or Product.

4. Pilih opsi "website" dan isikan nama Page sesuai dengan yang diinginkan. centang "agreement" dan klik "Get Started", seperti contoh gambar berikut:

5. Selanjutnya anda akan masuk ke halaman Facebook Page yang telah dibuat. Lakukan kostumisasi terlebih dahulu sesuai petunjuk, misalnya mengupload foto/gambar untuk Facebook Page, mengedit informasi, dan lain sebagainya, atau langsung membuat Facebook Like Box yang nantinya dapat dipasang di blog/website.

Cara Membuat dan Memasang Facebook Like Box di blog/website

1. Jika anda masih berada di halaman Fcebook Fan Page tadi, pilih menu nomer 5, klik "add like box":

Atau bisa juga buka halaman berikut: http://developers.facebook.com/docs/reference/plugins/like-box/
Penting: Sebelumnya copy terlebih dahulu url Facebook Fan Page yang telah dibuat. Fungsinya sebagai spesifikasi url untuk like box yang nantinya hendak dibuat.
Contoh url-nya: http://www.facebook.com/pages/Bukan-Rahasia-Lagi/196418780373882
2. Selanjutnya, isikan spesifikasi seperti gambar berikut:

Setting Facebook Like Box:

- Facebook Page url: url Facebook Page anda

- Width: lebar tampilan facebook like, sesuaikan dengan lebar sidebar widget.

- Color scheme: pilih light jika ingin tampilan terang, dan dark untuk tampilan gelap.

- Show Faces: Centang untuk menampilkan foto profil likers.

- Border color: Isikan dengan kode warna jika ingin memberi border atau kosongkan agar transparan.

- Show stream: Centang jika ingin menampilkan informasi/posting terakhir di like box.

- Show header: Centang jika ingin menampilkan tulisan header "Find Us on Facebook".

Lihat preview tampilan di sebelah kanan form tersebut.

3. Jika settingan yang dibuat sudah beres, klik get code. Kemudian akan muncul pop-up window yang menampilkan 3 jenis kode, HTML5, iFrame dan XFBML, pilih salah satu dan copy kodenya. (Untuk Blogger, saya sarankan pilih HTML 5).

4. Buka Dashboard > Design/Rancangan > Klik add a gadget/tambah gadget.

5. Pilih opsi HTML/Javascript.
6. Masukkan kode yang telah dicopy ke dalam kotak kode.
7. Save.
8. Like box telah siap digunakan, dan setiap pengunjung blog/website yang menyukai blog/website anda dapat dengan mudah meng-klik like pada like box yag telah disediakan.
------------------------------------------------------------------------------
Update bagi yg masih bingung dengan pemasangan kode dan like box tidak muncul:

Copy paste saja semua kode ke dalam HTML/Javascript. Misalnya ketika memilih HTML 5, kemudian ada dua kolom yang masing-masing berisi dua kode, jangan pisahkan pemasangan kode, pasang saja keduanya ke gadget HTML/Javascript secara berurutan, yaitu taruh kode kedua di bawah kode pertama. Kemudian save.

2 Cara Menampilkan Widget/Iklan/Link/Script HANYA di Bagian Posting (Post Body)

noreply@blogger.com (Anonymous) — Mon, 23 Jul 2012 09:05:00 +0800

Let's go straight to the point! Jika anda ingin menampilkan widget, iklan, link, ataupun script anda hanya di bagian bawah posting saja (menyembunyikan widget dari homepage) dan tidak ingin menampilkannya di bagian lain, termasuk halaman muka, you can follow these two tricks.

Ada dua cara yang bisa digunakan:

1. Jika blog anda berplatform blogger, anda dapat memanfaatkan fitur dalam setting. Login ke dashboard anda, dan::

Klik Setting

Klik Formatting/format

Scroll ke bawah hingga post template. Anda dapat memasukkan script, link aktif , atau sekedar tulisan saja ke dalam form di sebelahnya. Save settings. That's it.

2. Anda dapat mengedit template html blog dan memasukkan tag b if cond, yang berfungsi sebagai perintah untuk menampilkan suatu hanya pada bagian tertentu. Cara ini saya dapat sebagai salah satu trik untuk menyembunyikan Google Adsense di blog yang lain dan ternyata bisa juga digunakan untuk script lain, misalnya widget-widget tambahan, baik dalam HTML murni maupun java. Masuk ke edit HTML, centang expand widget templates, dan masukkan kode berikut Tepat SEBELUM </body> (gunakan Ctrl+F untuk mencari):

<b:if cond='data:blog.pageType == "item"'>
script widget/iklan/script lain anda disini
</b:if>

Ganti script widget/iklan/script lain anda disini dengan script atau link aktif anda dan save.

Analisis, kelebihan, dan kekurangan:

Cara 1: Cara ini mudah dan cenderung tidak beresiko. Cara ini sama saja dengan menyisipkan script ke dalam edit HTML anda di dalam posting (sebelah compose), sehingga script anda merupakan bagian posting. Dengan demikian, widget ataupun iklan anda akan muncul setelah anda membuat posting baru. Anda harus mengedit posting lama untuk menyisipkan script. Selain itu karena bersifat eksternal, load time yang dibutuhkan relatif lebih banyak. Cara ini pada akhirnya bersifat jauh lebih manual dari cara 2.

Cara 2: Memasukkan script secara manual ke dalam template HTML blog memang hal yang sering dihindari, apalagi setelah Blogger memiliki banyak fitur instan. Namun yakinlah hasilnya akan berbeda dan lebih baik. Cara ini berarti mengintegralkan script dengan template blog, sehingga secara otomatis akan muncul dalam semua bagian blog yang diberi perintah untuk dimunculkan. Dengan demikian, semua posting lama anda pun akan 'terinfiltrasi' secara otomatis. Load time yang dibutuhkan relatif lebih cepat (catatan: tergantung dari jenis file widget dan server dari widget tersebut).

Have a nice try, then. ^^

Sebagai contoh adalah widget myfreecopyright di bawah ini:

Cara Membuat Menu/Navigasi Breadcrumbs di Blogger/Blogspot

noreply@blogger.com (Anonymous) — Mon, 23 Jul 2012 02:47:00 +0800

Menu/Navigasi Breadcrumbs adalah navigasi yang berada di bagian atas posting dan menunjukkan urutan isi halaman dari rootnya (Home) hingga ke posting/artikel.

Menu ini sering ditemui di blog/website berplatform WordPress, dimana urutan navigasinya dimulai dari Home > Parental Category > Subcategory > Posting. Di Blogger/Blogspot, kita juga dapat melakukan hack navigasi breadcrumbs dengan berdasarkan pada label: Home > Label > Posting. Menu ini akan muncul pada
halaman posting, label, arsip, dan tidak muncul di bagian homepage.

Menu/navigasi breadcrumbs juga membantu meningkatkan SEO dan SERP, yaitu dalam pemetaan oleh search engine dan juga menambah kepadatan keyword, mengingat letaknya yang berada di bagian atas posting.

Cara Membuat Menu/Navigasi Breadcrumbs di Blogger/Blogspot:

1. Masuk ke dashboard > Design/Rancangan > Edit HTML, jangan lupa centang (check) "Expand Widget Templates" di pojok kanan atas kotak edit HTML.

2. Cari (gunakan Ctrl+F) ]]></b:skin> dan masukkan aturan CSS berikut di ATAS-nya:

.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}

3. Cari (Ctrl+F) <b:include data='top' name='status-message'/> kemudian tambahkan kode ini TEPAT di BAWAH/SETELAH-nya:

<b:include data='posts' name='breadcrumb'/>

4. Cari (Ctrl+F) <b:includable id='main' var='top'> lalu tambahkan script berikut TEPAT di ATAS/SEBELUM-nya:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

5. Pastikan semua kode telah di-copy dan diletakkan dengan benar, lalu save.

note: karena banyaknya problem yang disampaikan ketika mengedit, perhatikan benar-benar instruksinya serta pahami istilah di bawah/setelah serta di atas/sebelum, itu berarti letakkan kode benar-benar setelah atau sebelum kode yang dicari. Contoh:

<b:include data='top' name='status-message'/><data:adStart/>

Kita lihat di situ ada 2 tag bersisian, jika anda harus memasukkan tag/kode baru di bawah/setelah <b:include data='top' name='status-message'/>, itu berarti anda harus meletakkan benar-benar setelahnya, sehingga <data:adStart/> harus digeser posisinya, atau kode/tag baru disisipkan di antara keduanya, jadinya:

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
<data:adStart/>

Cara Membuat Menu Horizontal CSS Stripped Red Blogger/Blogspot

noreply@blogger.com (Anonymous) — Mon, 23 Jul 2012 02:45:00 +0800

Menu/Navigasi adalah bagian blog/website yang tidak dapat dipisahkan. Keberadaannya sangat penting sebagai alat bagi pengunjung menuju ke bagian/halaman blog/website.

Pada posting kedua CSS Horizontal Menu untuk Blogger/Blogspot, saya persembahkan "Stripped Red Horizontal Menu for Blogger Blog"

Cara memasang widget menu horizontal menu di Blogger/Blogspot:

1. Masuk ke dashboard > Design/Rancangan > edit HTML

2. Masukkan kode CSS tepat di ATAS ]]></b:skin> (gunakan Ctrl + F untuk mencari)

Kode CSS:

ul.menu {list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:.6em;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPZPtqCgQlQxRg6bFUshJKu8VWP37ljZOX7JfUB7GiI2lyh7i1aw3QrYrPJzbseqfDs6-hfHisQp-1qG-6BMQGE7Jt7Rc9ADYuN79YkKYrFS19hEJkW4Y1c9eOfMdpQMHLmEfT69wcHuE/s1600/bg.png") repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0;}
ul.menu li {display:block;float:left;margin:0;padding:0;}
ul.menu li a {float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal;}
ul.menu li a:hover,.current {color:#fff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPZPtqCgQlQxRg6bFUshJKu8VWP37ljZOX7JfUB7GiI2lyh7i1aw3QrYrPJzbseqfDs6-hfHisQp-1qG-6BMQGE7Jt7Rc9ADYuN79YkKYrFS19hEJkW4Y1c9eOfMdpQMHLmEfT69wcHuE/s1600/bg.png") repeat-x top left;text-decoration:none;}
ul.menu .current a {color:#fff;font-weight:700;}
/*Garis Merah*/
ul.menu.red{background-color:#B11718;}
ul.menu.red li a:hover, .menu.red li.current {background-color:#DE3330;}

3. Save template.

4. Copy Kode HTML, ganti #(url homepage anda) dengan url homepage blog, dan # dengan url-url lain yang ingin dipasang di menu. Ganti kata-kata Home, Daftar Isi Blog, dan lain-lain dengan anchor text yang diinginkan.
Kode HTML:

<ul class="menu red">
<li class="current"><a href="#(url homepage anda)">Home</a></li>
<li><a href="#">Daftar Isi Blog</a></li>
<li><a href="#">Contact Me</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="#">SMS Gratis!</a></li>
</ul>

Contoh:

<li class="current"><a href="http://buka-rahasia.blogspot.com">Home</a></li>

Jika ingin menambah atau mengurangi link menu, tambah atau hapus baris:

<li><a href="#">anchor text</a></li> sebelum </ul>

5. Masuk ke dashboard > Design/Rancangan > Klik Add a Gadget

6. Setelah pop up window muncul, pilih opsi HTML/Javascript

7. Kemudian masukkan Kode HTML yang telah diedit ke kolom configure HTML/Javascript.

7. Klik save.

8. Drag gadget/widget tersebut ke bawah/atas header.

9. Save lagi.

10. Done!

Memahami Karakteristik dan Cara Optimalkan Label Blogger

noreply@blogger.com (Anonymous) — Mon, 23 Jul 2012 02:41:00 +0800

Label pada blog ber-platform Bloggger (Blogspot) memiliki fungsi sebagai pengelompok posting berdasarkan kriteria/kategori tertentu. Dengan adanya label, diharapkan pengunjung/pembaca blog dapat dengan lebih mudah mencari bagian/kategori tertentu dari posting-posting (artikel-artikel) sesuai dengan yang dia inginkan. Akan tetapi ada beberapa karakteristik khusus yang membuat "Label Blogger" berbeda dengan fitur kategori pada blog berplatform lain (category pada WordPress misalnya). Memahami beberapa karakteristik ini
diharapkan dapat memaksimalkan fungsi label dan juga menghindarkan dampak buruk terutama untuk SEO blog Blogger/Blogspot:

1. Cara Membuat Label Blogger/Blogspot (Basic Step untuk Pemula)

Ada dua cara membuat label:

a. Membuat label ketika di halaman new post/buat posting baru (post editor)

Ketika sedang membuat posting, anda dapat langsung membuat label.

Lihat di bagian bawah kotak post editor

Tuliskan label yang diinginkan, bisa lebih dari satu

atau jika anda sudah memiliki label-label, klik "show all" dan klik label-label yang diinginkan

b. Membuat dan mengedit label di halaman "edit posts".

Centang satu atau beberapa posting yang ada di bagian bawah label editor seperti di atas, kemudian pilih label/buat label baru/hapus label pada menu dropdown "Label Actions..."

2. Karakteristik Umum Label Blogger

a. Susunan label yang ditampilkan pada bagian link label baik di atas atau di bawah posting disusun sesuai abjad, misalnya: Label: Blogging, Cheat, Download, dan seterusnya.

b. Label Blogger bukan lah pengelompokan dengan sistem direktori, namun hanya pengelompokan berdasarkan hasil posting yang ditandai dengan label tertentu dan merupakan perintah pencarian (search label). Ini merupakan kelemahan dan perbedaan Label Blogger dengan category WordPress, dimana category merupakan pengelompokan direktori, sehingga ada parental category, child category, dan seterusnya.

c. Karena url label sebenarnya merupakan perintah search (contoh url-nya: http://buka-rahasia.blogspot.com/search/label/Blog%20Design), maka label bukanlah link permanent (permalink). Atau, lebih mudahnya, bisa dibilang label bukan lah url yang sesungguhnya. Label hanya terbentuk sebagai hasil url perintah pencarian (contohnya seperti url pencarian seach engine). Oleh karena itu, search engine tidak memperhitungkan label sebagai link/url yang sah untuk diindeks. Itulah mengapa ketika anda masuk ke Google Webmaster Tools, ada informasi bahwa link-link label di-restricted oleh robot.txt. Efeknya, label yang terindeks justru malah berdampak buruk pada SEO.

d. Jika anda menggunakan menu/navigasi breadcrumbs (khususnya seperti yang telah saya buat dan beberapa lain yang sejenis), label yang diambil adalah label yang paling terakhir, sehingga apa bila anda membubuhkan lebih dari satu label pada suatu posting, dan karena label diurutkan sesuai abjad, maka label yang ditampilkan di menu breadcrumbs adalah label dengan abjad paling akhir dari posting tersebut. Jika label yang dimunculkan oleh breadcrumbs kurang tepat dan tidak sesuai dengan yang diinginkan, maka optimalisasi SEO pun jadi kurang maksimal.

Contoh: suatu posting memiliki label: "Design, HTML, Trik". maka hasil generating menu breadcrumbs adalah:

Browse >> Home >> Trik >> Judul Posting.

3. Memaksimalkan Fungsi Label untuk Navigasi dan SEO

a. Pasang label sebagai alat navigasi berdasarkan kelompok posting, baik pada link list label yang sudah disediakan sebagai widget bawaan Blogger/Blogspot ataupun pada menu/navigasi lain, misalnya menu horizontal. Fitur-fitur semacam ini dapat membantu pengunjung/pembaca blog mencari posting yang diinginkan sesuai kelompok/kategori tertentu.

b. Disarankan untuk tidak terlalu banyak membubuhkan label pada suatu posting, sehingga tidak membingungkan pengunjung/pembaca blog. 4 atau 5 label pada suatu posting sudah merupakan batas maksimal yang dapat diterapkan.

c. Karena label bukanlah url yang sesungguhnya (permalink), untuk SEO, maka sebaiknya label tidak diikutsertakan sebagai link yang harus diindeks search engine. Caranya adalah dengan membuat link label bersifat nofollow. Tambahkan rel=nofollow pada setiap link label ketika anda membuat/membubuhkan link label secara manual. Cara ini digunakan apabila anda menambahkan link label secara manual di bagian isi posting atau menu/navigasi tambahan.

Contoh penambahan atribut nofollow pada hyperlink (tag a):

<a href="http://buka-rahasia.blogspot.com/search/label/Widgets" rel="nofollow">Widgets</a>

Jika anda ingin menambahkan nofollow widget label otomatis bawaan Blogger dan juga label yang muncul di bagian bawah/atasposting, maka atribut nofollow harus ditambahkan melalui edit HTML pada tag xml label. Lihat: Cara Membuat/Mengubah Label Blogger Jadi Nofollow

d. Untuk mengatasi pemunculan urutan breadcrumbs dengan label yang tidak sesuai atau yang tidak diinginkan, maka berhati-hatilah dalam membuat label untuk suatu posting. Pastikan label yang anda ingin munculkan di breadcrums adalah label yang ingin dioptimalkan. Sebaiknya jangan terlalu banyak menggunakan label pada suatu posting dan lihat apakah urutan abjad terakhir pada nama label adalah yang ingin dimunculkan di breadcrumbs. Label yang sesuai dapat berpengaruh baik pada SEO.

Cara Membuat List HTML & Menu Sederhana (Basic of Unordered List)

noreply@blogger.com (Anonymous) — Mon, 23 Jul 2012 02:40:00 +0800

Pada dasarnya, hampir semua menu menggunakan struktur HTML list, dalam hal ini adalah unordered list (tag ul) atau daftar tak berurutan yang merangkum keseluruhan list (tag li). Segala bentuk navigasi yang berupa menu menggunakan struktur dari tag-tag tersebut dan kemudian ditambahi dengan aturan-aturan yang membentuk tampilan, fungsi, serta efek yang menarik (CSS dan Javascript).

Unordered list digunakan untuk membentuk susunan list/daftar yang tidak disusun berdasarkan urutan angka. Sedangkan untuk struktur list yang berurutan (ordered list <ol>) disusun berdasarkan urutan angka; dari 1, 2, 3, dan seterusnya. Tentang ini, akan saya bahas pada kesempatan posting selanjutnya.

Dengan sedikit styling, list tersebut akan muncul dengan diawali titik, gambar, ataupun simbol lain sesuai dengan aturan list styling yang dibawa oleh template. Secara advanced, dengan ditambahi styling, fungsi, dan
efek, list akan menjadi menu horizontal, vertical, atau menu-menu lain yang sangat menarik dan eye-catching.

Struktur dasar dari unordered list diawali dengan tag <ul> dan ditutup dengan closing tag <ul>. Di dalamnya terdapat susunan list-list yang masing-masing berada dalam tag <li> dan </li>.

<ul>
<li>text/item disini</li>
<li>text/item disini</li>
<li>text/item disini</li>
<li>text/item disini</li>
<li>text/item disini</li>
</ul>

Tanpa aturan luas dan tinggi, baik dengan HTML maupun CSS, tampilan list akan muncul dalam urutan per baris:

text/item disini
text/item disini
text/item disini
text/item disini
text/item disini

Ide penggunaan list sederhana ini akan mempermudah dalam membuat list secara manual, baik untuk kepentingan membuat list di dalam posting maupun membuat menu yang akan ditampilkan di sidebar. Hampir seluruh navigasi menu di bagian sidebar blog ini saya buat dengan menu list manual. Mengapa? Ada beberapa alasan kuat mengapa saya membuat menu list secara manual:

Kostumisasi isi lebih mudah daripada harus menggunakan widget khusus, misalnya label. Kita dapat dengan mudah melakukan perubahan tanpa harus mengedit Template HTML. Misalnya ketika harus mengubah anchor text, mengaplikasikan atribut (misalnya atribut nofollow) pada label, dan bebas melakukan CSS styling.
Tahukah bahwa sebagian besar widget yang memuat automatic generated list seperti popular post, recent post, dan widget-widget navigasi lain yang kebanyakan menggunakan feed links atau redirect links? Link-link semacam itu tidak di-indeks oleh search engine, sebagaimana yang telah dijelaskan Google dalam Panduan dan Kriteria Google Quality Content. Untuk memperkuat page structure, sebaiknya perbanyak link list yang langsung mengarah ke link/halaman yang dituju.
Dapat dengan sesuka hati mengatur isi menu, tanpa hasil generating dari widget yang kadang tidak sesuai dengan keinginan. Misalnya, untuk popular post, anda dapat dengan mudah memanipulasi isinya untuk memaksimalkan posting yag jarang terjamah pengunjung. :P
Dapat membuat list non menu (yang bukan digunakan sebagai navigasi) dengan mudah di bagian sidebar. Misalnya untuk membuat list tertentu yang berfungsi sebagai informasi (anda dapat melihat contohnya di bagian sidebar kanan bawah, tepatnya di bawah logo copyscape ^_^).

Untuk membuat list menu yang berisi link, cukup tambahkan tag a beserta anchor text-nya di dalam tag li:

<ul>
<li><a href="#">anchor text</a></li>
<li><a href="#">anchor text</a></li>
<li><a href="#">anchor text</a></li>
<li><a href="#">anchor text</a></li>
<li><a href="#">anchor text</a></li>
</ul>

Anda dapat dengan mudah membuatnya di sidebar sebagai pengganti widget menu yang isinya dapat diatur secara manual, sehingga dapat di-handle secara penuh. Untuk membuat list menu semacam ini di sidebar, masuk ke Dashboard > Design/Rancangan > klik add a gadget/tambah gadget > pilih HTML/Javascript. Beri judul sesuai isi menu dan susun list sesuai keinginan. Tampilan list menu akan mengikuti aturan yang telah dibawa oleh template blog (inherited).

Itulah dasar dari unordered HTML list dan menu list. Selanjutnya ke depan saya akan presentasikan beberapa konsep lain dari berbagai macam elemen dan struktur list web/blog beserta styling-nya dan juga akan ada beberapa menu horizontal dan vertical yang akan saya persembahkan (Insya Allah).

Cara Membuat Fitur Reply Comment (Balas Komentar) di Blogger

noreply@blogger.com (Anonymous) — Mon, 23 Jul 2012 02:29:00 +0800

Fitur Reply to Comment (Balas Komentar) sering kita temui di blog-blog Wordpress maupun Blogger. Perbedaannya, WordPress telah menyediakannya sebagai fitur bawaan. Selain itu, fitur reply comment WordPress mengandung threads yang independen. Masing-masing komentar dapat memiliki kesinambungan urutan seperti thread forum atau board. Di Blogger, fitur reply to comment pun dapat ditambahkan, namun sifatnya masih sangat sederhana. Hasil balasan komentarnya pun berupa komentar terbaru dan bukan thread. Tapi, tidak ada salahnya menambahkan fitur ini sebagai bagian dari tampilan desain blog yang tentunya akan memberikan kesan profesional pada blog Blogger anda.

Cara Membuat Reply To Comment (Balas Komentar) di Blogger/Blogger

Hack ini digunakan untuk menambahkan link fitur balas komentar Blogger. Ketika link tersebut di klik, maka akan muncul pop up window komentar baru, sama dengan jika anda melakukan setting kotak komentar agar muncul sebagai window baru dan bukan menyatu dengan bagian posting (berada di bawah posting).

Langkah-langkah menambah fitur reply to comment:

1. Copy kode berikut ke notepad atau text editor yang lain:

<span><a expr:href='"https://www.blogger.com/comment.g?blogID=ID-BLOG-MU&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>Reply</a></span>

2. Cari ID blog anda. Dari dashboard, buka halaman design, comment, post, atau yang lainnya. Lihat ke kotak url di bagian atas browser. Lihat bagian belakang url. Di bagian itu akan terlihat ID blog.

Contoh:

http://www.blogger.com/post-create.g?blogID=3293775847481849705

Di bagian berwarna merah itulah ID blog anda. Copy angka ID blog tersebut. Jangan sampai ada kekeliruan dalam meng-copy.
3. Ganti ID-BLOG-MU dengan angka ID blog yang telah di copy tadi.
4. Ganti Reply dengan text lain yang diinginkan.
5. Masuk ke edit HTML/Template.
6. Centang/klik 'Expand Widget Templates' (ni yg sering banget kelupaan, bis tu komen marah2 bilang kode yang harus dicari ga ada meskipun berulang2 dicari pe jenggotnya tambah panjang 5 meter)
7. Cari kode berikut:

<data:commentPostedByMsg/>

8. Masukkan seluruh kode yang telah diganti ID-nya tadi tepat DI BAWAH / SETELAH-nya.

9. Save Template.

Mengganti Text 'Reply' Comment dengan Gambar/Image Button

Jika ingin mengganti text 'Reply' dengan gambar, cukup ganti text tersebut dengan script gambar.

<img src='http://urlgambar.com/gambar.jpg' />

Selengkapnya, copy kode berikut:

<span><a expr:href='"https://www.blogger.com/comment.g?blogID=ID-BLOG-MU&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'><img border="0" src='http://urlgambar.com/gambar.jpg' style='float:right;padding:4px;' title="Balas Komentar Ini"/></a></span>

Ganti dengan url gambar tombol/icon reply untuk blog.

Kostumisasi Posisi Tombol/Gambar Reply Button

Ganti http://urlgambar.com/gambar.jpg dengam url gambar reply button. Ganti right dengan left jika ingin gambar berada di sebelah kiri (tepat di sebelah nama komentator). Atur nilai padding 4px untuk memberi besaran ruang kosong di sekeliling gambar. Ganti Balas Komentar Ini dengan kalimat atau perintah lain. Atau, tinggalkan begitu saja.

Gambar Tombol/Button Comment Reply

Untuk mendapatkan gambar reply button yang sesuai, anda dapat dengan mudah mencarinya di Google atau gunakan gambar berikut sebagai tombol reply komentar:

Penting! Upload dan host sendiri gambar-gambar tersebut karena sewaktu-waktu gambar-gambar tersebut dapat dihapus. Klik kanan, pilih 'save as'. Upload gambar ke Blogger (Picasa) atau lainnya.

Catatan: Beberapa problem yang muncul biasanya bersumber pada pencantuman ID blog yang keliru dan kesalahan dalam mencari kode yang sama persis. Pastikan benar mencentang 'Expand Widget Templates', jika tidak ketemu, cari tanpa tanda < dan >.

DOnE!

Cara Memasang Fitur Blogger Star Rating di Posting Blog

noreply@blogger.com (Anonymous) — Mon, 23 Jul 2012 02:24:00 +0800

Blogger star rating adalah salah satu fitur baru Blogger yg resmi diluncurkan pada pertengahan 2011 lalu. Dulu, uji coba serta akses pengaktifan & penggunaannya harus melalui draft.blogger.com. Tapi kini tidak lagi, aktivasi fitur star rating for blogger dapat dilakukan melalui dashboard blogger.com. Star rating memberikan kesempatan pada pengunjung blog untuk menilai konten/isi posting yg dibacanya. Bagi pemilik blog, star rating dapat memberikan gambaran guna mengevaluasi penyajian isi blog.

Cara Memasang Star Ratings Widget Pada Official Blogger Templates

Template Blogger resmi (non custom templates) telah memiliki bagian yg berisi kode-kode widget star
rating. Apabila ingin mengaktifkannya, cukup dengan melakukan beberapa langkah berikut:

1. Masuk ke dashboard Blogger.

2. Buka halaman layout (page elements).

3. Klik "edit" pada bagian badan posting (blog posts).

4. Klik/centang "Show Star Ratings"

5. Setelah itu save.

Cek posting blog, widget star ratings blogger ditampilkan pada bagian bawah posting.

Note: Pada beberapa kasus tertentu, opsi "Show Star Ratings" tidak ada. Jika sobat menemui kasus demikian, akses Blogger melalui draft.blogger.com.

Cara Memasang Star Ratings Widget Pada Custom Blogger Templates

Pada template blogger yg tidak disediakan oleh Blogger sendiri, star ratings tidak akan muncul meskipun sudah diaktifkan dengan cara seperti di atas. Hal ini karena pada template Blogger yg disediakan oleh pihak ketiga tidak diberikan script serta HTML star ratings. Melihat hal demikian, saya mencoba menengok template-template resmi Blogger dan menemukan beberapa bagian widget star ratings. Sebagai uji coba, saya kemudian mengekstraknya & mengaplikasikannya pada template blog ini.

Ada dua langkah penting untuk memasang star rating blogger:

Memasang Kode HTML star ratings:

1. Aktifkan terlebih dahulu fitur star ratings seperti cara di atas. Apabila tidak ditemukan, akses dashboard melalui draft.blogger.com. Save.

2. Buka edit HTML ( template > edit HTML), jangan lupa centang "Expand Widget Templates".

3. Jika ingin memasang star ratings di bawah judul posting, cari <div class='post-header-line-1'/> (gunakan Ctrl+F), letakkan kode berikut di bawahnya. Jika ingin memasang di bawah isi posting, cari <data:post.body/>, letakkan kode berikut di bawahnya:

<div class='star-ratings' style='float:right;'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
</b:if></div>

Note:

-Apabila anda telah menggunakan share buttons (Facebook, Twitter, Google+) yg saya share pada posting terdahulu, letakkan kode di atas </b:if>.

- Apabila <div class='post-header-line-1'/> tidak ditemukan, cari <data:post.body/>, letakkan kode di atasnya.

Memasang Script star ratings:

1. Masih pada edit HTML, cari <b:include name='feedLinks'/>, letakkan script berikut di bawahnya:

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1");
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

Note: Jika <b:include name='feedLinks'/> tidak ditemukan, cari <b:includable id='feedLinks'>.

2. Save template.

Blogger star ratings akan muncul di atas atau di bawah posting sesuai cara yg dipilih. Pastikan & perhatikan posisi widget agar sesuai dengan template blog. Jika perlu beri pengaturan CSS agar tampil pada posisi yg sempurna & sesuai keinginan.
Sumber : buka-rahasia.com

Cara Pasang Widget Sharing Is Caring/Sexy di Blogger

noreply@blogger.com (Anonymous) — Mon, 23 Jul 2012 02:22:00 +0800

Share posting ke beberapa social bookmark maupun social media lain merupakan hal penting untuk promosi blog dan artikel blog. Menyediakan tool untuk pengunjung agar lebih mudah melakukan sharing membuat mereka mudah melakukannya. Salah satu bookmarking widget yang cukup menjadi favorit adalah "Sharing is caring/sexy bookmarking widget", karena tampak atraktif dan animatif sehingga dapat menjadi nilai plus juga untuk desain blog.

Widget ini banyak ditemui dan dishare oleh banyak blog. Sebagian menggunakan javascript/jquery library, yang memang tampak lebih animatif. Namun kekurangannya, waktu load yang dibutuhkan lebih lama.
Sehingga bagi blog yang sudah terlalu banyak menggunakan javascript, widget ini dapat menambah beban/berat blog dan membuat waktu load lebih panjang. Untuk versi widget sharing is caring ini, saya
melakukan beberapa modifikasi pada jenis button bookmark apa saja yang digunakan dan juga menggunakan CSS sprite (image sprite) garapan CSSReflex tanpa javascript/jquery.

Cara Memasang Widget Sharing is Caring/Sexy di Blogger

Widget bookmark sharing blogger ini akan ditampilkan di bawah posting blog.
1. Masuk ke dashboard > template > Edit HTML

2. Centang 'Expand Widget Templates'. Jika perlu, backup template terlebih dahulu.

3. Cari </head> (Ctrl+F), letakkan kode CSS berikut tepat di atasnya.

<style type='text/css'>
div.beauty-bookmarks {height:54px;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAmkaHCAwxSFNBJeGHuXFUTjD21s_gzdG-3QPlGi7IeNauC36Hw9ILzJOdYgNXbTFlOIR6ma32bsWTLNStdvQ40nLefKuZxYgPGLby1eJEq5GzU33M-t5SQ_rQcVvIwHrRPKaWjjVez5re/s1600/buka-rahasia-sharing-background.png') no-repeat left top;position:relative;width:540px;}
div.beauty-bookmarks span.beauty-rightside {width:17px;height:54px;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAmkaHCAwxSFNBJeGHuXFUTjD21s_gzdG-3QPlGi7IeNauC36Hw9ILzJOdYgNXbTFlOIR6ma32bsWTLNStdvQ40nLefKuZxYgPGLby1eJEq5GzU33M-t5SQ_rQcVvIwHrRPKaWjjVez5re/s1600/buka-rahasia-sharing-background.png') no-repeat right top;position:absolute;right:-17px;}
div.beauty-bookmarks ul.socials {margin:0 !important;padding:0 !important;position:absolute;bottom:0;left:10px;}
div.beauty-bookmarks ul.socials li {display:inline-block !important;float:left !important;list-style-type:none !important;margin:0 !important;height:29px !important;width:48px !important;cursor:pointer !important;padding:0 !important;}
div.beauty-bookmarks ul.socials a {display:block !important;width:48px !important;height:29px !important;font-size:0 !important;color:transparent !important;}
.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-yahoo, .beauty-yahoo:hover, .beauty-blinklist, .beauty-blinklist:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-myspace, .beauty-myspace:hover, .beauty-mixx, .beauty-mixx:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover, .beauty-syndicate, .beauty-syndicate:hover, .beauty-email, .beauty-email:hover {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBxV19lJ0PFuHqq3XDBMBvti9ljUUrG4IYtOHkySxkFCg_uUBIGR9-7IpLGo3DiU25cq12hbXlsJADsLuoyX59Imggg2Fiy4EZezYvBFs-4EmwuTmRGpmq2_5rBp0LgIn0hxMBi6YZ0qoM/s1600/bukarahasia-sexysprite.png') no-repeat !important;}
.beauty-furl {background-position:-300px top !important;}
.beauty-furl:hover {background-position:-300px bottom !important;}
.beauty-digg {background-position:-500px top !important;}
.beauty-digg:hover {background-position:-500px bottom !important;}
.beauty-reddit {background-position:-100px top !important;}
.beauty-reddit:hover {background-position:-100px bottom !important;}
.beauty-stumble {background-position:-50px top !important;}
.beauty-stumble:hover {background-position:-50px bottom !important;}
.beauty-delicious {background-position:left top !important;}
.beauty-delicious:hover {background-position:left bottom !important;}
.beauty-yahoo {background-position:-650px top !important;}
.beauty-yahoo:hover {background-position:-650px bottom !important;}
.beauty-blinklist {background-position:-600px top !important;}
.beauty-blinklist:hover {background-position:-600px bottom !important;}
.beauty-technorati {background-position:-700px top !important;}
.beauty-technorati:hover {background-position:-700px bottom !important;}
.beauty-myspace {background-position:-200px top !important;}
.beauty-myspace:hover {background-position:-200px bottom !important;}
.beauty-twitter {background-position:-350px top !important;}
.beauty-twitter:hover {background-position:-350px bottom !important;}
.beauty-facebook {background-position:-450px top !important;}
.beauty-facebook:hover {background-position:-450px bottom !important;}
.beauty-mixx {background-position:-250px top !important;}
.beauty-mixx:hover {background-position:-250px bottom !important;}
.beauty-script-style {background-position:-400px top !important;}
.beauty-script-style:hover {background-position:-400px bottom !important;}
.beauty-designfloat {background-position:-550px top !important;}
.beauty-designfloat:hover {background-position:-550px bottom !important;}
.beauty-syndicate {background-position:-150px top !important;}
.beauty-syndicate:hover {background-position:-150px bottom !important;}
.beauty-email {background-position:-753px top !important;}
.beauty-email:hover {background-position:-753px bottom !important;}
</style>

Kostumisasi CSS:

Secara default, CSS di atas saya set untuk menampilkan quote "sharing is caring". Untuk mengubah menjadi "sharing is sexy", perhatikan pada bagian CSS background positioning di atas yang saya tandai dengan warna biru: ganti left top dengan left bottom, dan right top dengan right bottom.

4. Cari <data:post.body/> (Ctrl+F), paste kode berikut TEPAT setelah/dibawahnya:

<b:if cond='data:blog.pageType == "item"'>
<center><div class='beauty-bookmarks'>
<ul class='socials'>
<li class='beauty-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-twitter'><a expr:href='"http://twitter.com/home/?status=Chk Out-" + data:post.title + " " + data:post.url' target='_blank'/></li>
<li class='beauty-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-syndicate'><a href='http://www.ayibaguspart2.com' title='Subscribe to RSS'/></li>
<li class='beauty-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='beauty-rightside'/></div></center>
</b:if>

Ganti http://www.ayibaguspart2.com dengan url feedburner blogmu.

5. Save templates.

Done, sekarang tinggal ajak pengunjung untuk memanfaatkan bookmark sharing widget tersebut.

Apakah Social Media Menjadi Ancaman Dunia Blog ?

noreply@blogger.com (Anonymous) — Mon, 23 Jul 2012 02:13:00 +0800

Wacana ini muncul setelah rating social media seperti Facebook dan Twitter terdongkrak hingga ratusan persen di tahun 2010. Sedangkan media ekspresi online lainnya yaitu blog dikatakan terancam oleh keberadaan social media berjenis networking ini.

Bisakah dibayangkan anda membaca update informasi online apapun hanya melalui social media seperti Facebook dan Twitter? Tentu saja akan menjadi hal yang konyol apabila ada pernyataan demikian. Segala
bentuk update informasi dan kebutuhan yang spesifik tidak bisa kita dapatkan melalui jaringan social media.Wacana ini santer setelah Verne G. Kopytoff, dari New York Times membuat statemen yang bernada sinis,

"Blog dulunya outlet pilihan bagi orang yang ingin mengekspresikan diri mereka secara online. Tetapi dengan munculnya situs seperti Facebook dan Twitter, blog kehilangan daya tariknya bagi banyak orang - khususnya generasi muda." Tulis Kopytoff.

Melihat statemen itu, sepertinya kita dapat menduga bahwa ada banyak hal yang tidak diucapkan secara realistis. Jika memang banyak yang mengalihkan media ekspresi blogging ke social media, mengapa justru pada medio 2010 jumlah blogger di dunia ini bertambah hingga berkali-kali lipat?

Pihak WordPress telah membuktikan beberapa hal tentang perkembangan dunia blog, baik dari jumlah subscriber, jumlah pageview, maupun antusiasme masyarakat untuk blogging. Pendiri dan pengembang WordPress, Matt Mullenweg menanggapi statemen tersebut dengan hasil statistiknya:

"Statistik menunjukkan bahwa semua layanan blogging tumbuh pesat - bahkan unique visitor Blogger.com naik sekitar 9 persen menjadi 323 juta, yang berarti, pada tahun lalu saja telah meningkat hingga 6 kali lipat! (Pada waktu yang bersamaan, menurut Quantcast, unique visitor WordPress.com meningkat hingga 80.juta unique visitor)."

Kenyataannya pula, pada tahun 2010 telah terdaftar sekitar 6 juta akun baru di Wordpress.

Memang, wacana ini tetap akan menimbulkan sikap kritis bagi dunia blog karena social media saat ini juga mulai lazim disebut sebagai "microblogging", dimana para pemilik akun mulai share berbagai hal yang hampir sama dengan blog. Namun bukan berarti hal ini sama persis mengingat ada perbedaan esensial yang sangat jelas. Blogging adalah suatu aktivitas yang sangat berbeda dengan social media, dimana blog memberikan "kuasa penuh" bagi pemiliknya untuk mengatur dan mengutak-atik sedemikian rupa apa yang akan ditulis dan termasuk tampilan blog itu sendiri (design).

Alih-alih, social media justru menjadi sarana pendukung bagi dunia blog untuk mendongkrak kebutuhan popularitas serta arus traffic pengunjung. Hal ini tentu tak dapat disanggah lagi. Keduanya berjalan berdampingan dan saling mendukung. Sama-sama memberikan amunisi bagi pemilik blog serta pengunjung blog. Blog adalah ladang konten dan artikel. Sedangkan social media adalah sarana komunikasi pemilik dan pembaca blog yang dapat membantu memberi bentuk interaksi dan komunikasi yang lebih memungkinkan.

Jelas, secara konseptual keduanya memiliki fungsi serta peranan yang berbeda dan tak bisa saling menggantikan.

Sebagai pengalaman pribadi, social media seperti Facebook dan Twitter merupakan sarana publikasi yang cukup efektif, bahkan lebih efektif dari situs-situs direktori. Tercatat 15-20% pengunjung datang dari social media itu. Persentse sebesar itu tentu saja tidak bisa diremehkan. Apalagi saat ini banyak fitur publikasi konten/artikel secara otomatis ke kedua social media tersebut..

Intinya, tidaklah terbukti bahwa minat dan keinginan untuk berekspresi melalui blog berkurang. Justru sebaliknya, stastistik telah jelas memberikan signal positif bagi perkembangan blogosphere. Memang diakui media ekspresi praktis seperti Facebook dan Twitter telah memikat banyak user dengan perkembangannya yang pesat dua tahun terakhir ini. Namun, khususnya dari sisi saya pribadi, tidak ada pengaruh berarti yang membuat saya surut dalam melakukan aktivitas blogging.

Dan, bukankah sejak dulu blog itu sendiri sebenarnya adalah social media?