Biyan Networks

Jangan Menulis Kalau Tidak Menguasai Materinya!

2011-12-10T02:34:00.001-08:00

Mungkin pernah menemukan atau mendengar ada blogger yang mengajukan pertanyaan seperti ini:

Bagaimana cara paste code di post Blogspot? Saya mau nulis di blog tentang tutorial

Lho, mau buat tutorial kok gk ngerti dengan pengetahuan dasar tentang coding, khususnya ”parse” HTML/Javascript? Bukannya tidak mendukung, hanya saja saya risih...ini seperti dosen abal-abal yang mengajar mahasiswa supaya pintar *pengalaman pribadi ketemu dosen seperti itu tidak enak*. Konsep ini juga bisa menjadi cikal bakal copy-paste.

Ilustrasi oleh: http://www.officemuseum.com/

Urungkan niat menulis kalau belum paham materi. Apalagi ini bukan hanya menulis, tapi “Ngeblog”. Bahasa kasarnya. “sekalian presentasi”...presentasikan apa yang dituliskan, dan itu tidak mudah.

Tulislah materi yang dikuasai...”yang dikuasai”.

Solved! Google+ Yang Tidak Muncul Untuk Template Lama

2011-11-25T18:08:00.001-08:00

Secara default, tombol Google+ button sudah disematkan untuk template custom yang menggunakan framework lama semisal Minima, hanya saja tidak muncul karena ternyata tidak memiliki API dan scriptnya sendiri terhidden alias berupa short code.

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Solusinya adalah dengan memasang script diatas sebelum tag . Kalau sukses, G+ menampakkan dirinya seperti ini:

Masalah belum selesai disini, saya ingin menghilangkan “Annotation” (kalimat disamping G+ // Recommended this on Google) . Sayangnya karena script terhidden, maka editing hampir mustahil. Saya hampil lama melongo disini

Selidik punya selidik, saya membuka source code template lewat CTRL+U dan ketemu script ini:

<div class='goog-inline-block dummy-container'><g:plusone source='blogger' href='http://www.fareyferrai.com/2011/11/blog-in-maintenance-message.html' size='medium' width='300' annotation='inline'/></div>

Dari script itu diidentifikasi kalau Blogger otomatis memasang annotation='inline' pada tombol G+. Untuk menghilangkan annotation, maka “inline” harus diganti menjadi “none”. Sayangnya tidak bisa diganti begitu saja karena seperti yang saya katakan sebelumnya, script ini tersembunyi. Kalau mau lihat scriptnya, masuk ke Edit HTML, lalu cari goog-inline-block dummy-container, kalau beruntung akan ketemu yang beginian

<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>

<data:post.dummyTag/> itulah yang memanggil G+ secara tidak langsung (bahasa kerennya “Short Code”) dan dia terbungkus oleh goog-inline-block dummy-container. Solusinya saya mengganti semua code diatas menjadi seperti ini

<span class='gplus' style='margin-left:5px'><g:plusone annotation='none' size='medium'/></span>

// Akhir yang bahagia

Auto Pagination Adalah Takdir!

2011-10-10T06:36:00.000-07:00

Pihak Blogger mengklaim bahwa dengan adanya auto pagination, halaman bisa dikompress sehingga menjadi lebih ringan. Kalau rajin cari di Google dengan keyword itu, pasti ketemu jawaban lengkap dengan penjelasannya meski tidak ada solusinya.

Auto pagination adalah takdir yang dipaksakan kepada blogger dari Blogger. Fitur ini bukan pilihan, jadi tidak bisa di matikan.

Sebagai kasus, saya ilustrasikan seperti ini. Misalnya saya memiliki 20 post, tapi yang muncul di home hanya 6 meski sudah di set pada formatting bahwa jumlah post yang muncul adalah 20. Kenapa harus 6? Karena post ke 7 dianggap berat oleh server jika harus diload dalam satu halaman.

Auto pagination bisa ditekan, kalau tahu caranya.

Hindari penggunaan widget berlebih,
Kompress ukuran (size, bukan dimention) gambar/foto sekecil mungkin.
Saya biasanya menggunakan “save for web & devices” pada photoshop. Bisa juga menggunakan layanan Yahoo!Smush_It.
Perhatikan penggunaaan background pada template.

Auto Pagination biasanya sangat dirasakan untuk blog berbasis photography yang notabene memang menggunakan banyak gambar.

Approved!

2011-09-24T19:23:00.000-07:00

Oh yeah...diapprove lagi di Themeforest.net setelah dua kali direject dengan alasan asimetris dan dokumentasi. Berarti ini yang kedua setelah sebelumya.

Saya menyebutnya Sinjai. Item ini sudah tersedia di Themeforest sekitar 1 minggu lebih. Yang paling dominan yaitu penggunaan fancybox. Fitur ini memang standar di beberapa template gallery, perbedaannya adalah pada template ini fancybox bekerja otomatis pada homepage/index.

Masalah muncul saat Blogger meluncurkan fitur baru, namanya lightbox. Kalau saya tidak salah, peluncuran lightbox o/ Blogger dilakukan diam2 tanpa pemberitahuan sebelumnya, tanpa lewat “draft”, dan tanpa opsi. Terkesan dipaksakan memang. Dan hasilnya fancy dan light bekerja bersama-sama memunculkan dua popup. keputusan akhir, saya memutuskan untuk mematikan fungsi lightbox default Blogger dengan penuh kasih sayang dan meninggalkan fancy sendiri.

Untuk sementara, template ini hanya untuk Blogger. Ada rencana untuk membuat dalam versi HTML/CSS template, tapi apa daya, waktu tidak mendukung.

Post Summary dan Thumbnail di Blogger

2011-04-15T05:21:00.000-07:00

Beberapa waktu yang lalu Blogger meluncurkan widget popular post. Berhubungan dengan widget itu, Amanda Fazany dari Bloggerbuster mencoba mengintegrasikan script widget popular post pada Content sebagai pengganti Auto Read More. Anda bisa membaca ide ini di BloggerBuster. Menurut saya, pengaplikasian script popular post pada content terbilang menarik apalagi karena kemampuannya menampilkan thumbnail tanpa distorsi dan tanpa teknik Crop. Hanya saja, ada kekurangannya. Saya akan membahasnya disini:

1. Jumlah Karakter
Blogger membatasi 140 karakter untuk summary, dan sepengetahuan saya jumlah karakter tidak bisa ditambah. Anda bisa mengurangi dengan melakukan sedikit malipulasi menggunakan property display:none, tentu saja sebelumnya dengan mendeklarasikan tinggi dan lebar pada element post-body.

2. Dimensi Thumbnail
Secara default, thumbnail yang ditampilkan maximal berukuran 72px x 72px dan square. Meski bisa diperbesar, tapi akan menyebabkan gambar terlihat buram. Saya menggunakan border berukuran 5px yang membungkus thumbnail agar terlihat lebih besar secara evek visual meski pada dasarnya sama saja.

3. Tampilan
Menurut saya, script ini tidak cocok digunakan untuk template/blog yang memiliki elemen post-body yang lebar atau menerapkan system fluid-width karena jumlah karakter yang terbilang minim. Alhasil, jika element content terlalu lebar, summary kemungkinan hanya berada pada satu baris saja dan terlihat tidak proporsional dengan thumbnail.

4. Pages
Sama seperti auto read more, script ini bentrok dengan "laman". Saya mencoba melakukan manipulasi, meski sedikit memaksa tapi ternyata berhasil ^^

Letakkan CSS berikut diatas #main-wrapper:

.thumb img {
  float: left;
  border:1px solid #ddd;
  background:#e5e5e5;
  height:auto;
  padding:5px;
  margin: 3px 10px 10px 0;
}

Setelah itu letakkan CSS berikut diatas </head>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
.auto-thumbnail {display:none}
</style>
</b:if>

Save dulu, lalu Click "Expant Widget Template", dan ganti <data:post.body /> dengan script berikut:

<div class='auto-thumbnail'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.snippet'>
          <b:if cond='data:post.thumbnailUrl'>
              <div class='Image thumb'>
                <a expr:href='data:post.url'><img expr:src='data:post.thumbnailUrl'/></a>
              </div>
          </b:if>
            <data:post.snippet/>
     <b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>
          <b:else/>
            <data:post.body/>
          </b:if>
      <b:else/>
      <data:post.body/>
      </b:if>
      </div>

      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <data:post.body/>
      </b:if>

Finally, Script ini berhasil saya aplikasikan pada salah satu template. Saya menyebutnya "Game Maniac".

Demo | Download

Selain penggunaan script diatas sebagai pengganti auto read more, saya juga menambahkan beberapa fitur tambahan semisal custom navigation dan custom featured post.

Personas, Blogger Template

2011-03-22T20:25:00.000-07:00

Personas, Blogger template pertama kami, dzignine, yang berbasis "photography bawah air". Template ini menggunakan auto read more terbaru yang saya manipulasi dan sudah di test bekerja baik untuk fitur "Page" Blogger.

Demo | Download

Fitur:
- 4 Kolom Footer
- Auto grab thumbnail (Auto Read More). Credit: Anvo
- Stunning background. Credit: ~allbestwallpapers
- Bekerja untuk fitur terbaru blogger.
- Support "Template Designer". *not full.
- Custom widget.
- etc.

Kami mendesain "personas" sebaik mungkin. Halaman dashboar yang kami buat lebih rapi dengan tujuan anda bisa menggunakannya dengan lebih nyaman. Template ini juga dibuat menggunakan custom navigation. Tidak seperti navigasi menu pada template lainnya, personas menggunakan widget "link list" yang kami manipulasi agar anda bisa memasang navigasi link semudah mungkin tanpa harus menuliskan kode/script HTML.

Premium Template, Masero

2011-03-04T17:25:00.001-08:00

Sebenarnya template ini sudah eksis sejak 11 November 10 yang lalu di Themeforest, tapi baru beberapa hari ini mencapai update terbarunya, V2.n Template ini menggunakan custom widget yang saya manipulasi agar user yang awam sekalipun bisa menggunakannya — semoga tanpa kesulitan.

Item ini bisa anda beli di Themeforest seharga $15, atau $17 jika anda tidak menggunakan prepaid credit.

Untuk kelengkapan fitur sudah saya jelaskan di themeforest. Anda juga bisa melihat live preview dan screenshot lebih jelas jika mengunjungi target langsung.

Kenapa Tidak Harus Pindah Engine?

2010-10-04T07:19:00.001-07:00

Dua kata, "Saya Malas".

1. Pertama "Saya", tidak terlalu tertarik dengan migrasi engine. Saya harus merenovasi ulang, maintenance besar besaran, terlebih lagi..saya tidak suka dengan suasana baru dari bahasa yang berbeda yang disajikan tiap engine. Saya tau "untuk terbang, burung harus meninggalkan sarangnya", tapi untungnya saat ini saya tidak sedang berada dalam sarang.

Blogger sudah sangat menarik, saya kira. Kelengkapan fiturnya sudah menjamin saya untuk bisa memaksimalkannya, terlebih lagi perkembangan blogger itu tidak statis. Mau dikemanakan juga bisa *mungkin*. Beberapa waktu yang lalu, jika mengingat pengalaman saya kebelakang, sudah banyak pengembangan konsep yang berbeda pada blogger. Mulai dari Aggregator, artworks, magazine, portfolio, e-commerce, Gallery, sampai ke desain profesional. Convert dari WP ke blogger pun sudah sangat banyak perkembangannya.

Kembali ke teori 80/20, saya rasa saya bisa melakukan lebih dari 20 itu. Sampai saat ini, tidak ada kesulitan yang berarti yang saya temukan di blogger. Jadi, saya masih enjoy.

2. Kedua, "Malas". Saya memiliki pemikiran bahwa saat migrasi engine, saya akan memulai semuanya dari awal. Serius, itu saya! Saya tidak suka melakukan proses eksport-import, setting permalink, dan sebagainya, dan sebagainya, dan sebagainya. Maintenance besar-besaran, saya malas melakukannya. Sibuk, mungkin :) Apalagi sekarang saya harus mengurus blog yang satunya itu T.T

