Trik Syntax Link Blogger

Ternyata jalan yang sepele yang tidak pernah terpikirkan bisa menguntungkan kita dalam memenuhi satu keinginan. Sebenarnya artikel kali ini Beben si bloglang anu ganteng kalem tea akan membeberkan permainan dari syntax link. Beben akan bertanya nih sedikit pada sobat sekalian! Tahu mengenai Short URLs. Membuat link yang panjang menjadi pendek itu loh.
Awal cerita melancong kesana kemari, terus mentok ke salah satu blog membuat Beben tertarik akan apa yg ada disana. Kontennya baru sedikit, tapi yg bikin Beben penasaran disana ada fitur switch CSS. Setahu saya fitur ini cukup memakan script dan kode-kode panjang dimana mengharuskan kita melakukan hosting :D

Tidak kebayang kan kalau kode & script itu dimasukan secara telanjang kedalam template :)) bisa mumet kepala lihatnya sob...
Mungkin masih belum terbayang oleh sobat apa yang Beben ceritain and maksudkan disini yah ;)) Okelah kalo begitu, coba sobat lakukan kopi paste link ini pada address browser sobat dan enter

http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
http://goo.gl/VveyH

Hehehe... Sobat dapat mengambil hostingan link dengan cara melakukan membuat short url terlebih dahulu dari paman google b-) Dengan begitu tidak akan terlihat kita mengambil dari mananya (kecuali kita paste dan lihat dari mana link itu berasal) Smart way clever trick \m/ Mau lagi :-"

Pada blogspot ini secara default terdapat navbar? Dimana kebanyakan blogger menghilangkan/menyamarkan keberadaan navbar tersebut. Mending dibuat bisa ada atau tidak itu si navbarnya dengan cara ini sob Seputar Masalah Tentang NavBar Blog ;) Nah, permainan trik link kali ini ada sangkut pautnya dengan si navbar itu sob? Coba sobat cari pada navbar yg bertuliskan Report Abuse dan klik, menuju kemana itu link?
Link itu menuju pada halaman Contact Us Blogger, untuk Melaporkan Pelanggaran Persyaratan Service sebuah blog yang melakukan penyalahgunaan pelayanan toh. Lebih spesifik lagi kayak ginih nih...oh iyah istilah diluaran sana report abuse ini dikenal juga dengan Flagging Blogger :)

Default Link Report Abuse

http://www.google.com/support/blogger/?action=flag&blog_ID=XXXXXXXXXXXXXXXXXXX&blog_URL=http://name-site.blogspot.comGantilah tulisan warna merah itu dengan tujuan bersangkutan. Sekarang bagaimana bila kita hanya tau nama link blognya saja (url address), dan tidak apal dengan blogID-nya :-/ Tenang saja sob, ada sobat kita melakukan eksperimen kecil dan membuat tools sederhana guna mengetahui blogID. Silahkan nyosor ke halaman ini Blogspot Flagger :p Bagaimana permainan syntax linknya, apa masih kurang nih hohoho x_x :-w Oke deh satu lagi yah L-)

Sobat kenal dengan blog ini Blogs of Note! Blog dimana sudah tercatat biliunan blogger disana :D Kalau mau melihat postingan terupdate blogger via blogger search disini nih all about blogger blogspot.
Nah, trik apa yg bisa kita peroleh dari sini...ayo coba kita lihat. Intinya kita akan melihat blog terupdate (blogger baru daftar berbasis blogspot) Ngerti sukur enggak ngerti pasti ngerti kok ;)) Ini kumpulan buku tamu cbox para blogger 75+ Shoutbox for Promotion Your Blog ☻ Ini dia trik syntax link melihat blog terupdate!!!

Jika bener-bener mau melihat ini, harap tutup tab browsingan yg aktif, karena akan memakan waktu loadingan.

Click to expand and watch it

Click to expand and get the link

Ini linknya: http://www.blogger.com/changes10.g hehehe...

Tekan Ctrl+C untuk Copy dan Ctrl+V untuk Paste!

Udah ah, capek...sok sana BW \m/

HTML5 and CSS3 Resource

Maraknya perbincangan HTML5 dan CSS3 dikalangan para developer menuntut kita para blogger mania agar terus mengikuti issue-issue yang terjadi. Dari pada mengikuti berita politik makin hari makin empet didengar :)) Contoh fitur dari CSS3 yaitu hadirnya border radius, radial effect serta seabrek fitur full stylish lainnya b-)

Singkat cerita sob, Beben si bloglang anu ganteng kalem tea ini mau berbagi sekaligus satu paket mengenai tools, panduan dan resource kemana kita bisa belajar mengenai HTML5 dan CSS3 ini. Mengapa kita perlu belajar (setidaknya mengetahui) tentang CSS3 & HTML5 ini.

Hal ini sangat penting sob bagi desainer web/blog untuk memperbarui dan meningkatkan situs kita dari waktu ke waktu agar meningkatkan efektivitas dan kinerja situs. HTML5 adalah versi yang lebih baik dari HTML4 yang membantu dalam membangun website. CSS3 adalah gaya terbaru lembar format yang digunakan untuk menambahkan style ke halaman web dalam bahasa markup yang berbeda.

Berikut adalah beberapa daftar tools, resource dan panduan untuk HTML5 dan CSS3 yang semoga dapat membantu kita menguasai fitur baru dari teknologi baru. Diharapkan alat ini bisa bermanfaat di masa depan :)

Modernizr

Modernizr adalah web JavaScript library kecil dan sederhana yang memungkinkan kita untuk menggunakan teknologi web seperti fitur CSS3 dan HTML5 sedangkan tingkat halus kontrol atas browser lama dipertahankan.

fmbip

Web Desainer 'Browser support checklist berisi dukungan web browser HTML5 dan CSS3.

The Power of HTML 5 and CSS 3

Power of HTML5 and CSS3 yaitu artikel yang berisi segala sesuatu tentang HTML5 dan CSS3.

HTML 5 Visual Cheat Sheet by Woork

HTML5 Visual Cheat Sheet adalah lembar cheat praktis visual untuk web designer dan pengembang yang berisi semua tag HTML5 dan atribut.

5 Techniques to Acquaint You With CSS 3

5 Teknik untuk memperkenalkan kita dengan CSS3 meliputi fitur dari CSS3 baru.

html5 tutorials and cheat-sheets

Web rujukan keren2 juga sob. Full stylish punya dah b-)

CSS3 Selectors Test

CSS3 Selectors Test ialah sebuah alat menakjubkan yang akan membiarkan menentukan kompatibilitas browser kita dengan selektor CSS.

