memasang code stumbleupon / stumbleit di blogspot

membaca postingan testimoni budi putra soal pemasangan widget stumbleupon di blognya yang mengakibatkan mengalir derasnya visitor, gue dengan serta merta jadi ngiler pengen nyobain juga.

setelah mendaftar dan agak agak bingung mesti ngapain ngapainnya, karena agak minim info (disertai minimnya kemampun gue mengerti bahasa inggris) akhirnya ketemu juga menu di bagian bawah. gue click tools & button dan milih 'add stumbleit to your site', lalu langsung milih blogger, karena gue mau pasang di salah satu blog sempalan gue yang bermesin blogspot.

tapi betapa tercengangnya gue melihat sniplet yang disediain stumbleupon untuk blogspot/blogger. mereka menyediakan script/sniplet untuk blogspot lama!, alias bukan yang baru.

kaya'nya dimana mana orang pasti udah mengupgrade atau menggunakan blogspot versi baru deh, lha ini malah ngasi code usang

akhirnya dengan nekat gue buka layout blogspot gue. trus expandHTMLnya gue centang.
dan mulailah bereksperimen, gue modif code yang disediain stumbleupon itu, trus gue preview, gagal! XML error , dst dll.
bolak balik pasang dobel quote ("), single quote ('), ga bisa juga.
maklum kemampuan gue merubah / memodif blogspot template bisa dibilang masih level 0. basic juga belom. jadi lebih banyak ke experimental
...dan... setelah gue scroll atas bawah, akhirnya menemukan apa yang gue mau,

ternyata, quote di template tersebut harus berbentuk HTMLencode menjadi "
gue modiflah sniplet usang stumbleupon itu, dan eureka!! bisa! heheh

buat yang tertarik pengen masang di blogspot, 

• download dulu, icon nya si stumbleupon, atau mungkin bisa bikin sendiri, atau juga sih harusnya bisa aja gak pake icon.
• create new post, trus upload lah gambar yang udah didownload tadi
• catet (copy-paste) URL hasil upload gambar tersebut, nanti rubah img src nya jadi URL tersebut
  
• trus tentuin dulu mo dipasang disekitar mana widget tersebut pada blok template postingan,
  kalo gue, disekitar 'add comment'.
  jadi gue carilah di template tersebut : <span class='post-comment-link'>
• lalu gue tambahin sniplet stumbleupon tersebut dibawah blok span tersebut

• <span class='stumble-icons'>
           <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img border='0' src='http://bp0.blogger.com/_DH30EwXiX4U/R_CGHj1sbaI/AAAAAAAAAFA/30MmHEsFCpo/s400/icon_su.gif' alt='StumbleUpon Toolbar' /> Stumble It!</a>
</span>



begitulah, setelah dipreview, dan kalo gak ada masalah, harusnya icon stumbleupon muncul disampin add comment. save template.