Saat pindah rumah, orang akan melakukan sosialisasi ke tetangga baru, ngegossip bareng, syukuran, cupika-cupiki, etc, etc.

***

Sepertinya tidak afdol kalau saya hanya curhat disini, karena itu saya akan berbagi sepintas pemikiran saya, "kenapa dan kapan anda harus pindah engine":

Coba pikirkan, apa yang terjadi pada tempat sebelumnya. Kalau tidak banjir, tidak gempa, tidak rusak..maka kenapa anda harus pindah? Atau mungkin anda berniat mencari rumah mewah?

Mencoba mencari nuansa yang baru, mungkin. Yeah...semua suka melakukannya. Tujuannya agar tidak bosan ditempat yang sama terus menerus. Anda mungkin butuh hiburan di tempat yang baru. Kalau ini alasannya, anda mungkin butuh pindah. Tapi kapan akan kembali, itu anda yang tentukan?

Mencoba peruntungan? "Saya kurang beruntung di blogger, mungkin WP bisa mewujutkannya". Heiii...anda sedang menguji peruntungan pada engine? Kalau begitu, kenapa tidak KETIK REG [spasi] HOKI kirim ke 36*6.

"Fiturnya blogger tidak lengkap, saya butuh lebih". Kalau itu alasannya, anda memang butuh pindah. Kalau sudah stak, jangan ragu2 untuk pindah. Cari tempat yang lebih baik yang bisa memunculkan lagi kreatifitas.

Satu yang penting, Engine itu sesuatu yang dipilih karena telah dikonsep sebelumnya, bukan dipakai karena "katanya" gratis :)

Siapa Yang Peduli Dengan Comment Spam Filter Blogger!

2010-08-13T21:41:00.000-07:00

Yeah..Filter Spam di munculkan oleh blogger sebagai solusi banyaknya spammer bertebaran dikalangan pengguna blogcepot melalui kolom komentar. Bukan hal yang baru memang kalau pengguna blogger telah merusak citra mereka sendiri dengan bertebarannya unimportant live link pada kolom komentar. Saat mereka bisa mendapatkan komentar yang berjibum di kolom komentar mereka sebagai penanda popularnya artikel itu — siapa yang peduli dengan fitur penting ini?

Lalu, fitur ini bukan solusi menurut saya. Wordpress sudah memilikinya dari dulu — meski lebih bagus & lebih lengkap. Dibandingkan yang ini, saya lebih berharap blogger mengeluarkan fitur "reply" atau "quote" pada kolom komentar.

Tidak..saya tidak bilang fitur spam detektor ini jelek — justru hebat menurut saya. Tetapi kembali ke usernya. Apakah dia berniat melakukan moderasi komentar spam jika mereka sendiri mengharapkan komentar seperti itu pada blognya...atau, mereka sendiri yang membuatnya? Siapa yang tau :)

Apa Yang mereka Katakan Tentang Blogger?

2010-07-23T21:26:00.000-07:00

Bukan tentang murah atau gratis dimana blogspot memang diprioritaskan untuk kalangan LowEnd. Tetapi tentang kemudahan dalam hal operasional. Sampai saat ini, engine gratisan yg memiliki fitur terlengkap masih dipegang oleh blogspot.