CSS3 Color Names

CSS3 Color Names yaitu daftar nama 147 warna yang berbeda (17 warna standar ditambah 130 lebih) bersama dengan nilai RGB dan heksadesimal.

HTML5 Demos and Examples

HTML5 Demo and Examples demo HTML5 dan contoh, fitur baru dan support browser.

HTML5 Gallery

HTML5 Gallery adalah kumpulan besar situs yg menggunakan markup HTML5.

The Cross-Browser CSS3 Rule Generator

Generator CSS3 yang memungkinkan para desainer untuk memasukkan satu nilai dan telah mengatur secara otomatis untuk setiap prefix khusus vendor, di mana nilai-nilai yang sesuai dihasilkan secara otomatis.

CSS3 Generator

CSS3 Generator adalah alat untuk membuat dan costumize CSS3 efek ganda. Yang perlu sobat lakukan adalah untuk menggulir menu drop-down, pilih efek yang diinginkan untuk penyesuaian dan CSS3 generator akan melakukan sisanya.

CSS 3 Cheat Sheet (PDF)

Daftar lengkap dari semua properties, jenis selektor dan nilai diperbolehkan dalam spesifikasi CSS saat ini 3 dari W3C.

Web Browser CSS Support

File ini merupakan bagian dari dokumen web browser mendukung standar yang berisi informasi rinci tentang dukungan CSS dalam web browser utama.

CSS3 Gradient Generator

CSS3 Gradient Generator adalah alat yang dirancang untuk menciptakan CSS dibutuhkan untuk mendapatkan hasil gradien berbagai elemen blok seperti Safari atau Google Chrome, atau Firefox 3.6 beta.



Itulah beberapa rujukan yg Beben dapat dari web mantap Online Web Resources and Design Magazine. Sampai jumpa di acara nge-bloglang selanjutnya \m/

The Republic of Indonesian Blogger

Beragam cara untuk menterkenalkan blog kita tercinta ini. Mengikuti forum, joint ke web jejaring, blog walking, komentar dan masih banyak jalan menuju kepopuleran tersebut. Beben si bloglang anu ganteng kalem tea menemukan satu web penampung blogger-blogger khusus dari Indonesia, biar bisa famous blognya :D The Republic of Indonesian Blogger memiliki kurang lebih 38 kategori blog yang bisa sobat pilih dalam memasukan blog kalian disana. Pada bagian status user, sobat dapat melihat informasi langsung via alexa.com dan keterangan status lainnya. Waktu Beben mendaftar sudah ada sebanyak 1583 Blogger b-) Silahkan sobat daftar dan masukan blog sobat dengan mengklik banner kecil dibawah, setelah menyanyikan lagu tercinta negara kita :P

INDONESIA RAYA

Indonesia tanah airku
Tanah tumpah darahku
Disanalah aku berdiri
Jadi pandu ibuku

Indonesia kebangsaanku
Bangsa dan Tanah Airku
Marilah kita berseru
Indonesia bersatu

Hiduplah tanahku
Hiduplah negriku
Bangsaku Rakyatku semuanya

Bangunlah jiwanya
Bangunlah badannya
Untuk Indonesia Raya

Indonesia Raya
Merdeka Merdeka
Tanahku negriku yang kucinta

Indonesia Raya
Merdeka Merdeka
Hiduplah Indonesia Raya

Indonesia Raya
Merdeka Merdeka
Tanahku negriku yang kucinta

Indonesia Raya
Merdeka Merdeka
Hiduplah Indonesia Raya

Selamat mendaftar, oh iyah jangan lopa bikin bannernya yak, soalnya itu banner akan muncul secara acak :)

jQuery 1.5.1 Released

Semakin cepat saja perkembangan mengenai script jQuery ini sob. Perasaan baru kemarin Beben si bloglang anu ganteng kalem tea ini menginformasikan mengenai releasenya jQuery 1.5 Released What's New
Sekarang sudah ada versi terbarunya lagi deh :"> Sebagai blogger maniac kita harus bisa terus update dalam pertumbuhan yang semakin cepat terasa ini sob b-) Keterangan resmi dari blog jquery web mengenai releasednya jQuery 1.5.1 Released. Feature apa lagi nih yg akan ditawarkan oleh para scripter, developer dengan keluarnya jQuery versi teranyar. Keknya bakal menggeliat lagi informasi trik dan tips plugin yg akan semakin full stylish :))

jQuery 1.5.1 Changelog

Important Link

• Download jQuery 1.5.1 (regular) atau jQuery 1.5.1 (minified)
• New or Changed in jQuery 1.5: jQuery API
• Google CDN: https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
• Microsoft CDN: http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js

From google library

jQuery

name: jquery

latest version:1.2.3, 1.2.6, 1.3.0, 1.3.1, 1.3.2, 1.4.0, 1.4.1, 1.4.2, 1.4.3, 1.4.4, 1.5.0

load request: google.load("jquery", "1.5.1");

extras: uncompressed:true (as in google.load("jquery", "1.5.1", {uncompressed:true});

path: https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js

path(u): https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js

note: 1.2.5 and 1.2.4 are not hosted due to their short and unstable lives in the wild...

Ganti ganti...cepet...\m/

Monetize Tab Menu Blogspot

Masalah galat yang sempat menimpa blogspot ternyata berimbas pada resminya kehadiran tab menu Monetize. Saat terjadi galat masuk kemari Blogger Status tidak ada pemberitahuan ada apa :P end si bloglang menclok kesini Known Issues for Blogger ternyata ada heboh-hebohnya mah ;))
Mari kita kembali pada topik hangat mengenai tab menu monetize. Releasenya tidak tauk dari kapan nih, tapi kalau pemberitahuannya muncul lagi pas selesai terjadinya galat sob. Biar update saja ini mah Beben ganteng kalem melakukan posting. Asli nol urusan kek ginian mah sob :))

Apa itu AdSense?

AdSense yaitu program yang memungkinkan kita untuk mendapatkan uang dengan menempatkan iklan berbentuk teks bertarget dan gambar pada sebuah blog. Google secara otomatis memilih iklan yang akan ditampilkan berdasarkan konten blog, dan kita mendapatkan uang ketika pengunjung melihat atau mengklik iklan tersebut. Learn more

• Berapa banyak yang akan kita peroleh?
• Kebijakan Program Google AdSense
• Kapan penerimaan pembayaran?
• Pusat Bantuan (Help Center) AdSense

Tingkatkan pendapatan dengan mendaftar sebagai Google Affiliate Network. Dapatkan rujukan biaya dari perusahaan seperti Verizon, Target, Kohl's Sears dan OfficeMax ketika pembaca membeli item yang dipromosikan. Good luck b-)

Border Radius Effect CSS3

Sudah pada tahu dong sobat dengan atribut CSS3 yaitu border-radius. Dimana membuat garis lengkung pada sisi dengan nilai radius yang sudah ditetapkan dalam nilai pixel (px) Karena belum support terhadap segala jenis browsingan, maka jika efek yg ditimbulkan tidak nampak, bisa dimungkinkan browsingan sobat tidak mendukung untuk fitur satu ini :D
Border radius ini secara garis besar memakai pemanggilan kode seperti -webkit-, -moz-, dan -o- Ketiga kode tersebut harus ada karena itulah perbedaan code dari browsingannya ;)) Mungkin sudah tertebak dengan melihat awalannya juga yah :P Explanation: CSS3 border-radius property

Browser Support:

Lihat contoh simpel berikut ini, dan perhatikan atribut kodenya:

Beben Cakep ☺

border:5px solid #553300;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;

Bagaimana kalau mau kepengen begini!

        Sed da sine vocabulario, il magazines interlinguistica web. Al duo tote synonymo finalmente. Ma ille toto del ha durante synonymo uso. Le peano vices non duo libere technic articulo in. Sine paternoster simplificate su non anglese moderne secundo da web. Non message linguistas al non nomine capital primarimente su. Effortio linguistic litteratura o que pro lingua auxiliar su. Pote basate programma il nos. Non ha responder appellate traduction es que lista celos. Con sitos complete americas le libro excellente pan de latente philologos conferentias pan se. Infra esseva uso ma. Involvite romanic ma que debitas internet primarimente il web...Prodigy of Head

Satu yang pasti bakalan sedikit ribet jika kita ingin memakai trik ini, tetapi masih belum tampak bagaimana hasilnya nanti pada browse engines :-/ Satu tools ini mungkin akan membantu sobat² dalam menciptakan border radius effect seketika itu juga terlihat efek yg diciptakannya :) Sobat hanya perlu memasukan nominal pada kotak yg berada di sudut tools ini. Dengan begitu maka kode CSS3 hasil akan langsung tampak pada kotak yg tersedia.

http://border-radius.com/

Mudah kan sob :D How about this???

Prodigy of Head
Freedom of expression and system of brains
Tutorial blog for full stylish blogger
Beben Koben si bloglang anu ganteng kalem tea
Yeaaahhh...

Happy border radius \m/

Galat Trouble Trick

Galat yang terjadi sering kali menimbulkan kepanikan dalam kenyamanan kita melakukan aktifitas blog. Postingan ini dibuat pihak blogger juga kayaknya sedang mengalami trouble. Dimana pada sesi editing kala itu tidak dapat melakukan save template, expand widget template...
Khusus masalah yang sering melanda pada bagian widget/gadget blogger, Beben si bloglang anu ganteng kalem tea akan berbagi sedikit trik untuk mengakses isi yg terkena galat trouble!!! Contoh pada blog ini saja masalah belum terselesaikan, sobat bisa tengok help!!!

Sejenis itu masalah yang sering menimpa pada bagian widget sob. Langkah pertama untuk melihat kasus galat Add a Gadget ini, sobat dapat lari terlebih dahulu ke halaman Page Elements. Disana kita dapat mengakses isi dari gadget yg kita tuju (tulisan Edit itu loh) Sekarang bagaimana dengan gadget yang pada Page Elements tidak dapat diakses, pada kolom homepage juga error, pada bagian post page blank :-?
Singkat kata kita tidak dapat melakukan pengeditan yg diinginkan... Cek git dot trik sederhana ini walau sedikit membutuhkan tenaga ekstra :d

Perhatikan screenshot diatas itu. Dengan permainan & penerapan link sebenarnya kita akan mengakses gadgets yg terkena galat. Syntax link normal tanpa terkena trouble (Edit Gadget)http://www.blogger.com/rearrange?blogID=XXXXXXXXXXXXXXXXXX&action=editWidget&sectionId=main&widgetType=null&widgetId=HTMLXXItu link normal tanpa terkena case, simpan saja itu di hard disc or notepad. Ganti dan isikan tulisan yg diberi warna sesuai keterangan pada screenshot :)
NB:
Kode tulisan tebal: alamat edit (rearrange)
Kode warna merah tua: isi dengan blogID.
Kode warna biru: keterangan aksi tujuan.
Kode warna kuning: posisi gadget berada. Main berarti homepage!
Kode warna ungu : biarkan dalam keadaan null.
Kode warna hijau terang: jenis widget yg terkena galat, kalau berbeda maka ganti dengan jenis gadgetnya. Ex profile gadgethttp://www.blogger.com/rearrange?blogID=XXXXXXXXXXXXXXXXXX&action=editWidget&sectionId=sidebar4&widgetType=null&widgetId=Profile1

Jika sobat membutuhkan ragam syntax link's yang ada di blogspot ini silahkan tengok di halaman All Personal Syntax Link On Blogspot. Semoga dengan trik sedikit bikin ribet ini tidak mengurangi tekad kita dalam berblogging ria yah kawan² \m/ dan semoga blogspot lebih meningkatkan lagi kinerjanya di masa mendatang :d Help Us Make Blogger Better (again) :-h Jika ingin mendatangi secara khusus masalah galat ini tengok point ke dua pada halaman berikut Contact Blogger.

UPDATE!!!

Jika sobat ingin melakukan Expand Widget Template bisa menggunakan link berikut inihttp://www.blogger.com/html?blogID=XXXXXXXXXXXXXXXXXX&tpl=true

Code Blink-Blink on Post Area

Ide memang datang tak disangka-sangka. Lagi mentok no idea, eh nemuin deh trik penulisan kode dalam postingan kita supaya tampil secara blink-blink. Backgroundnya itu warna-warni sob, berubah-rubah macam lampu disko :P
Biasanya harus menggunakan javascript untuk dapat bisa kayak begini. Tapi sekarang Beben si bloglang anu ganteng kalem tea akan berbagi full css membuat tulisan code lebih full stylish.
Karena sangkin simpelnya trik dan tips ini, maka untuk variabel dan atribut CSS sobat bisa kreasikan menurut selera. Disini Beben kasih dasarnya saja yah :D Persiapan yg mesti dilakuin yaitu download terlebih dahulu image berikut background image.

Sesudah itu diekstrak .zip nya supaya didapatkan gambar blink. Cari kode ]]></b:skin> dan masukan kode CSS sebelumnya