Wordpress, TextPattern, etc etc..memang gratis [hanya download source nya saja yg gratis], tetapi butuh Hosting untuk meng-Online-kannya. Anda boleh mencari hosting gratisan, tetapi semua harus ditanggung sendiri. Berbeda dengan blogspot yg full akses semua diberikan secara cuma cuma.

Tetapi dibalik kelebihannya, tentu saja ada kekurangannya. Dari kekurangan inilah banyak yg menganggap bahkan meragukan blogspot. Mari bahasa satu persatu apa yg, *pernah saya dengar & baca*, mereka katakan tentang blogspot.

Tidak Support SEO?

Pengetahuan yg salah dan terbatas ini yg membuat nama blogspot rusak. Tidak ada yg salah dari blogspot jika dilihat dari segi SEO. Tidak seMudah wordpress memang, tetapi tidak berarti tidak support SEO. Semua hanya masalah pengetahuan dan kemampuan. Sampai saat ini, tidak ada satu pun teknik SEO (*yang saya ketahui) tidak bisa dilakukan di blogspot.

Meta Tag, Injeksi Keyword, Struktur Semantik, Optimasi Tag H, Optimasi On Pages. Optimasi Post Title, Specifik Deskripsi, etc..semuanya, *sepengetahuan saya*, bisa dilakukan di blogspot. Tetapi setidaknya itu oleh saya, tidak tau dengan anda, tidak tau dengan mereka.

Jika wordpress memanjakan usernya dengan Plugin, blogspot membuat anda bekerja keras untuk itu. Mungkin hanya ini kekurangannya...yah, kerja keras.

Takut diBanned, Selingkuh ke Wordpress

Banyak alasan yang dibuat buat untuk ini. Gossip terakhit meng-kambing-hitam-kan navbar sebagai penyebab akun diBanned/suspend/tutup. Mari berfikir kebelakang, apa yg sudah anda lakukan terhadap mesin tersebut. Cari tau, jangan jadikan navbar sebagai Kambing Hitam.

Hanya dua alasan mengapa blogspot harus menutup akun anda:
1. Melanggar T.O.S
2. Inactive Account
[baca juga: Amanda Fazany » Should You be Worried That Blogger Will Delete Your Blog?]
Alasan diatas cukup simple, tetapi akan rumit jika dijabarkan.

Tidak Profesional?

Mungkin karena gratis sehingga mereka beranggapan kalau blogspot tidak profesional. Memang benar...maksud saya, memang benar benar salah!

Silahkan membongkar kebelakang dimana saat itu dia hanya digunakan oleh mereka yg menulis diari-nya dan membiarkan mereka yg lain untuk membacanya.

Wikipedia » Blogger (service)
Pyra™ Lab» Blogger Story

Mungkin dari citra yg melekat cukup lama tentang blogger untuk personal pages membuat tidak cocoknya engine ini diaplikasikan untuk level profesional. Citra memang tidak bisa hilang begitu saja, tetapi setidaknya harus diketahui juga bahwa citra itu sudah lama, *bahkan sudah cukup tua*, sejak tahun 1999. Kini blogger sudah mengalami metamorfosa yg menurut saya sudah cukup powerfull dan memiliki fitur mapan. Upgrade rutin dilakukan oleh mereka yg bekerja dibelakang blogger.com demi membuat blogspot menjadi lebih baik.

Penutup

Think before talk...
Tidak ada yg salah dengan blogger bukan berarti tidak ada yg kurang dengan blogger. Akan selalu ada perubahan menjadi lebih baik.
Sampai sekarang saya masih betah menggunakan engine ini mengetahui bahwa saya bisa melakukan apa yg tidak bisa dilakukan oleh mereka yang mengatakan bahwa blogger engine kampungan.

Simple Facebook Like Button

2010-06-15T01:57:00.000-07:00

Ini seperti penyederhanaan tampilan like button yang sempat saya tuliskan sebelumnya. Facebook like button yang ini hanya menampilkan count 'berapa user' yang sudah mengklik nya.

Kunjungi facebook developers, scroll ketengah, ketemu seperti screenshoot dibawah:

Pada bagian 'Layout Style' pilih 'Button_count'. Ini akan menyedehanakan tampilan. Untuk pengaturan yang lainnya bisa ditentukan sendiri. Jgn lupa memasukkan URL/domain. Setelah selesai, hantam 'Get Code' pada bagian bawah.

Ada dua type kode yang disediakan, satu berbasis iFrame, dan satunya yang berbasis XFBML. Untuk menggunakan yang kedua, anda diharuskan untuk mendaftarkan aplikasi (*domain) ke facebook developer

Agar mudah, gunakan yang pertama saja.

***

Untuk penerapan/pemasangan di blogger, ikuti (note: kode akan disematkan dibawah posting):

1. Masuk ke dashboard + design + Pages Element + tambah gadget -- input code

2. Karena saya bemaksud untuk menampilkan button ini dihalaman artikel, akan ada penambahan kondisi yang disematkan. Ikuti saja format dibawah:

<b:if cond="data:blog.pagetype == "item"">

-- input facebook like button code here--

</b:if>

ada kasus dimana plugin ini melorot kebawah. kalau ini terjadi, padatkan codenya dengan menghilangkan spasi, antara '<' dan '>'. Perhatikan, tidak semua spasi bisa dihilangkan.

3. Langkah terakhir dengan menDrag widget ke tempat yang diinginkan, apakah footer, sidebar atau yang lain. Saya menyarankan dibawah post.

Tentang Redirect di Blogspot

2010-05-19T05:00:00.000-07:00

Tahu dengan redirect? Biasanya istilah ini muncul kalau ada sesuatu yang akan diarahkan ke sesuatu. dalam hal ini, fokus permasalahan ada di blogspot. Ada dua kasus tentang redirect ini yang akan dipecahkan.

Kasus 1: Redirect Tanpa WWW pada custom domain
Permasalahannya muncul ketika melakukaan custom domain. Kesalahannya biasa pada settingan di layanan DNS dalam hal ini pada CNAME record. Kesalahan kedua pada saat settingan di blogspot dimana pihak admin tidak mencentang kalimat 'Arahkan domain.....tanpa www'. Solusinya baca disini.

Terus, adalagi kasus dimana blogspot cenderung mengarahkan/redirect 'subdomain hasil custom domain' ke domain asli/master. Ini kasus redirect yg paling parah di blogcepot. Diasumsi, saya memiliki domain di biyankeren.com, terus mau buat subdomain dari domain ini (kentut.biyankeren.com), maka tanpa pengaturan yg baik dan settingan dns yg tepat, subdomain kentut.biyankeren.com akan diarahkan ke domain master di biyankeren.com. Kasus ini muncul karena subdomain tidak bisa diarahkan tanpa www.

Bukannya memang subdomain tidak punya www? Memang. dalam hal redirect, subdomain adalah kebalikan dari 'domain master'. Misalnya untuk domain master 'tanpa www' akan diarahkan ke 'www', tetapi pada subdomain 'www' akan diarahkan ke 'tanpa www'. Solusinya, buat 2 cname record tambahan hasil rekayasa subdomain. Satunya diisi dengan kentut, dan satunya lagi diisi dengan www.kentut.

Sayangnya tidak semua layanan dns manager yang bisa menambahkan www pada subdomain. Karena itu cari layanan free dns lain yang support cara ini :)...capek. Penjelasan lebih lanjut tentang cara ini akan saya jelaskan di artikel selanjutnya.

Kasus 2: Redirect Blog ke Blog Yang Lain