.blink {
background:#CCCCCC url(.../background-blink.gif) repeat;
border:1px solid #999999;
-moz-border-radius:5px;
-webkit-border-radius:5px;
line-height: 1.5em; /* jarak tinggi spasi antar kalimat */
margin:0;
padding:10px 15px;
}

Gantilah link gambar dengan link yg sudah dihosting. Lalu ketika memosting dan mau menggunakan trik ini sobat hanya tinggal memakai HTML sbb<div class="blink">DISINI L3TAKKAN KONTEN</div>Hasil final seperti ini ;))

demo

Berubah-rubah kan warna belakangnya :P See you...

Google Docs Viewer jQuery Plugin

Issue hangat langsung menggebrak mengenai More File Formats in Google Docs Viewer dan secuil trik Open Gmail's PDF Attachments in Google Docs Viewer (Google Chrome Version) Jika sobat mau membuat sebuah link agar menjadi format PDF bisa mencoba tools berikut Make Web Pages to PDF atau melakukan search artikel dengan format PDF yang sudah jadi Search Engine PDF Format jika kurang, apa berniat membuat RSS Feed menjadi PDF Convert RSS Feeds to PDF Free Online!!! Kali ini Beben si bloglang anu ganteng kalem tea b-) akan berbagi bagaimana caranya memasukan link berekstension tiff, pdf, ppt, pps, doc and docx tanpa meninggalkan blog/web kita menggunakan fasilitas Google Docs.

Untuk lebih ngeuh coba sobat tengok demo berikut ini

demo

Jadi nanti pada sesi postingan kita hanya tinggal menuliskan syntax seperti biasa yang diatur dengan class dan id. Aturan penulisan syntax on the post side :D

<a  href="your-link.pdf" class="embed">Streaming File</a>
<a  href="your-link.pdf" id="embedURL">Streaming File</a>

Perlu diingat sama sobat sekalian, trik ini menggunakan pemanggilan script metode jQuery plugin :P Masukin seluruh Jquery script ini diatas tag penutup </body>

jQuery Script

<script type='text/javascript'>
//<![CDATA[
/*
* jQuery.gdocViewer - Embed linked documents using Google Docs Viewer
* Licensed under MIT license.
* Date: 2011/01/16
* @author Jawish Hameed
* @version 1.0
*/
(function($){
$.fn.gdocsViewer = function(options) {
var settings = {
width : '500',
height : '600'
};

if (options) {
$.extend(settings, options);
}
return this.each(function() {
var file = $(this).attr('href');
var ext = file.substring(file.lastIndexOf('.') + 1);
if (/^(tiff|pdf|ppt|pps|doc|docx)$/.test(ext)) {
$(this).after(function () {
var id = $(this).attr('id');
var gdvId = (typeof id !== 'undefined' && id !== false) ? id + '-gdocsviewer' : '';
return '<div id="' + gdvId + '" class="gdocsviewer"><iframe src="http://docs.google.com/viewer?embedded=true&url=' + encodeURIComponent(file) + '" width="' + settings.width + '" height="' + settings.height + '" style="border: none;"></iframe></div>';
})
}
});
};
})( jQuery );
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$('a.embed').gdocsViewer({width: 500, height: 600});
$('#embedURL').gdocsViewer();
});
//]]>
</script>

Save.

Screenshot after add on my dummies blog. Maaf resolusi tinggi gambarnya saya gepengin yak, abisnya panjang bgt bos ;))


Jika sobat memang sudah memiliki file dengan enkstension yg mendukung dari trik ini, sobat dapat mencoba langsung via generate dihalaman berikut ini Google Docs Viewer. Beben kasih contoh file .pdf dari blogger buster yah :P

Paste this link into email or IM:

http://docs.google.com/viewer?url=http%3A%2F%2Fbloggerbuster-tools.googlecode.com%2Ffiles%2FBuilding-Websites-With-Blogger-Preview3.pdf

Or, paste this HTML tag into your blog or website for a link to the viewer:

<a href="http://docs.google.com/viewer?url=http%3A%2F%2Fbloggerbuster-tools.googlecode.com%2Ffiles%2FBuilding-Websites-With-Blogger-Preview3.pdf">Building Websites With Blogger</a>

For an embedded viewer, use this HTML tag instead:

<iframe src="http://docs.google.com/viewer?url=http%3A%2F%2Fbloggerbuster-tools.googlecode.com%2Ffiles%2FBuilding-Websites-With-Blogger-Preview3.pdf&embedded=true" width="600" height="780" style="border: none;"></iframe>

To view now, click here.

Happy streaming file my friend \m/

Resource by: http://www.jawish.org/blog/archives/394-Google-Docs-Viewer-plugin-for-jQuery.html

Image Zoom jQuery Plugin

Zoom ini pernah lihat kan sob Cloud Zoom on Blog, yang membuat satu gambar kecil jika disorot akan menjadi gambar besar karena dikombinasikan dengan menggunakan jQuery plugin. Mirip dengan trik berikut sih hasil dari zoom image itu thumbnail pure CSS. Sama-sama pas disorot kursor akan terlihat gambar besarnya. Sekarang keluar versi jQuery tapi dengan script yg lumayan minimalis bagi sobat yg tertarik akan Image Zoom ini. Kok setiap full post page efek pada blog ini jadi tidak berfungsi yak...deuh pusying nih kalo udah dapat masalah macam error-error macam taik otok arghhh b-(

Contoh cloud zoom

Contoh thumbnail pure CSS

Prikitiwww...

Ramuan Easy Image Zoom jQuery Plugin

CSS

Letakan diatas/sebelum kode ]]></b:skin>

#easy_zoom{
 width:600px;
 height:400px; 
 border:5px solid #eee;
 background:#fff;
 color:#333;
 position:absolute;
 top:600px;
 left:300px;
 overflow:hidden;
 -moz-box-shadow:0 0 10px #777;
 -webkit-box-shadow:0 0 10px #777;
 box-shadow:0 0 10px #777;
 line-height:400px;
 text-align:center;
 }

Lihat kode CSS warna merah itu, jika gambar hover image terasa kurang pas, maka itu rubah² saja sampai terasa cucok ;)

jQuery Plugin

Masukan diatas kode tag penutup </body>