Diasumsi anda memiliki blog lama dengan domain lama. Mau dihapus, tidak tega, tidak sampai hati, pusing sendiri. Belum lagi kalau ternyata traffik blog lama itu sudah lumayan. Solusinya, redirect saja ke doman baru. pengaplikasian Kasus 2 ini juga bisa dilakukan pada blogspot ke wordpress.org. Asumsi punya subdomain dari blogspot, ex: kentut.blogspot.com...terus saya mau agar jika ada visitor yang masuk ke 'Kentut' itu langsung diarahkan ke custom domain saya di wordpress. Maka, cara ke dua ini bisa dilakukan.

Caranya? Pada blog lama, masuk ke dashboard + Edit HTML. Paste kode berikut diatas <b:skin><![CDATA[/*

The Power Of Yahoo Answer

2010-05-14T20:55:00.000-07:00

Pernah dengar atau aktif di Yahoo! Answer? Kalau anda jeli, layanan milik Yahoo! ini bisa dijadikan salah satu alternatif peningkat traffic. Intinya, kita akan membuat pertanyaan di kolom Yahoo!Answer dan menjawabnya sendiri lalu menyisipkan live link di jawaban tersebut sebagai sumber jawaban. Curang? Itu hanya istilah untuk sebuah pilihan. Anda yang menentukan mau ikut atau tidak.

Untuk Indonesia, Yahoo!Answer bisa dibuka di http://answer.yahoo.co.id yang akan diredirect ke http://id.answers.yahoo.com.

Yahoo!Answer akan digunakan untuk menyebarkan backlink ke link artikel blog anda. Yang dibutuhkan adalah Google Trend, dan 2 akun yahoo!. Ada yang berbahaya memiliki Dua akun yahoo yang digunakan bersamaan untuk nyepam di Yahoo!Answer....anda bisa dibanned jika ketahuan. Untuk itu, ada alternatif lain..Kerjasama dengan teman anda yang juga aktif di Yahoo!Answer.

1. Tentang Level Dua
Kenapa harus level 2. Untuk bisa memasang live link di Yahoo!Answer, dibutuhkan member dengan akun level 2 keatas. Untuk bisa berada pada level 2, dibutuhkan paling tidak 250 point. Pastikan salah satu dari kedua akun yang digunakan harus sudah level 2.

2. Bergerak!
- Pertama cari dulu topik yang panas di GoogleTrend. Buat artikel tentang itu. Pastikan keyword yang ditembak sudah memadai.

- Masuk ke halaman Yahoo!Answer. Login dengan user name anda. Ajukan pertanyaan dan jawab sendiri pertanyaan tersebut menggunakan akun lain yang sudah berlevel 2, pastikan memasang link ke artikel anda sebagai sumber dari jawaban yang telah diajukan (Materi reverensi). Lihat gambar disamping.

- Agar tidak ada penggangu, segera pilih jawaban anda sendiri sebagai jawaban terbaik. Tindakan ini akan otomatis meLock topik tersebut sehingga tidak ada orang lain yang bisa menjawabnya. Gunanya agak visitor lebih terfokus ke jawaban anda dan link yang disematkan kedalamnya.

Lihat kehebatan Yahoo!Answer dalam pencarian Google. Paling tidak, biasanya Yahoo!Answer masuk dalam halaman pertama pencarian Google. Hebatnya lagi, link anda ada didalamnya.

3 Cara Pasang Facebook Like Button di Blogger

2010-04-27T06:56:00.000-07:00

Yang tidak tahu, facebook like button bentuknya seperti ini:

Ada tiga cara untuk memasang tombol facebook like/recommended:

1. Iframe
Meskipun ini yang termudah, tetapi jarangan ada yang sukses. Ini kodenya:

<b:if cond='data:blog.pageType == &quot;item&quot;'><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></b:if>

2. Kunjungi Facebook Development
Kunjungi situsnya di:

http://developers.facebook.com/docs/reference/plugins/like/

dari sana kamu bisa menggenerate kodenya. Lalu pasang di blog.

3. Pakai xfbml
Caranya, buat ID di facebook Development. Pada "Application ID, copy ID yang kamu miliki, lalu pasang pada kode dibawah ini" Berikut adalah kodenya:

<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

<fb:like action='like' colorscheme='light' expr:href='data:Post.url'
layout='standard' show_faces='true' width='500'/>
</b:if>

Ganti bagian yang saya kasih Bold dengan ID mu sendiri.

***

Note: Untuk memasang tombol itu dibawah post, caranya letakkan kode FBML dibawah <data:post.body/>.

Membuat Sidebar dan Posting Sama Tinggi

2010-04-15T08:20:00.000-07:00

Pada beberapa template yang memiliki warna berbeda antara Sidebar dan Main (Main-Wrapper = Post), kadang kasus tidak sama tinggi antara kedua Bagian ini membuat layout terlihat tidak simetris.

Mudah jika Main dan Sidebar memiliki warna yang sama, tentu saja trik seperti ini tidak usah dilakukan. Karena itu, tutorial ini hanya saya peruntukan untuk blogger dengan warna sidebar dan main berbeda.

1. Mengapa Tidak Simetris?
Perlu diketahui, pada kerangka default Minima, tidak terdapat kode yang mengatur keberadaan Content-Wrapper. Karena itu, disini kita akan menambahkan content-wrapper secara manual. Lalu content wrapper tersebut akan diberikan background mengikuti background Main dan Sidebar-wrapper. Tentu saja hitung hitungan baik itu dari width: Main sampai Sidebar bahkan termasuk Margin + Border harus anda tahu.

"Untuk mempermudah kasus, maka border saya hilangkan dan tidak diperhitungkan keberadaanya."

Saya mengambil beberapa baris CSS sebagai berikut:

<?xml version="1.0" encoding="UTF-8" ?>
<head>

/* Wrapper
------------------------------------------ */
#main-wrapper {
width: 688px;
margin-right:10px;
background: #94a48f
}

#sidebar-wrapper {
width: 230px;
background: #6b7d66
}

</head>
<body>

</body>
</html>

Seperti cuplikan diatas, DIASUMSIKAN saya memiliki Main dengan warna #94a48f, lebar 688px dan margin kanan sebesar 10px. Lalu Sidebar dengan warna #6b7d66 dan lebar 230px.

Berarti total width yang harus dibuat adalah: (688 of #94a48f) + 10px + (230 of #6b7d66) = 928px.

Sekarang saya membuka Photoshop dan buat layer dengan lebar 928px dan tinggi terserah (Example: 20px). Khusus untuk height, kalau anda mau, 1px pun bukanlah masalah karena ini akan kita repeat dalam arah Y axsis, tetapi apakah anda bisa melihat ukuran 1px saat melakukan editing gambar?

Saya telah selesai dan hasilnya seperti ini:

Upload images tersebut pada images hosting masing masing dan diperoleh link (Example: images.jpg). Link dari images ini yang akan kita gunakan sebagai background.

Perhatikan kembali kode diatas. Saya akan menambahkan Content-Wrapper + Background.

<?xml version="1.0" encoding="UTF-8" ?>
<head>

/* Wrapper
------------------------------------------ */
#main-wrapper {
width: 688px;
margin-right:10px;
background: #94a48f
}

#content-wrapper {
width: 928px;
background: url(images.jpg) repeat-y
}

#sidebar-wrapper {
width: 230px;
background: #6b7d66
}

</head>
<body>

<HTML>

</body>
</html>

Sebelum disave, silahkan dipreview dulu. Kalau masih ada yang salah misalnya lebar background tidak sama, buat ulang…sesuaikan kembali hitung hitungannya.

Perlu diketahui bahwa Margin dan Border sangat mempengaruhui. Perbedaan 1px saja bisa membuat tampilan antara Main, Sidebar dan Content-wrapper tidak seimbang. Satu lagi, images yang akan anda gunakan sebagai background, jangan di Host/ Disimpan di Blogspot. Ini karena blogspot cenderung mengubah ukuran images tersebut saat diupload.

Free Template: BlueFolio

2010-04-06T05:12:00.000-07:00

First...sorry for my English.

Second, Finally I've complete created the new templates for blogspot. I call it BlueFolio. As it's name, this template is intended for portfolio blog.

Basically, these templates are designed as a personal page, not for commercial bloggers that works as publisher. But it all depends on you. Just have fun..

One of my very order, just ... "Do not Damage my designs."

Preview | Download

Before Use
This template distributed under dzignine.com permission. I give you this templates for free. No cash, no fee...just feel free to use. But please...

Don't change, deleted, or do anything with the credit link.

If there's any problem, let me know by commenting this article. I need your response to make this templates look more better.

Installation Instruction
Download the XML file, Go to your blogger.com dashboard → Layout → Edit HTML.

Hit the "Browse" button and search you templates (ex:bluefolio). After that, hit the "Upload" button and your done.

Editing
1. How To Make New Post
Go to Setting → Formatting...scroll down and find "Post Template" form. Fill the blank with this code:

<img src="PUT YOUR IMAGES LINK"/>
<div class="postdescribe">YOUR DESCRIBE</div>

Now...leave that page. Go to posting → New Post. the code will appear automatically on that page.

Just change:
PUT YOUR IMAGES LINK → with your own (Ex: http://biyanganteng.com/images/kentut.jpg).
YOUR DESCRIBE → with your describe.

Make sure that the images size of 585x382 pixel. Outside of that size can cause your template look not proportional.

2. Change the Welcome/Hi Text & background

Not only the text, you even can change the background with your own. I've provided a few stocks that could be used as background. You can download it by click here. Upload to your own images hosting such as photobucket.com, copy it link url and:

Go to Layout → Edit HTML, find this code:

#logo {
background: url(http://i764.photobucket.com/albums/xx287/biyanbiyanbiyan/bluefolio/transparent-icon-header-bluefolio.png) no-repeat;
width:218px;
height:65px;
float:left;
}

Replace → http://i764.photobucket.com/albums/xx287/biyanbiyanbiyan/bluefolio/transparent-icon-header-bluefolio.png → with your own.

Second, we'll change it text:
. Just follow my step. Go to Layout → Edit HTML and find this similar words:

<div id='logo'>
<div class='logotxt'><b>~Hi..</b><br/>lorem ipsum dolor sit amet, consectetur adipiscing elit</div>
</div>

replace the blue with your lovely text.

***

Ok...i'm done. If you've any question let me know by commenting this article.

Important:
1. When you make a new post, images size must be 585x382 pixel.
2. Only put one images per post. No more!
3. I recommended you to change the welcome/hi text and background with your own. You can download my stock.

***

Update on 01 Juli 2010 | BlueFolio 0.2

All images hosted on Picasa/Blogger. It's mean unlimited bandwidth
Some background have changes.
Solved: Feed Error report

Merubah Tampilan Auto Read More 2.0

2010-03-26T20:52:00.000-07:00

Masih ingat dengan Auto Readmore 2.0 yang dikembangkan oleh Anhvo? Kekurangannya terletak pada sisi thumbnail yang memaksa images untuk berukuran sesuai dengan pengaturan yang dibuat pada script. Dibawah ini adalah daftar dokumentasi dalam bentuk link ke target yang berisi tutorial untuk mengedit tampilan auto readmore.

Yang belum memasang auto readmore, silahkan baca tutoral dari o-om.

***

1. Merubah bentuk thumnail
Source: ArdiazZz @ Masdoyok.co.cc.

2. Memodifikasi Tulisan "Readmore" Menggunakan CSS
source: Biyan @ Biyan Networks.

3. Mengganti Tulisan Readmore Menjadi Images
Cari kode ini:

<a expr:href='data:post.url'>READ MORE - <data:post.title/></a>

Ganti menjadi:

<a expr:href='data:post.url'><img src='http://your-images.com/jpg'></a>

Important:
ganti http://your-images.com/jpg menggunakan link images kamu sendiri. Silahkan buat sendiri atau cari di Google.

Ok...that's all. Walaupun singkat, saya harap ini bisa membantu untuk membenahi sedikit masalah tampilan auto readmore.

Opera Mini vs Opera Mobile

2010-03-21T07:09:00.000-07:00

Akhirnya saat saat yang ditunggu oleh para pengguna mobile browser telah tiba. Pasalnya, mobile browser yang merajai kawasan seantero tanah air ini telah meluncurkan final rilisnya yang dahulu hanya sempat dirasakan sampai fersi beta. Apalagi kalau bukan Opera mini 5 dan mobile 10 browser. Khusus untuk opera mini 5 final, perubahan yang terjadi sangat melekat pada tampilan loading awal browser ini. Logo telkomsel akan muncul saat melakukan load pertama kali. Ini karena pihak opera telah melakukan kerjasama dengan telkomsel. Telkomsel juga telah memberlakukan tarif khusus pada pengguna opera mini yang katanya lebih murah dibandingkan dengan tarif sebelumnya. Peluncuran final opera mini ini hampir berbarengan dengan opera mobile 10 yang digunakan pada mobile phone ber-OS Symbian. Disini saya hanya membandingkan kedua browser bawaan opera yang katanya memiliki fitur yang hampir sama ini.

Features	Opera Mobile 10	Opera Mini 5
User interface	Putih blank	Putih dengan logo telkomsel
Tabbed	Ada	Ada
Platform	Symbian	Java
Bookmark	Ada	Ada
Opera Turbo	Ada	Tidak ada
Mobile redirect pages	Ya \| Expert	Ya \| Medium
Zoom	Ada	Tidak ada
Password remember	Ya	Ya
Size	± 5-6Mb	± 240kb
Download	Click Here	Click Here

Saya mencobakan kedua browser ini pada E63. hasilnya, Opera Mini 5 memiliki loading yang cukup berat dibandingkan dengan yang Mobile 10.

Alhasil, kalau anda menggunakan ponsel symbian dan smartphone tidak ada salahnya menggunakan opera mobile mengingat banyaknya fitur yang tidak terdapat pada Opera Mini 5. Meskipun begitu, opera mini 5 bukanlah pilihan yang salah mengingat fitur dari opera mobil telah disematkan didalamnya. bahkan anda hampir bisa menikmati fitur terlebih ini pada handphone berbasis java.

Tips Mempercepat Loading Blog

2010-03-19T02:42:00.000-07:00

Ada yang bilang kalau loading blog/web yang cepat sangat disukai oleh Search Engine. gak tau deh ini benar atau tidak. Saya hanya fokus pada kebutuhan visitor akan informasi yang cepat. Tidak mungkin kan visitor masuk ke blog anda hanya untuk melihat blog yang belum terload! Bisa bisa blog anda ditinggalkan. Perlu diketahui bahwa yang saya berikan hanya tips saja. Semuanya kembali ke anda dan metode posting yang digunakan. Artikel ini juga difokuskan pada fungsi dibandingkan tampilan. Kita tidak sedang fokus ke tampilan yang indah tetapi lelet.

Trick 0.1 | No Widget No Problem
Pasanglah widget/gadget yang memang dibutuhkan oleh anda dan penting buat visitor. Percuma memasang banyak widget tetapi tidak pernah digunakan oleh visitor. Berikut adalah daftar widget yang ~~harus~~ boleh tidak anda pasang.

Jam atau apalah yang sedarah.
Tanggal | what? visitor tidak datang untuk melihat tanggal.
Guess Book | ini hanya saran.
Hit Counter | kalaupun harus, pilih yang non images atau servernya memangcepat.
Adsense | Usahakan jangan menghamburkannya. tata dengan rapi.
Pop Up, Auto Click, etc | Sucks...i'm serious that sucks dude.
etc :)