<script type='text/javascript'>
//<![CDATA[
(function($){$.fn.easyZoom=function(_1){var _2={id:"easy_zoom",parent:"body",append:true,preload:"Loading...",error:"There has been a problem with loading the image."};var _3;var _4=new Image();var _5=false;var _6=true;var _7;var w1,w2,h1,h2,rw,rh;var _8=false;var _1=$.extend(_2,_1);this.each(function(){_3=this;var _9=this.tagName.toLowerCase();if(_9=="a"){var _a=$(this).attr("href");_4.src=_a+"?"+(new Date()).getTime()+" ="+(new Date()).getTime();$(_4).error(function(){_6=false;});_4.onload=function(){_5=true;_4.onload=function(){};};$(this).css("cursor","crosshair").click(function(e){e.preventDefault();}).mouseover(function(e){_c(e);}).mouseout(function(){_d();}).mousemove(function(e){_b(e);});}});function _c(e){_d();var _e=$("<div id=\""+_1.id+"\">"+_1.preload+"</div>");if(_1.append){_e.appendTo(_1.parent);}else{_e.prependTo(_1.parent);}if(!_6){_f();}else{if(_5){_10(e);}else{_11(e);}}};function _11(e){if(_5){_10(e);clearTimeout(_7);}else{_7=setTimeout(function(){_11(e);},200);}};function _10(e){_8=true;$(_4).css({"position":"absolute","top":"0","left":"0"});$("#"+_1.id).html("").append(_4);w1=$("img",_3).width();h1=$("img",_3).height();w2=$("#"+_1.id).width();h2=$("#"+_1.id).height();w3=$(_4).width();h3=$(_4).height();w4=$(_4).width()-w2;h4=$(_4).height()-h2;rw=w4/w1;rh=h4/h1;_b(e);};function _d(){_8=false;$("#"+_1.id).remove();};function _f(){$("#"+_1.id).html(_1.error);};function _b(e){if(_8){var p=$("img",_3).offset();var pl=e.pageX-p.left;var pt=e.pageY-p.top;var xl=pl*rw;var xt=pt*rh;xl=(xl>w4)?w4: xl;xt=(xt>h4)?h4: xt;$("#"+_1.id+" img").css({"left": xl*(-1),"top": xt*(-1)});}};};})(jQuery);
//]]>
</script>

<script type='text/javascript'>
jQuery(function($){
$('a.zoom').easyZoom();
});
</script>

Save

Ketika ingin memosting, syntax gambar yg musti digunakan harus seperti ini<p><a href="http://link-gambar-resolusi-gede/large.jpg" class="zoom"><img src="http://link-gambar-resolusi-kecil/small.jpg" alt=""></a></p>Screenshot pada demo blog setelah finish

See you...\m/

Resource by: http://cssglobe.com/post/9711/jquery-plugin-easy-image-zoom

Syntax Highlighter Alexgorbatchev

Sebenarnya sudah ada artikel mengenai Syntax Highlighter di blog Prodigy of Head ini sobat. Tapi entah mengapa masih saja kepincut mengulik-ngulik mengenai si Syntax Highlighter ini! Setiap ada free service ;)) dan full stylish ditanamkan pada blog, maka selama itu Beben si bloglang akan mencari dan mengulik agar bisa kita gunakan dan tentunya menjadi blogger gaya punya b-) Setelah melang-lang buana pilihan penggunaan bebas layanan ini jatuh pada @syntaxhighlight pemilik web SyntaxHighlighter (alexgorbatchev.com) Karena banyak web/blog pakai jasa dari sana sob ;)) Bagi yang paham mengenai setingan² dan fasih bahasa inggris, monggo langsung bisa kunjungin web bersangkutan.

Bagi sobat yg mau ikutin versi bloglang mari simak apa-apa saja bumbu agar Syntax Highlighter versi Alexgorbatchev.com bisa masuk ke blog kita tercinta :d Cari kode ]]></b:skin> lalu letakan bumbu script ini tepat dibawahnya

<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shAutoloader.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js' type='text/javascript'></script>

<script type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

Keterangan warna tulisan pada bumbu:

1. Script warna biru.
Link ini harus ada jika ingin memakai jasa dari web penyedia host. Buka halaman berikut Installation, dan perhatikan tulisan To get SyntaxHighlighter to work on you page, you need to do the following:
2. Script warna ungu.
Ini jenis CSS Beben pakai. Pemakaian tag waktu kita melakukan sesi pemanggilan pre pada waktu memosting.
3. Script warna hijau.
Script konfigurasi jika blogger basis blogspot mau pakai jasa ini. Open here Configuration.
4. Script warna merah.
Sama konfigurasi jika sobat mau memakai fitur clipboard. Fitur ini akan tampak pada pojok kanan atas bagian gambar kecil bergambar mirip kertas. Jadi jika sobat ingin mengkopi tinggal klik saja gambar tersebut.
5. Script warna kuning.
Default konfigurasi yang memang harus ada.

Ketika mau memosting kode pada postingan, sobat harus melakukan penulisan tag sbb (contoh penulisan tag dengan kode CSS versi keterangan warna ungu diatas)...<pre class="brush:css">

<!-- your code phrase here -->

</pre>Perhatikan keterangan pada nomor 2, ini yg dimaksudkan itu sob. Gunanya memanggil pada sesi postingan brush:css Setelah dipasang pada blog, hasil bumbu diatas akan tampak seperti


Keren kan sob...top markotop kan b-) :-bd Jika sobat mau lebih keren lagi, maka cari kembali kode ]]></b:skin> lalu masukin ini sebelumnya!

.syntaxhighlighter .toolbar {
opacity:0.7;filter:alpha(opacity=70);
}
.syntaxhighlighter .bar:before {
content:"To copy the code, click the <> icon on the right side";
color:#FF0000;
padding-left:27px;
background-color:#6CE26C;
display:block;
}

Kode CSS itu untuk memunculkan tulisan To copy the code, click the <> icon on the right side ketika kursor menyorot pada bagian dalam.


Bagaimana sob...hehehe hohoho hihihi qiqiqi \m/ Berikut ini contoh Beben beberkan screenshot dari latest version hosted style css version hosted. Lihat bagian ini waktu pemasangan bumbu<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>Nah kode itu yg akan bloglang kasih lihat ragam dan gayanya. Efek akan terlihat jika kode tadi diganti. Harap diingat, disini Beben menggunakan jenis scripts/shBrushCss.js dalam pemanggilan tag pre ketika memostingnya!!! Kalau sobat mau ganti, maka ketika pemanggilan pre waktu memosting harus rubah juga ;))

shThemeRDark

<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeRDark.css' rel='stylesheet' type='text/css'/>

shThemeMidnight

<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeMidnight.css' rel='stylesheet' type='text/css'/>

shThemeMDUltra

<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeMDUltra.css' rel='stylesheet' type='text/css'/>

shThemeFadeToGrey