Minimalkan menggunakan widget dari third party meskipun ada juga yang lebih cepat dibandingkan widget bawaan blogspot. Sebut saja form Search. Dibandingkan dengan memasang form search dari blogspot, saya lebih memilih memasang scriptnya.

<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text" /> <input id="searchButton" value="Go" type="submit" /></form>

Trick 0.2 | Maximized your images

Gunakan slash ( / ) pada akhir setiap link.
Deskripsikan Height dan Wight
Pakai extensi yang benar | berikan kesempatan pada PNG untuk beraksi.
Compress | ada kuk tools yang mampu mengkompres size tanpa mengurangi banyak kualitas.

Trick 0.3 | Move to CSS

Minimalkan penggunaanya. Hapus saja yang tidak perlu.
Letakkan stylesheet diatas dan Script (javascript, library atau saudaranya) dibawah
Minimalkan peletakan stylesheet sebagai widget.
Minimalkan Error report saat pengecekan Markup Validation XHTML (disarankan Valid).
Jangan menggunakan terlalu banyak dash ( - )
Not recomended:
/* --------- Header Wrapper --------*/

Beautiful:
/* Header Wrapper */
Dibandingkan images sebagai effect, lebih baik CSS | misalnya rounded courner, text shadow dll.
Compress | cari di Google tools css-compression.

Trick 0.4 | Final | hanya tambahan

Lakukan pemanggilan terhadap variabel ( $ ). Percuma memasang variabel tetapi tidak menggunakannya.
Nude:
background: #cccccc;

Beautiful:
background: $bgcolor;

Lihat pengaturan variabel ditemplates anda. Masing masing templates menggunakan ID dan Value variable yang berbeda.
Minimalkan penggunaan script seperti jquery, mootools, ajax dsb.
Usahakan yang diload pertama kali adalah bagian content, bukan sidebar.
Berikan background dengan warna kontras. Misalkan huruf berwarna putih background sebaiknya hitam. Walaupun background dinyatakan dengan images, tetapi gunakan warna Hex didepannya.
Ex: background: #fff url(images.gif) no-repeat;

Mungkin untuk sementara hanya itu saja, kalau ada yang mau menambahkan silahkan...

Sedikit Membedah Auto Read More

2010-03-03T19:09:00.000-08:00

Akhirnya templates i-biyan.com ganti lagi. Setelah yang dulunya berwarna merah dan memiliki tampilan amburadul/acak acakan di IE6 dan 7, saya memutuskan untuk mensetting ulang CSSnya dan mengikuti style dari KINGtemplates.

Fungsi utama yang masih digunakan adalah auto readmore 2.0 yang dikembangkan oleh anvo. Meskipun bentrok dengan static pagesnya google, tetapi fungsi ini masih kukuh harus diterapkan di networks ku.

Penasaran, saya sedikit mengutak atiknya dan melakukan sedikit perubahan...serius, sangat sedikit kuk. Mari meluncur.

1. Menjamah dari images thumbnail
Yang mengatur ukuran thumbail images ada pada cuplikan dibawah ini:

summary_noimg = 250; /* Jumlah text tanpa images */
summary_img = 250; /* Jumlah text dengan images */
img_thumb_height = 120; /* Tinggi images thumbnail */
img_thumb_width = 120; /* lebar images thumbnail */

Ukurannya bisa diatur sesuka hati. Selain pixel, nilainya bisa juga dinyatakan dengan persentasi. Untuk mengatur nilainya persentasi atau pixel harus diutak atik pada bagian bawah.

hantam 'Expand widget templates' --> cari :

bagian yang berwarna biru (px) ganti dengan %.
- Keterangan:

Float:left --> Mengatur peletakan images, apakah akan dilempar ke kiri (float:left) atau dilempar kekanan (float: right) atau bahkan tidak dilempar (float: no-float).
Padding --> Mengatur jarak antara text dengan images preview.

2. Menjamah tulisan Read more
masih dalam formasi 'Expand widget templates' --> cari :

Link read more ditopang oleh dua kode utama yaitu tulisan READ MORE itu sendiri dan <data:post.title/> (*memanggil judul artikel) yang semuanya ngelink ke halaman artikel target. Kode ini bisa dibalik ataupun dipisahkan.

Kalau dibalik bentuknya seperti ini:

kalau dipreview, tulisan read more akan berada dibelakang judul artikel.

Dapat juga dipisahkan agar dapat memberikan style yang berbeda. Bentuk umumnya seperti ini:

Biru --> berisi style yang mengatur penampakan pada tulisan: READ MORE.
Merah --> berisi style yang mengatur penampakan pada tulisan: judul artikel disamping tulisan READ MORE.

- Keterangan:

Padding: Mengatur jarak antara Tulisan READ MORE dengan bagian terluar tulisan tersebut.
Background-color: mengatur warna background
border: garis tepi
properti lainnya bisa anda tambahkan sendiri.
Float: Right --> Memaksa tulisan READ MORE berada dikanan. Properti ini harus dibarengi dengan 'display: inline' agar tampilan tidak crash saat dipreview di IE6 dan 7.

Solusi: Static Post Yang Tidak Muncul

2010-02-24T17:31:00.000-08:00

Fitur static post yang baru saja disediakan blogspot ini bisa menjadi salah satu bagian yang menarik. Sayangnya fitur ini ternyata bentrok dengan Auto Read More. Saya tidak tau dengan auto read more terbaru, yang jelas saya menggunakan auto read more 2.0 yang dikembangkan oleh Anhvo. Contohnya hack ini bisa kalian lihat disini. Halaman tersebut menggunakan static post dari blogspot.

Perlu diketahui bahwa blogger memiliki dua kondisi yang mengatur dua halaman utama (halaman post dan halaman depan/home).

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<style>kondisi pada halaman Homepages</style>

</b:if>

sedangkan:

<b:if cond='data:blog.url != data:blog.homepageUrl'>

<style>kondisi pada halaman selain Homepages</style>

</b:if>

Lalu ada juga kondisi yang mengatur keberadaan static post -->

<b:if cond='data:blog.pageType == "static_page"'>

<style>kondisi pada halaman static post</style>

</b:if>

Caranya pun sangat simple tetapi penerapannya yang agak rumit. Saya hanya harus membuat suatu kondisi memanfaatkan kode kondisi static post dari blogspot dan menggunakan style pada halaman artikel saya.

Yaitu dengan menggabungkan kondisi static post dan bagian <style> dibuatkan CSS khusus yang mengatur peletakannya sesuai pada halaman post.

<b:if cond='data:blog.pageType == "static_page"'>

<style>Pasang CSS Disini</style>

</b:if>

Kekurangannya tentu saja rumit dan membutuhkan kerja yang lebih extra karena anda harus membuatkan style CSS khusus (Class atau ID) yang mengatur peletakan halaman static pages. Tetapi sekali CSSnya sudah jadi, anda bahkan bisa mengexplorasi tampilannya sendiri sehingga menghasilkan seperti membuat halaman dinamis. Kalau anda pernah membuat template dinamis atau magazine, cara ini tidak akan terlalu sulit. Contoh static post yang saya berikan diatas menerapkan cara ini.

Update:
Bagi anda yang menggunakan auto read more, bisa mengikuti cara yang sudah dijabarkan oleh Deny.

Tips dan Trik Blogwalking Sejuta Umat

2010-02-14T03:44:00.000-08:00