<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeFadeToGrey.css' rel='stylesheet' type='text/css'/>

shThemeEmacs

<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeEmacs.css' rel='stylesheet' type='text/css'/>

shThemeEclipse

<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeEclipse.css' rel='stylesheet' type='text/css'/>

shThemeDjango

<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDjango.css' rel='stylesheet' type='text/css'/>
Itulah ragam shTheme yang bisa sobat pakai. Sekarang bagaimana jika kode script <link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/> kita coba ganti :-? Apa bakalan yg akan terjadi!!! Silahkan sobat coba sendiri saja :)) capek sayah... =))

Ketara bedanya kan...wekekekekkk
Ditemukan cara termudah untuk mau memasukan syntax highlighter ini. Instant dan begitu cepat. Silahkan sobat buka halaman berikut ini guna melihat demo theme syntaxnya ERROR (di delete kali). Jika theme sudah dirasa cocok, silahkan sobat menggenarete kode/script syntax highlighter disini. ERROR jg generated onlinenya...zzz.zzz
Happy Syntax Highlighter \m/

Gadget Friend Connect Blogger

Di tunda lagi ah mau berbagi artikel mengenai Google Maps. Sekarang Beben si bloglang anu ganteng kalem tea akan share tentang gadgets lag nich sob. Gadget bawaan dari paman google saja sudah keren-keren, apalagi jika kita memang bisa membuat gadget sendiri :-"
Seperti sobat kita satu ini yang sudah membuat beberapa gadget full stylish b-) Jika dilihat dari hasil karyanya, sobat kita ini orangnya baik bener :) Soalnya dia tau gadget jenis apa yg memang sering jadi incaran orang ;)) Watch it for example Uptweet Gadget^[1], Facebook Share Gadget^[2], Ad Space Gadget^[3], Share It Gadget^[4], Get Answers (Q/A) Gadget^[5] and etc!!! Kelebihan dari widget ciptaannya ini yaitu, semua gadget terhubung langsung dengan fitur Google Friend Connect.

Coba perhatikan oleh sobat halaman ini (dalam keadaan login account google sobat yah) Google Friend Connect Social Feature. Disana sudah ada gadget kan, lihat ke sebelah kiri (ada tulisan gadget!)
Kalau sudah ada disana kenapa mesti Beben bagi blog ini yah :D Tenang dulu sob, tidak gaya tidak share, no unique no post - Beben motto b-) Untuk mengetahui keunikannya sobat pelajari halaman berikut ini BigFootNote Jika sudah paham, maka selanjutnya si bloglang akan mencoba menerangkan gadget² dari sobat kita ini :)

Uptweet Gadget

Melakukan tweet artikel pada blog kita dengan jalan widget.

---

Uptweet ► Uptweet Gadget XML Url - http://fcgadgets.appspot.com/spec/uptweet.xml

Facebook Share Gadget

Berbagi via FB dengan widget technique...kekekekkk.

---

Facebook Share ► Facebook Share Gadget XML Url - http://fcgadgets.appspot.com/spec/uptweet.xml

Share It Gadget

Gabungan dari kedua gadget diatas FB dan twitter ;)

---

Share It ► Share it Gadget XML Url - http://fcgadget.appspot.com/spec/shareit.xml

Ad Space Gadget

Bagi blognya yang sudah menghasilkan $$$ (uang) maka gadget ini cocok. Karena ini memberitahukan kita rincian dari PPC, affiliasi, dll dengan dukungan dari Google Checkout! Membantu mengelola afiliasi yg sobat miliki dengan cara sederhana & gampang dioperasikan.

---

Money Gadgets ► Ad Space Gadget XML Url - http://mobilemetrics.appspot.com/ge/xml?ak=adspace

Get Answers (Q/A) Gadget

Ini bagi para pelancong untuk melakukan tanya-tanya apa saja dengan blog yg dikunjunginya. Seperti kolom diskusi cocok banget untuk dipasang :P

---

Get Answers (Q/A) Gadget ► Get Answers (Q/A) Gadget XML Url - http://answersense.appspot.com/spec/latest.xml

Jika memang terpakai semua itu widget, monggo silahkan pasang semuanya :)) Tenang saja sob, hostingan tak perlu dikhawatirkan :D Selamat bereksplorasi :-h

A Message from Friend Connect Gadget Labs

If you like these free gadgets, please consider linking to us from your website. Its like making a donation, only better. :)<a href='http://fcgadgets.blogspot.com'>Blogger Gadgets</a><br />or<br /><a href='http://www.appointron.com'>Appointment Scheduling Gadget</a>

CSS3 Radial Effect

Cascading Style Sheets sekarang sudah mencapai level CSS3. Dimana dengan segala kelebihan yang dimiliki oleh CSS3 ini lebih memberi warna ragam guna melatih kreativitas kita dalam menulis dengan rumus CSS supaya lebih full stylish sob. Seperti membuat gambar dikasih efek rotate (berputar), skew (miring) dan lain-lain. Dengan bahasa baru ini semoga sobat dapat lebih tertarik akan dunia HTML. Sumber untuk mempelajari ilmu ini sangatlah banyak diluaran sana! Ini Beben si bloglang nu ganteng kalem tea ada koleksi web HTML dan juga CSS. Masuk ke inti postingan, mempelajari efek hasil dari CSS Radial. Contoh ah :P

Prodigy of Head
Beben Koben

CSS3 rotate dengan radius border.

Prodigy of Head - Beben Koben

CSS3 text shadow effects.

Masih banyak deh pokoknya sob :) Satu hal yang mesti diingat oleh sobat sekalian, bahwasannya fitur dari CSS3 ini belum support secara merata pada setiap browsingan. Untuk mengetahui issue informasi browser bisa sobat lihat di Browser Information dan referensi CSS3nya di CSS3 Reference.
Back to CSS3 RADIAL...;)

Perhatikan contoh berikut ini sob (telaah perpaduan warnanya)

<a href="http://beben-koben.blogspot.com/" title="Prodigy of Head" target="_blank">Prodigy of Head</a>

Tekan Ctrl+C untuk Copy dan Ctrl+V untuk Paste!

Inti isi dari atribut kode CSS3 ini sebagai berikut...-moz-radial-gradient(center 80% , circle farthest-corner, #efefef 0%, rgb(100,110,110) 100%) repeat scroll 0 0 transparent;

-webkit-gradient(radial, 50% 80%, 200, 50% 40%, 1000, from(#efefef), to(rgb(100,110,110)))Kode -moz- dan -webkit- biasanya support terhadap browsingan Mozilla, Google Chrome and Safari. Secara pastinya saya juga tidak tauk ini kode CSS3 radial ini sudah support kemana saja :D Kodenya saja dapat dari forum sih ;)) Dikarenakan Beben moziller, maka disini yang saya beberkan versi mozillanya saja yak sob, wong bukan ahlinya juga sih :))

-moz-radial-gradient(center 50% , circle farthest-corner, #99C2FF 60%, rgb(0,102,255) 90%)
no-repeat scroll 0 0 transparent;

>> center: Variasi efek gradient nanti yang akan timbul. Kalau mau kiri = left, kanan = right.
>> 50%: Satuan dalam persentase efek blur warna biru muda ditengah pada demo diatas. Pixel (px) juga bisa, terserah.
>> circle: Tidak tauk ini merujuk kemana, dan yg pasti ada di artikel mengenai SVG shapes. Atribute yg bisa digunakan circle sama ellipse.
>> 60%: Efek gradient juga, semakin besar angka persentasenya maka akan pudar (menghilang) efek gradientnya.
>> 90%: Pendukung efek gradient (efek ke-2) setelah efek gradient yg 60%.
>> no-repeat: Bisa dirubah dengan repeat. Jika kita merubah ke no-repeat maka perhatikan variasi kode transparent setelahnya itu! Kalau kita memberi warna, maka sisa daerah yang kosong nanti akan ditimpa dengan warna yg kita pasangkan.

Begitulah penjelasan mengenai CSS3 gradient radial. Jangan pernah mencoba menghapus/merubah atribut kode CSS3 diatas yg tidak Beben jabarkan penjelasannya sob! Tidak berfungsi nantinya...hehehe.
Happy CSS3 \m/

Link YouTube.com be Flash Video on Blog

Tips untuk mencari berkas via search di blog Prodigy of Head ini, sobat hanya tinggal mengetikan keyword yang bersangkutan. Misalkan ingin mencari postingan tentang YouTube, sobat hanya tinggal ketikan saja kata YouTube itu dikotak search :) maka terbelalaklah kata-kata berbau uTube. Seperti pada kesempatan kali ini Beben si bloglang anu ganteng kalem tea akan berbagi mengenai bagaimana membuat link video YouTube, lalu dirubah menjadi embed yang siap ditonton. Mudeng apa endak nih penjelasannya ;)) Oke sekarang buka halaman berikut YouTube Video Collection.
Kalau secara kasat mata ketika membuka link tadi tidak ada yang istimewanya sob. Tapi ketika melihat Source dari halaman tersebut, baru deh akan nampak uniknya.

Singkatnya begini deh sob, kalau kita mau memasukan sebuah embed video (YouTube) ke bagian postingan blog kita maka cara umum yg dipakai yaitu mengambil kode embed bersangkutan Click to expand here (embed)

Nah begitu cara mengambil sebuah embed video. Sekarang bagaimana jika kita menulis macam gini di postingan blog<p>http://www.youtube.com/watch?v=doHnLiAzQ5M</p>lalu keluarlah deh itu si embed video?! Source link diatas tadi jika dibuka ya macam ini kelihatannya sob b-) Cocok banget bagi sobat blogger yg suka menyisipkan video pada artikel postnya :) Trik jQuery Plugins.

jQuery Plugins

Letakkan diatas/sebelum tag </body>

<script type='text/javascript'>
//<![CDATA[
$(function(){
   var vidWidth  = 440; // youtbe video width
   var vidHeight = 340; // youtube video height
   var obj       = '<object width="' + vidWidth + '" height="' + vidHeight + '">' +
       '<param name="movie" value="http://www.youtube.com/v/[vid]&amp;hl=en&amp;fs=1">' +
       '</param><param name="allowFullScreen" value="true"></param><param ' +
       'name="allowscriptaccess" value="always"></param>' +
       '<param name="wmode" value="transparent"></param><em' +
       'bed src="http://www.youtube.com/v/[vid]&amp;hl=en&amp;fs=1" ' +
       'type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" ' +
       'allowfullscreen="true" width="' + vidWidth + '" ' + 'height="' +
       vidHeight + '"></embed></object>';

   $('.post-body').find('p:contains("youtube.com/watch")').each(function(){
       var that = $(this);
       var vid = that.html().match(/(?:v=)([\w\-]+)/g);
       if (vid.length) {
           $.each(vid, function(i){
               that.replaceWith( obj.replace(/\[vid\]/g, this.replace('v=','')) );
           });
       }
   });
});
//]]>
</script>

Save

Ketika akan memosting, sobat hanya tinggal menggunakan syntax seperti berikut ini:
<p>http://www.youtube.com/watch?v=doHnLiAzQ5M</p>
Setelah beres loading 100% maka akan tampil video pada postingan sobat. Salam bloglang.
Other methode http://yabtb.blogspot.com/2012/02/youtube-videos-lazy-load-improved-style.html
Happy YouTube \m/

Bundle Google Reader

Masih ingat dengan fitur ini Blogger Reading List Ready to Use! Memasukan link blog's following favorite kedalam dashboard blog kita. Tampak headline news dari artikel teranyarnya, memastikan kita tidak tertinggal dengan issue-issue terhangat :) Sekarang kita akan membuat satu bundle dengan menggunakan address link RSS Feed yang akan menghasilkan sebuah daftar list web/blog yg kita follow dan tentunya gaya punya. Layanan ini sebenarnya sudah ada pada Google Reader, cuman caranya saja gak tauk =)) Beben si bloglang anu ganteng kalem tea ini akan berbagi bagaimana cara membuat bundle of google reader. Julukan sudah bloglang, maka kerjaannya mengkorek-korek artikel unik, gaya punya, full stylish :))

Biar lebih jelas apa yang dimaksudkan ini, silahkan sobat lihat demo ini Blogspot By Google. Disana Beben memasukan link rss feed blog blogspot dari si embah google! Itukan berupa link jadi, bagaimana jika ingin tampil pada blog :-/ Bisa juga, karena tersedia widget untuk siap dimasukan via add a gadget ► HTML/Javascript :D
Silahkan diambil ini masukan langsung ke blog sobat link pilihan Beben ini, tenang sob ini link semuanya dari si tante google. Jadi pasti bermutu lah ;))

Bagi yang tertarik bagaimana cara membuat fitur itu, mari bos kita lanjut dengan persiapan secangkir kopi hangat ~O) dan semangkok <):) Syarat utama yaitu harus sudah memiliki account google tentunya :D Kalau sudah punya silahkan agan agin masuk kemari bundle creator page. Setelah itu masukin dengan cara men-drag link-link yang ada disamping kiri kedalam kotak bundel.