Kalau mau dibilang sih...sebenarnya saya tidak terlalu pusing dengan SEO. Mau cepat terkenal kek atau tidak itu masalah nanti. Yang penting harus update artikel dengan frequency yang teratur. Mungkin itu satu satunya tahapan yang menjamin. Tahapan yang kedua adalah beriklan. Selain modal backlink, modal klik link juga bisa diperoleh dari beriklan. Masalahnya beriklan itu membutuhkan dana. Untuk memangkas dana itu, blogger biasanya melakukan blogwalking. 100 perhari cukup lah. Itu sudah lumayan menghancurkan tangan dan tentunya keyboard. Itu dia yang akan saya bahas...blogwalking dan syndromenya.

Blogwalking itu ibarat Virus yang sangat cepat menyebar. Tidak peduli siapa korbannya...yang penting senang senang. Saking happy nya sampai sampai ada yang menjadikannya Hobby. Kalau sudah parah biasanya dijadikan cita cita (*saya mau menjadi blogwalker sejati, ungkap nya). Para blogwalker yang seperti ini biasanya sudah tidak peduli dengan tata krama. Penyakitnya sudah akut.

Penggunaan kata kata yang tidak tepat dalam blogwalking bisa membuat Admin ikut terinfeksi. Mereka marah...tidak suka...dan jangan harap mereka akan balas kunjungan balik. Karena itu gunakanlah tata bahasa yang sesuai dan menjadi bagian dari bahasa Indonesia yang mengikuti EYD (Ejaan Yang Disempurnakan).

Tetapi harus liat liat juga bro. Jangan asal blogwalking seperti hanya menuliskan:
1. Hi...kunjungan balik nih.
2. Blog walking gan.
3. Balas y...
4. Blogwalking gan…klik iklannya juga y.
5. dan kata kata lainnya yang sangat terkesan blogwalker banget.

Usahakan untuk tidak mengeluarkan kata kata yang memperlihatkan bahwa kamu sangat berharap:
1. I hope you back just to leave me a message.
2. Tolong lah saya yang terhina ini.
3. Please…saya sangat mengharapkan bantuan saudara.
4. Saya mohon anda untuk mengunjungi blog saya.
5. Dengan sangat dan penuh harapan, dimohon kunjungan balik-nya.

Berbicaralah dengan sopan:
1. Gan..ternyata loe cakep y.
2. Selamat soreh cantik/cakep. Blognya bagus nih.
3. Aduhai...blog loe montok abis.
4. Kayaknya gw cinta deh dengan nyokap loe…eh, blog loe.
5. Tukar ayam gw dengan nenek loe...mau gak?
6. Salam hangat dan cinta – noname.
7. dan sebagainya...kreatif lah.

hehehe...itu hanya bercandaan gw...yang nomer 5 itu sangat efektif lho. serius...kalau loe bisa membuat adminnya tertawa, biasanya mereka suka dan membalas balik dengan nada yang sangat sopan. Itu kalau dia sedang tidak sibuk blogwalking juga.

Apa Itu Banned Dan Invalid Click

2009-11-08T23:58:00.000-08:00

Pernah kan sobat mendengar tangisan dan rintihan sobat kita yang terkena banned, alias dipecat dari keberadaan google adsense untuk selamanya? Alasannya hanya ada satu...Google menganggap mereka telah melakukan kecurangan. Kecurangan apakah itu sampai google yang baik, dan sabar itu memecatnya?

Invalid Click
Ada yang mengatakannya sebagai click fraud dan ada juga yang mengatakannya sebagai invalid click. Biasanya tuh sering dilakukan oleh mereka yang sudah tidak sabar menerima penghasilan dari google adsense. Mereka melakukan klik pada iklannya sendiri. Dengan kata lain...mereka berbuat curang. Kalau PPC indonesia mungkin tidak terlalu mempermasalkannya, masalahna anda bergabung dengan PPC dunia sekelas google adsense. Lalu bagaimana google mendeteksinya?

Perlu diketahui bahwa sebagian besar (mungkin sudah semua) program PPC (pay per click) memperhitungkan asal muasal terjadinya click (trace of clicker), sebelum mengkalkulasikannya sebagai earning yang dapat anda peroleh. Perhitungannya berdasarkan ‘Jumlah Click’ terhadap ‘Page Impression’. Page Impression dapat diumpamakan dengan banyak kali ads anda dipublikasikan kepublik atau seberapa tertariknya visitor terhadap artikel anda. Misalkan klik terjadi sebanyak satu kali dan page impression anda adalah 13, maka perhitungannya menjadi 1/13*100%=7.6923076923076923076923076923077 atau sekitar 7. Nilai 7 masih digolongkan Save atau aman dan dapat dinyatakan sebagai klik yang sah. Rating sah adalah 7-9. Jika nilainya adalah 10 atau 100%, maka anda tinggal berharap untuk dibanned. Ini terjadi jika jumlah klik = jumlah impression (1/1*100%=10). Untungnya anda tidak menggunakan Google Ad Sense yang memiliki peraturan sangat ketat dalam kecurangan semacam ini. Lalu bagaimana jika hal diatas terjadi? Yah, hal ini memang mungkin terjadi. Karena itu, Menurut articlebase.com, Robot Google akan melakukan perananya kembali dengan melihat :
1. Cookie
2. IP Address Clicker
3. Referrer
4. User Agent
5. Mungkin, Screen Resolutions.
Jika semua hal diatas dinyatakan sah, maka anda boleh tersenyum. Artinya anda lolos dari tindakan kecurangan. Jika tidak? Silakan berdoa kembali.

Dipecat? Ajukan permohonan!
Dari info yang saya dengan, jika sobat dipecat oleh googleads, masih ada kok kemungkinan untuk diterima kembali dengan syarat mengajukan sesuatu, semacam proposal gitu, ke tim Adsense. Jika mereka menerimanya dan menyetujui bahwa ini hanya kekeliruan...maka anda boleh berbangga hati dan memulai semua dari awal lagi. Jika tidak? silahkan menangis.

Tanggapan
Jangan main curang bro. Bersyukurlah karena sobat pernah diterima sebagai salah satu member adsensenya google. Yang lain saja sudah mati matian mendaftar bahkan sampai muntah muntah tetapi terus ditolak. Jangan samakan google dengan PPC indonesia.

Kumpulan Widget Blog

2009-08-14T23:28:00.000-07:00

Setelah sekian lama browsing diinternet, akhirnya saya berhasil mengumpulkan beberapa widget yang umumnya digunakan. Ada beberapa widget yang dianggap tidak berguna oleh sebagian orang tetapi malah dianggap menarik oleh orang lain. Akhirnya, saya berkesimpulan untuk meletakkan semua yang saya ketahui dari perjalanan panjang menyusuri dunia maya. Widget atau aksesoris blog biasanya berasal dari ‘pihak ketiga’. Mengapa dikatakan pihak ketiga? Saya juga tidak tahu.

Ipod
Dizaman sekarang ipod bukanlah hal yang baru lagi. Ipod ini memiliki fungsi yang sama dengan Ipod didunia nyata yaitu untuk mendengarkan musik. Selain fungsi yang sama bentuknya juga sama persis. Sayangnya lagu yang diberikan tidak dapat dipilih dan lebih buruknya lagi lagunya sebagian besar dari luar negeri yang kurang dikenal oleh masyarakat luas. Saya tidak mengatakan lagu luar negeri itu buruk, hanya saja…ya gitulah. Untuk mengobati kekecewaan user maka http://musik-life.net menyediakan fasilitas baru. Disini anda dapat memilih jenis lagu yang berbeda beda yang Jumlah nya tidak tanggung banyaknya. Sayangnya satu lagu untuk satu kode HTML/JavaScript dan tidak berbentuk ipod lagi. Jika kalian tertarik silahkan browsing kesitusnya. Anda tidak perlu mendaftar. Klik saja gambar Ipod atau langsung pilih jenis lagu untuk mendapatkan kodenya.

MP3
Tidak seperti Ipod, yang satu ini lebih sederhana dan terfokus pada satu lagu saja. Untungnya untuk mendapatkan kodenya anda tidak perlu mendaftar jadi tidak usah pusing. Caranya?
1. Login ke alamat http://divine-music.info/
2. Pilih jenis music yang kamu sukai lalu pilih nama artisnya.
3. Segera Copy Code HTMLnya dan paste di Elemen halaman Blog kamu.

Peta Kampung
Fungsi pihak ketiga ini tidak terlalu penting. Kecuali untuk anda yang rindu pada kampung halaman dapat menggunakannya. Tampilannya sangat menarik, cukuplah untuk menarik visitor agar betah. Untuk mendapatkan kodenya anda diwajibkan mendaftar terlebih dahulu. Untuk mendaftar ikuti instruksi berikut:
1. Browsing ke http://feedmap.net
2. Click “Explore Blog”.
3. Pilih Negara anda (dalam hal ini adalah INDONESIA) dengan cara mencarinya dipeta
4. Setelah ketemu perbesar dengan cara meng-click 2 kali pada target wilayah.
5. Click kanan pada profinsi yang diinginkan lalu pilih “ add blog”
6. Isikan alamat blog anda lalu Click “Submit”
7. Copy code HTML nya dan paste di blog anda

Statistic and tracker
Penting bagi seorang blogger untuk memantau semua pengunjung yang masuk dan dari mana mereka masuk. Karena merasa widget ini penting, jadi sudah banyak jasa yang bermunculan kepermukaan, meskipun yang cukup terkenal hanya 2 saja. http://sitemeter.com adalah salah satunya. Laporan akan dikirim tiap minggunya langsung kealamat email anda. kelebihannya adalah karena anda dapat mengetahui asal muasal pengunjung sebelum terjebak di Blog anda. Untuk mendaftar ikuti instruksi berikut:
1. Browsing ke http://sitemeter.com
2. Isikan semua data yang diminta pada kotak yang tersedia.
3. Dihalaman “Manage”(dibawah link “adding site meter to your site”), click “introduction”. Lalu pilih server blog anda (cth: blogger.com)
4. Copy Code HTML nya dan paste di Elemen halaman>Gadget baru>HTML&java script.
Nb: aksesoris ini berfungsi untuk mengetahui jumlah pengunjung yang datang.

Sitemeter sudah cukup terkenal ditelinga para blogger professional. Sayangnya untuk login kembali di Situsnya cukup sulit jika anda tidak menghafal kode yang diberikan secara acak. Saya sendiri terkadang lupa kodenya.
Yang kedua adalah geovisite yang beralamat di http://www.geovisite.com. Kelebihannya dibandingkan dengan sitemeter terletak pada banyaknya model yang dapat anda pilih. Selain itu data/laporan jumlah pengunjung tidak dikirim ke email anda. anda dapat melihat traffic pengunjung jika mengunjungi langsung blog anda…cukup simple sih. Tidak hanya itu, asal/negara visitor pun dapat anda ketahui.

Games
Jika anda tidak memiliki posting untuk dipublikasikan anda dapat menggunakan yang satu ini. anda bahkan dapat memainkannya secara online bersama teman anda. tetapi itu sih tergantung dari jenis/type game yang kalian pilih. Hebatnya lagi karena anda tidak perlu mendaftar. Cukup dengan masuk ke alamat situsnya di http://www.gamesgames.com/game-for-your-site/. Kemudian klik tombol Get It. Segera kopi kode HTML/JavaScript-nya. Jangan memasang kodenya di bagian sidebar karena bentuknya yang terlalu besar. Hal itu dapat menyebabkan blog anda melorot. Untuk menerbitkannya lakukan cara berikut. Masuk ke menu Posting>new Post> klik bagian HTML edit. Kopi kodenya dibagian editor lalu publikasikan. Biasanya ada pesan yang mengatakan kalau terjadi kesalahan pada penulisan kode. Tetapi cuekin aja. Klik pada bagian “berhenti menunjukkan kesalahan judul atau body HTML untuk posting ini”. lalu terbitkan kembali.

Shoutmix
Buku tamu ini memiliki fungsi yang sama dengan buku tamu yang terdapat di resepsi pernikahan, yaitu untuk mengetahui tangggapan mereka dan kadang diselewengkan oleh blogger sebagai sarana blog walking. Cara pendaftarannya tidaklah terlalu sulit. Ikuti saja instruksi berikut..
1. Masuk ke URL , http://shoutmix.com
2. Isikan data-data yang diminta pada kotak yang tersedia.
3. Di halaman konformasi, click tulisan “go to my control panel now”.
4. Dibawah “quick start”, click tulisan “Get Codes >>Place Shoutbox on My web Page”.
5. Copy code HTML yang ada. Masuk ke menu Templates>Elemen halaman>Gadget baru>HTML&java script, lalu paste disitu.

Kamus Online
Berbeda dengan google translator, yang satu ini lebih sederhana. Kelebihan lainnya karena tidak diperlukan proses pendaftaran sama sekali
1. Hal pertama yang harus anda lakukan adalah masuk ke alamat URL nya (http://www.kamus.net)
2. Segera Copy Code HTML nya dan paste di blog anda.

Jam Dinding
Pasang jam didinding sudah biasa, tetapi jika pasang jam dinding di blog? Itulah uniknya. Dengan widget ini anda dapat memantau waktu. Mendaftar?
1. Browsing ke http://clicklink.com
2. Segera Copy Code HTML ytang anda dapatkan lalu paste di blog anda.
Hanya itu…

Capek …kita akhiri saja? Oh iya, yang punya info tentang widget yang lain sharing kesini ya. Melalui kotak komentar juga sudah cukup.

Menghilangkan Tanggal Posting Di Blog

2009-03-29T18:50:00.000-07:00

ternyata ada cara yang mudah untuk menghilangkan tanggal posting di blog. Anda tidak perlu mengetikkan script css atau sebagainya. Ikuti penuturan berikut.

Sewaktu saya sedang berada dirumah teman saya untuk mengecek blognya, dia bertanya seperti ini, “Yan, bisa gk kamu hilangin tanggal posting aku?”. Dengan entengnya saya menjawab “tentu saja bisa”. Saya lalu mempraktekkannya. Hanya dengan mengklikkan mouse maka tanggal postingnya langsung lenyap.
Mungkin kasus kalian sama seperti teman saya, bahkan mungkin lebih parah lagi. Bisa saja sudah berhari hari anda mencarinya di google, yahoo, bertanya di berbagai milis tetapi hasilnya NIHIL alias tidak ada.
Memang ada dua cara yang dapat dilakukan untuk menghilangkan tangggal posting. Cara yang pertama dengan mengtikkan dua kalimat kedalam template (visiability dan hidden). Cara ini tidak akan saya jelaskan karena ada cara yang lebih mudah…ikuti saya.
Masuk ke blogger menggunakan account anda. setelah itu klik Tata Letak>Elemen Halaman

Fokuskan dibagian “Posting Blog” lalu klik “Edit”. Anda akan dibawah kehalaman baru.

Hilangkan tanda centang dibagian

Dan,

Selesai, dengan demikian tanggal posting telah lenyap dari blog anda. jika anda ingin menghilangkan yang lainnya silahkan hilangkan tanda centang disemua menunya. Jangan lupa untuk berkomentar ya.