Widget hasil karya Beben akan kelihatan layak ini Bundle Blog Blogspot by Google :) Bagaimana! dengan begini mungkin exchange link akan tampak lebih gaya sob :)) Sampai jumpa lagi dalam episode korek-korek artikel gaya punya selanjutnya \m/

Resource by: http://www.webupd8.org/2009/08/create-your-own-google-reader-rss-feed.html

Update
Google Reader is Discontinued and How to Solve it

Image Resizing

Kehabisan bahan postingan nih...xixixi. Beben si bloglang anu ganteng kalem tea akan berbagi artikel ringan mengenai merubah tinggi dan lebar sebuah gambar/image. Mendengarnya saja sudah pasti cetek sob bagaimana kita mau merubah width and height satu image :D Tapi secara ciri khas Beben itu unik dan gaya, maka cara merubahnya sekarang juga termasuk full stylish b-) Lihat original titlenya nih sob 100% Client Side Image Resizing
Merubah gambar secara praktis dari HD (komputer) dengan bantuan tools ini. Sangkin mudahnya kita tinggal klik...klik...dan beres :D Gayanya disini kita akan menghasilkan juga link image berbasis kode Base64.

Sekedar contoh syntax image base64 sbb

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAADOklEQVQokU3Le0zUBQDA8d8fba5Vc6XTQIi7xiseMyRFOKOTC+7x+90BPpB8NEPBrbLjuB+PHWjclZFunHKAjx7yyJPhQJcM7gCRNbf4h6lQDlsRuwNvExjgFcql9u3fPv9/hHOtbgoK9mAw7sAgGskRs9Hp85DEfCRJwmDKRSeJaEUDBsnEocMlFMjV2L1/IDx9+gS5vAqNLocsMQ/JYERrNLFdzCVLysUkGRBFI3ophxwxF71opOiohZv35xDUWVmkazQcPFjE2ykprNx1M+NtwDfQzK0f6pnqdTJ4vgrfyGXeilGiM+ayTZ3J839CCAvP/0W1XYNaa6TykEjg5nmm+xuY9jp5MNhMR+1efJ4W6iz7mL3bhVaUyBH1dHZeQTjW70MtFmIy5aPaEscBTSptJyxMDXdw56qTvu8d9DTW8n7yem4PXUEy5vOJtRT79V8RbJ5J6rtG0eu1yEd24bAd55TjGC3Or3hwq4MLzloaPz+OraKKUW87WkM+O4st1HimEGweP5FJW9ivU6Fc9yJfV5TyUYyaI3uz8A82UJKfyc7obbiqLXxpKyUhci27TNnUeCYRavomKLafxVVezPK9S5SYNtN56lMC/c3MDDTg660nL/1N3k2KZiXop+xwIYqUDGp6JxEWZSUPj4Yjxq+h5YSV2X4nfu85fJ4mhs6Y8XsbCfx0EZfjM+4PfsPE0CXmKhLw2zYjLMpRhMxhPJHDqEpbz9JIO3UOB85v2/jFN8f4nwE2pW4lMORiYWKYEe9lGrRrWD6tQQjKCoKyggVrGLNyMu79SQTH+/jxYh2/Dbdyu7OR2Tsd+EbaGO9povukmXmLgseuvP/nGKoz44h65SUS160iPuI1vjtpp1CnYn60h9A9N4Eb7WRHhLFkjeWRrERYKY/lrzIFG1e9wJ53Xmdj+GrUiRv4sLgUseAA5spyfh/p5tmYm2nvWeLXrma5TEmwMg6BUABCQT7e/R6FW6M5bf0AU0YCV7taMRe9yhf2MjSpySyOdTIz0MQmxcsQegjP5hH+tkYStLyBVUplX3oSZ8y72ZERwY2fh7nmTKP7ei95adHoksN5PNZBoSqRJTmWR3IU/wHVqy3hifycoAAAAABJRU5ErkJggg==" />Hehehe :D Silahkan kunjungi halaman ini image resize. Sampai jumpa lagi yah :-h

Resource by: http://webreflection.blogspot.com/2010/12/100-client-side-image-resizing.html

Easy Life

Menclok sekarang ke negeri Chinese lagi sob. Beginilah Beben si bloglang anu ganteng kalem tea jika menemukan sebuah informasi. Kadang dengan sengajanya tanpa persiapan apapun, kadang emang dicari dan menemukannya...pokokek yang gaya punya pasti dibagi-bagi :D Tidak tau web personal atau bukan nih sob yah, tapi setelah mengeksplorenya ternyata web ini menyediakan beberapa jasa dan mungkin bisa kita pakai. Contoh jasa yg ditawarkan antara lain banner untuk page rank! Mengapa Beben kasih tau banner dari web ini? Keren dan imut tentunya dong, serta akurasi terintegrasi langsung dengan PAGE RANK GOOGLE. Contohnya nih...

Setelah banner PR, ada lagi untuk melihat IP, what your IP Address! Example

Imut-imut dan keren toh :-/ :D Karena terpampang dengan bahasa china mengharuskan kita untuk mentranslatenya sob ;)) Oleh sebab itu korek-korek disana rada membuat kepala bikin ter muter sob @-) Okelah, biar kita bisa sama-sama muter coba saja acak-acak di alamat berikut guna ada apa saja disana Easylife. Kalau sudah muter kepalanya, ini ada obatnya berupa jepretan-jepretan photo full artistic cewek-cewek sono sob 3:-O Perhatian khusus 18+ ingat ada yg ngawasin O:-)
>> Obat muter1
Click to expand here

>> Obat muter2
Click to expand here

>> Obat muter3
Click to expand here

Itu photo2 dari sana juga sob :D sok lah diubek-ubek wae :P so easy life :x Bye bye :-h

Valentine Map

Berbagai macam cara untuk mengungkapkan unek-unek di hari kasih sayang ini sob :x Valentine day kalau orang kulon bilang mah :D Sebagai bloglang anu ganteng kalem tea, dimana suka melanglangbuana didunia maya ini, maka cara mengutarakan hari valentine juga harus gaya punya dong (gaya bloglang blogger sejati) ;)) \m/
Seorang cowok kepada kekasihnya identik pasti kasih coklat! Nah kalau Beben kasih love love love ajah yah. Bukan sembarang love loh :-" Bingkisan love ini jika diklik akan tampak sebuah map dan pesan pendek yang tertera dibawahnya :x Pokoknya mah cucok deh bagi petualang dunia alam maya mah ;)) Ensok atuh diklik :">

HAPPY VALENTINE...