Jumat, 29 Januari 2010

EFFECT TELEVISION FOR IMAGE

Back with the BeBeN si Bloglang sejati...tii...tiii. Biasa, setelah keliling-keliling mencari gaya-gayaan buat blog kita tersayang beibeh...huehuehue. Pernah melihat gambar dengan efek televisi. Tampilan pertama seperti televisi runyeum gitooo. Tapi pas disorot sama mouse, akan tampak gambar aslinya.

Cek get dot for DEMO. Sebenarnya teknik ini bisa dipakai dua. Ada yang memakai efek runyeum-runyeum televisi, atau hanya efek garis-garis lembut. Kan tadi demonya juga ada dua toh!!! Yaaa sudah jangan mantengin demonya terus...mau tahu tidak nih caranya bagaimana bisa seperti begonoh.

  1. Download terlebih dahulu gambar berikut, lalu hosting di hostingan sobat masing-masing gambarnya.zip.
  2. Setelah mendapatkan gambarnya dan dihosting, lalu masukkan deh gambar-gambar yang tadi pada kode berikut ini.
  3. Codenya :
    .crt { float: left; position:relative; overflow:hidden; } .crt img { display:block; float: left; } .crt span.screen { display:block; position:absolute; top:0; left:0; width:1000px; height:1000px; background:transparent url(gambar-crt-screen.gif) top left repeat; } .crt span.top { display:block; position:absolute; top:0; left:0; width:1000px; height:70px; background:transparent url(gambar-crt-top.png) top left repeat-x; } .crt span.bottom { display:block; position:absolute; left:0; bottom:0; width:1000px; height:110px; background:transparent url(gambar-crt-bottom.png) bottom left repeat-x; }

    Isi deh yang bertuliskan warna biru itu dengan gambar yang disuruh dihosting tadi.

  4. Kode tersebut sebenarnya sudah bisa dipakai, tapi hanya mendapatkan efek garis-garis saja. Untuk mendapatkan efek televisi runyeum-runyeumnya, maka keseluruhan kodenya menjadi seperti ini.
  5. .crt { float: left; position:relative; overflow:hidden; } .crt img { display:block; float: left; } .crt span.screen, .crt span.snow { display:block; position:absolute; top:0; left:0; width:1000px; height:1000px; background:transparent url(gambar-crt-screen.gif) top left repeat; } .crt span.snow { background:transparent url(gambar-crt-snow.gif) top left repeat;}.crt:hover span.snow { display:none;}.crt span.top { display:block; position:absolute; top:0; left:0; width:1000px; height:70px; background:transparent url(gambar-crt-top.png) top left repeat-x; } .crt span.bottom { display:block; position:absolute; left:0; bottom:0; width:1000px; height:110px; background:transparent url(gambar-crt-bottom.png) bottom left repeat-x; }

    Bagaimana...pusingkan...xixixixi +_+'

  6. Kode tersebut letakkan diatas/sebelum kode ]]></b:skin>
  7. SAVE deh.
Nah setelah beres, sekarang tinggal cara memakainya di dalam postingan kitanya nih. Kode gambar standar yang didapat setelah melakukan upload seperti ini :

<img src="http://3.bp.blogspot.com/ALmJUhgt/S2MBMgfvnsI/ABCDEFGHIJKL/r37Sza2LetA/eneng-ennok.jpg" alt="" width="XXX" height="XXX">

Tinggal memakai panggilan kode berikut, maka akan begini kode gambarnya.

<div class="crt">
<img src="http://3.bp.blogspot.com/ALmJUhgt/S2MBMgfvnsI/ABCDEFGHIJKL/r37Sza2LetA/eneng-ennok.jpg" alt="" width="XXX" height="XXX">
<span class="screen"></span>
<span class="top"></span>
<span class="bottom"></span>
</div>
Itu kode untuk efek yang garis-garis yang akan muncul pada gambarnya. Kalau mau ada efek televisi runyeum-runyeumnya maka tinggal menambahkan sedikit kodenya, maka menjadi seperti ini.
<div class="crt">
<img src="http://3.bp.blogspot.com/ALmJUhgt/S2MBMgfvnsI/ABCDEFGHIJKL/r37Sza2LetA/eneng-ennok.jpg" alt="" width="XXX" height="XXX">
<span class="snow"></span>
<span class="screen"></span>
<span class="top"></span>
<span class="bottom"></span>
</div>
Kalau sukses maka akan tampak pada DEMO berikut ^_^. Good Luck and Happy New Year...eh Happy Blogging -__-'.

Trick by : matthewjamestaylor

Kamis, 28 Januari 2010

BACKLINKS JALANBLOGGER STYL3

Back links a mystery for blogger. Ada yang perduli terhadap backlinks adapun tidak. Tapi itu terserah pada pendapat masing-masing. Mungkin dari kalangan sobat pernah melihat dan membaca artikel tentang backlink dengan metode MLM. Dengan mempublikasikan postingan, dan menaruh link kita di postingan tersebut??? Tidak salah cara itu, tapi kalau dengan memostingnya kita dengan tanggal yang tidak dimajukan ke depan, akan tidak mungkin postingan tersebut akan menjadi arsip dan tidak terlihat lagi tentunya.

Menjadi sia-sia trik backlink dengan metode MLM yang kita buat di postingan tentunya. Tapi bagaimana kalau trik backlink yang tentunya mengharuskan kita meng-add link kita dan member-member lainnya dikemas dalam bentuk gadget berupa gambar sirine!!! Akan tampak full stylish dan menggoda dong ah...wkwkwkwk. Mungkin sudah pada dengar sih dari sebagian blogger tentang metode yang dikeluarkan oleh Jalan Blogger. Bagi yang belum tempe mari kita lets get it on.

Begini langkah-langkahnya...

  1. Cek dulu blog/web sobat.
  2. Cek via google silahkan masuk ke sini Page Rank Via Google. Kalau yang mau ceknya via MyPageRank.
  3. Setelah di cek dan mendapat ranknya, silahkan sobat masuk ke halaman backlinks Easy, lalu scroll ke bawah sampai menemukan gambar rank. Seperti ini contohnya PR klik deh sesuai dengan rank blog/web sobat.
  4. Isilah formulir yang ada disana, lalu pasang gadgetnya.
  5. Beres dan tinggal menunggu konfirmasi di e-mail...hehehe.
  6. Muach...see you again next time with BeBeN si Bloglang.

Rabu, 27 Januari 2010

ONE CLICK TO ADD OUR POSTED

Pendek tapi berbobot. Apakah itu ??? Inilah pernyataan yang tepat untuk postingan kali ini. Tidak panjang tapi bisa membantu mengirimkan postingan atau artikel sobat blogger hanya dengan satu langkah. Biasa, hasil ngubek-ngubek daleman web orang...xixixixi. Postingan yang akan terkirim nanti ke 79 Social Websites. Jadi hanya dengan meng-add postingan kita langsung otomatis terdaftar ke 79 websites. Sebelum ke web yang dimaksud, apa sobat tertarik dengan Seo Tools online berikut SeoDevGroup Seo Tools.

Masukkan postingan sobat ke Social Bookmarking Services Poster and Community Websites Submitter. Nama webnya saja sudah panjang gitu yah...hihihihi. Tidak usah menunggu orang mencari web/blog kita, biar mesin saja yang bekerja...hohohoho. Oke lah kalau begitu!!! Demikian saja cerita Pendek tapi berbobot from BeBeN si bloglang sejati. See you next time ^_^'

HAPPY BLOGGING...WASSALAM.

Selasa, 26 Januari 2010

JS-KIT RATING FOR BLOGGER

Puyeng bener cari bahan tutorial yang stylish!!! Yaaa...sudah BeBeN kembali membawa oleh-oleh dari teman seperjuangan Mr.Lasantha Bandara owner bloggertipandtrick.net. Oleh-olehnya mengenai tidak jauh dari bergaya-gaya dengan blog kita tercinta ini. Screenshoot :

Bagaimana penuh dengan gaya dan seksi toh. Itu rating yang selalu ada di web-web yang berbayar...xixixixi. Kalau mau yang ratingnya saja, bisa. Mau yang like or dislikenya saja juga bisa. Kedua-duanya??? Yaaa...bisa juga dong...!!!

  1. Log in ke account blogger sobat--->Layout--->Edit HTML--->Centang --->Download Full Template.
  2. Cari kode </body>, lalu letakkan script berikut diatas/sebelum kode tersebut.
  3. Scriptnya :
    <script src="http://js-kit.com/ratings.js"></script>
  4. Press Ctrl + F pada keyboard, temukan kode berikut
    <data:post.body/>.
  5. Lalu letakkan kode berikut pas setelah kode yang tadi (langkah nomor 3).
  6. Kodenya :
    <div style="float:left; margin-right:3px;"></div>
    <div class="js-kit-rating"
    expr:path="data:post.url"
    expr:permalink="data:post.url"
    expr:title="data:post.title">
    </div>
    Kode yang ini untuk rating sobat. Kalau pada gambar yang bergambar bintang. Nah kalai mau yang bergambar tangan jempol buat penampilannya, kodenya yang ini.
    <div style="float:left; margin-right:3px;"></div>
    <div class="js-kit-rating"
    expr:path="data:post.url"
    expr:permalink="data:post.url"
    expr:title="data:post.title" view="score">
    </div>
  7. SAVE dan lihat hasilnya.
Catatan : Kedua kode diatas dapat ditempatkan sesuai dengan keinginan sobat kok. Kalau mau tampil di bawah judul postingan, maka cari kode
<div class='post-header-line-1'/>
dan letakkan kodenya setelah kode yang bertuliskan tebal. Atau mau mencoba meletakkannya di kode berikut.
<div class='post-footer-line post-footer-line-1'>
Tutorial by : www.bloggertipandtrick.net

See you and happy blogging...WassaLam ^_^

Senin, 25 Januari 2010

FREE DESIGN BANNER

Ah...aku kemabali lagi dari nge-bloglang web-web. Tahu dong Banner, yang dibuat untuk mempromosikan blog kita dalam bentuk gambar baik berupa .jpg, .gif, flash ataupun yang lainnya. Mungkin diantara sobat sudah memiliki link-link yang oke banget dan andalan dalam membuat banner blog sobat. Disini BeBeN cuma mau mengasih referensi web, yang tentunya free dong ah.

Sssttt...

Mau bikin link yang seperti itu??? Yeee...bukan saatnya javascript, banner tauk. Mari kita cek dan ricek web apa saja untuk membuat banner pilihan KoBeN si bloglang sejati...kekekekekkk. (padahal supaya diklik saja read morenya, agar dapat komentar...xixixixi)

  1. CoolArchive
  2. Banner Maker
  3. Creative Connectivity's
  4. QuickBanner
  5. Free Animated Banners Maker and Flash Animation
  6. MyBannerMaker
  7. The Banner Genrator Form
  8. Free Banners Button and More
Monggo...yang bagus yah buat bannernya. WASSALAM AND SEE YOU WITH ME AGAIN...CIAU!!!

Minggu, 24 Januari 2010

TRANSLATE THIS BUTTON

Mumpung masih mau mosting...hihihihi. Masih bersangkut paut dengan translate penuh gaya untuk blog kita tersayang. Halah tersayang kayak pacar saja nih...hihihihi. Sebelumnya BeBeN si ganteng kalem pernah memosting tentang Translate dengan bergaya roll. Sekarang mah menggunakan jasa web nih sobat blogger. Lumayan free-free juga...kekekekekkk!!! Prosesnya juga gampang, semudah membalikkan telapak tangan. Tapi tangan genderuwo wekekekekkkk. Begini cara mendapatkan layanan translator ini.

<!-- Begin TranslateThis Button -->

<div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">
TranslateThis();
</script>

<!-- End TranslateThis Button -->

Sikat deh tuh scriptnya ke dalam blog sobat. Seperti tradisi kita, pilih saja Add a Gadget pilih deh yang berjenis HTML/Javascript. Bagaimana...mudah kan!!! Kalau sobat mau meletakkannya sesuka hati yaaa...silahkan bereksperimen ria dengan template sobat sendiri. Yang penting GAYA...dan STYLISH.

Kalau kurang jelas dan ada apa-apa, silahkan kunjungi web yang punya proyeknya. Translate Powered By : TranslateThis Button.
Selamat berjumpa kembali, di acara bloglang selanjutnya.

Sabtu, 23 Januari 2010

TRANSLATE ROLL

Pusing pembukaannya nih...bl3ng kel4pa. Begini aja, tau dong dengan feature Form dalam bahasa HTML atau web...kekekekekkk. Pokoknya itu lah, ngerti sukur enggak juga pahami saja...hehehehe ~_~' Kalau dikasih contoh pasti mengerti. Check this one for a Form.

Yang seperti itu tuh form tuh sobat ^,^. Nah bengong malas kesana kemari, bermain-main deh dengan HTML editor. Bagaimana jadinya fungsi Form ini bisa dipakai untuk menterjemahkan sebuah Blog. Bakalan menarik nih!!!

Tuh contohnya keren banget kan ^.^ Nah silahkan kalau mau, ini kodenya. Pakai blockquote ah nulisnya. Biar kelihatan gaya gito LOH!!!

<form action="http://translate.google.com/translate"><input name="u" id="url" value="http://URL-YOUR-BLOG.blogspot.com/index.html" type="hidden"><select name="tl" style="background-color: rgb(255, 1, 1);"><option value="ar">Arabic</option><option value="sq">Albanian</option><option value="nl">Belanda</option><option value="bg">Bulgarian</option><option value="zh-CN">Chinese</option><option value="zh-TW">china(tradition)</option><option value="cs">Ceko</option><option value="ca">Catalan</option><option value="hr">Croatian</option><option value="da">Danish</option><option value="en">English</option><option value="de">German</option><option value="ja">Japan</option><option value="fr">French</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hu">Hungarian</option><option value="id" selected="selected">Indonesia Raya</option><option value="et">Estonian</option><option value="it">Italian</option><option value="ko">Korea</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="no">Nirwegia</option><option value="gl">Galician</option><option value="mk">Macedonian</option><option value="mt">Maltese</option><option value="pl">Polish</option><option value="pt">Portugis</option><option value="tl">Filipino</option><option value="ro">Romanian</option><option value="ru">Rusian</option><option value="sr">Serbian</option><option value="fi">Somolia</option><option value="sk">Slopak</option><option value="sw">Swahili</option><option value="su">Swedia</option><option value="es">Spanyol</option><option value="sl">Slovenian</option><option value="tr">Turki</option><option value="Thai</option><option value="uk">Ukraina</option><option value="vi">Vietnam</option><option value="cy">Welsh</option><option value="yi">Yiddish</option><option value="el">Yunani</option></select><input name="sl" value="en" type="hidden"><input name="hl" value="en" type="hidden"><input name="ie" value="GSO-8859-1" type="hidden"></><input value="Pilih Bahasa" style="background: rgb(255, 255, 255)" type="submit"></form>
Sok tuh diambil kode-kodenya. Masukkan saja via Add a Gadget pilih yang HTML/Javascript...LoL. Ganti tulisan yang berwarna biru dengan alamat blog sobat. Prikitiiiwww...!!! Kalau mau kelihatan tidak berantakan dengan kode-kodenya, sobat bisa mengakalinya dengan menjadikan kode-kode tersebut menjadi sebuah file berupa javascript.

Tulis kembali kode-kode diatas tadi menjadi seperti ini :

<!--
document.write('ISIKAN KODE-KODENYA DISINI');
//-->

Setelah itu save di notepad dengan nama bahasa.js, language.js, atau beben.js juga bisa. Yang penting berekstensionkan .JS filenya. Setelah disave dengan nama yang diinginkan sobat, lalu dihosting deh filenya tadi. Kalau sudah dihosting, tinggal memanggil file tersebut dengan gaya javascript.

<script src='http://URL-HOSTINGAN/FILE.js' type='text/javascript'></script>

Maka akan terlihat hasilnya sama dengan translate roll yang seperti di atas. Wong namanya juga supaya tidak kelihatan berantakan...wkwkwkwkwwkkkk.

GOOD LUCK HAPPY BLOGGING.

Jumat, 22 Januari 2010

MY BLOGGER TRICK

Huiii...ehem-ehem...prikitiiiiwww!!! Bloglang is BACK. Biasa kembali dari berpetualang di dunia ayam kekekekekkk. Now its about a great web long long there in Pakistan. He's Mohammad Mustafa Ahmedzai owner My Blogger Trick. Sepenggal kalimat yang selalu tertera di akhir postingan dia.
As a 20 year old student, the only income I rely on is my pocket money. Bearing the running costs of MBT Blog has become really difficult. We educate thousands of bloggers a week with our tutorials. To help us go forward with the same spirit, a small contribution from your side will highly be appreciated.
HiHiHi...bahasa kumpeni!!! Tutorial dasar untuk para blogger dan bergaya-gaya dengan blognya. Seperti BeBeN yang penuh dengan gaya juga toh...wkwkwkwkwkwk. Pokoknya maknyus-maknyus artikel dari dia. Nih aku kasih linknya menuju semua trik yang dia punya Tricks from Blogger Trick. Unique

Komentarnya sok silahkeun diisi yah...kekekekkk.

WASSALAMU'ALAIKUM WARAHMATULLAHI WA BARAKATUH ^_^

Kamis, 21 Januari 2010

MODERN BLOCKQUOTE STYLE

HiHiHiHi...ketemu agih nich ma akyu..khu khu khu. Apa tuh yang dimaksud dengan blockquote!!! Tulisan yang sedikit menjorok dari paragraph utama dari sebuah postingan/artikel. Nah Blockquote ini sendiri bisa diberikan sedikit gaya dengan bantuan sedikit sentuhan edit-edit CSS. Contoh blockquote yang ada di BeBeN seperti ini :
Aenean tincidunt, justo sodales tempus venenatis, diam neque cursus dolor, vel pretium nisi eros eu eros. Curabitur porttitor hendrerit ullamcorper. Beben mesum sum item tem.
Tuh kan menjorok sedikit ke dalam dan ada stylishnya kan??? Yaaa untuk menekankan sebuah kalimat mutiara, pesan, tanda atau kata-kata yang dianggap oleh sobat bermanfaat. Lumayan nih ada 8 buah gayanya hasil karya Fun with blogger.

#blockquote1 {
background: #f5f5f5;
border-left: 0.8em solid #ccc;
border-right: 0.8em solid #ccc;
font: italic 105% Georgia, "Times New Roman", Times, serif;
padding: 0.75em;
}
Hasilnya :

#blockquote3 {
font: 12px/18px normal "Courier New", sans-serif;
padding-left: 60px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #000;
color: white;
border-top: 1px solid #ccc;
margin: 1px;
background-image: url(http://i48.tinypic.com/2hnxcmo.jpg);
background-position: middle left;
background-repeat: no-repeat;
line-height: 1.5em;
}
Hasil :

#blockquote2 {
font: 14px/22px normal helvetica, sans-serif;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 30px;
padding-left: 15px;
border-left: 3px solid #ccc;
}

Hasil :

#blockquote4 {
width: 30em;
background: url(http://i49.tinypic.com/23tmpmh.jpg) top left no-repeat;
color: #030;
font-size: 1.1em;
line-height: 0.9;
font-style: italic;
padding: 0.5em;
margin: 0;
}

Hasil :

#blockquote5 {
background: #ffffcc;
border: 5px double gold;
border-width: 5px 0;
color: #CC6600;
font: bold 105% Arial, Helvetica, sans-serif;
padding: 0.5em 0.75em;
text-align: left;
}

Hasil :

#blockquote6 {
display:block;
font-family:Courier New,arial,tahoma;
font-size:9pt;
overflow:auto;
margin:5px 10px;
padding: 2px 15px 2px 25px;
background:url(http://i50.tinypic.com/raomxl.jpg) left top;
background-repeat:repeat-y;
}

Hasil :

blockquote {
margin : 0 20px;
padding: 10px 10px 10px 20px;
background : #9FCFFF;
font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia;
color : #484848;
border: 5px dashed #fff;
}

Hasil :

blockquote {
background: rgb(0, 0, 0) none repeat scroll 0% 0%;
color: lightgreen;
padding: 5px 10px;
}

Hasilnya ah :Mungkin dengan sedikit sentuhan kreatifitas sobat bisa lebih memperindah blockquotenya ^,^. Nah hal yang perlu diperhatikan disini bagaimana caranya menggunakan trik ini di dalam sewaktu memosting.

Perhatikan kode-kode #blockquote1, #blockquote2, #blockquote3, #blockquote4, #blockquote5, #blockquote6 didepannya terdapat tanda "#". Apabila ketika memostingnya menggunakan perintah...

<div id="blockquoteX">KETIKKAN KATA-KATANYA DISINI</div>

Kalau memakai trik ini tidak akan mengganggu blockquote yang memang sudah ada, kalau sobat sudah ada trik blockquote. (Paling jadi ada 2 gaya...xixixi) Kalau kode yang blockquote saja, penulisannya dalam memosting seperti berikut :

<blockquote>KETIKKAN KATA-KATANYA DISINI</blockquote>

Kalau sobat sudah ada trik ini, harap diganti kodenya seperti yang diatas entuh ^.^. Kalau tidak, bisa bentrok deh...kekekekekkk.

Adios amigos permios...see you next time. Good luck yaw!!!

Rabu, 20 Januari 2010

SO MILD, USEFULLY

Ringan tapi bermanfaat, so nice nice deh ah. Biasa lagi ngebloglang gak ada kerjaan melongoin blog master. Dikarenakan bahasa kumpeni, eh ngeuhnya pas praktek. Sobat mungkin sudah tidak asing lagi fasilitas yang diberikan oleh RSS atau Feedburner. Nah disini BeBeN sang bloglang hasil dari melongonya.

Lansung saja pada prakteknya. Coba klik link berikut Posts Via Feeds, maka akan terpampang halaman postingan kita via FeedBurner. Adapun penulisan link default dari FeedBurner sebagai berikut :

<a href='http://NAME-YOUR-BLOG.blogspot.com/feeds/posts/default?orderby=published' target='_blank'>Posts Via Feeds</a>

Nah coba sekarang coba klik link yang ini Posts Via Feeds2. Bagaimana...ngeuh tidak apa perbedaannya. Adapun penulisan untuk link yang seperti ini yaitu...

<a href='http://www2.blogger.com/feeds/YOURBLOG-ID/posts/default?orderby=published' target='_blank'>YOUR TITLE</a>

Ganti deh YOURBLOG-ID dengan ID sobat. Kalau pas memosting lihat di address bar paling ujung, nah entuh ID. Pasti ada yang bertanya-tanya apa fungsinya!!! Pikir ajah olangan apa fungsinya posts via RSS tuh...wkwkwkwkwkkkk.

Bagi yang membutuhkan animasi dalam mebuat banner atau apapun, silahkan mencoba jasa web yang satu ini Create a GIF. Nih satu lagi hasil dari melongo, untuk berping ria. Autopinger. Source trick posts via RSS by : phydeaux3. Semoga bermanfaat ^_^'

CORNER JS

picCornerBack to bloglang no get nothing-nothing...kekekekek!!! Terpaksa memosting tentang nyekrip deh. Bagi yang suka bergaya-gaya dengan penampilan blognya. Mari simak kemari bagaimana membuat corner atau sudut pada gambar dengan menggunakan corner javascript. Untuk melihat aksinya silahkan klik link ini Live Demo. So seksi dan begitu elegan hehehehe.

License permits free of charge use on non-commercial and private web sites only under special conditions (as described in the license). Please read Netzgestade Non-commercial Software License Agreement. Support to Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. Yuk kita proses, halaaaahhh proses!!!

  1. Log in terlebih dahulu ke account sobat.
  2. Masuk pada halaman Edit HTML.
  3. Masukkan script berikut diatas/sebelum tag </body>.
  4. Ini scriptnya, harap di download dolo Scriptnya.
  5. Entar nulisnya jadi begini kawan setelah kita menghosting script yang di download tadi.
    <script type="text/javascript" src="CORNER.JS"></script> .
  6. SAVE deh.
Nah sekarang caranya menghadirkan trik corner ini bagaimana bisa berfungsi di dalam postingan kita. Sebelumnya mari kita lihat screen shoot berikut.

Nah disana ada 12 gambar berikut dengan efek yang bisa dihasilkan dengan menggunakan corner.js ini. BeBeN kasih contohnya yang dari blog saja yah ^,^. Kalau kita sudah beres meng-upload sebuah gambar dari blog ini akan didapatkan kode seperti berikut :

<img style="cursor:pointer; cursor:hand;width: 320px; height: 256px;" src="http://1.bp.blogspot.com/LINK-URL-GAMBAR.png" border="0" alt=""id="BLOGGER_PHOTO_ID_12345678901234" />

Nah kita tinggal menambahkan class saja pada kode gambar tersebut.

<img style="cursor:pointer; cursor:hand;width: 320px; height: 256px;" class="KODE-YG-MAU-DIPAKAINYA" src="http://1.bp.blogspot.com/LINK-URL-GAMBAR.png" border="0" alt=""id="BLOGGER_PHOTO_ID_12345678901234" />

Apa saja KODE-YG-MAU-DIPAKAINYA itu, berikut kode-kode yang bisa sobat pakai (urut nomor yang terdapat pada screen shoot diatas tadi):

  1. class="corner"
  2. class="corner ishade50"
  3. class="corner ishadow20"
  4. class="corner ishade50 ishadow20"
  5. class="corner ishadow40 inverse"
  6. class="corner iradius16"
  7. class="corner iradius24 ishadow33 inverse"
  8. class="corner iradius20 ishadow33"
  9. class="corner iradius8 ishade75 ishadow33"
  10. class="corner iradius16 ishade66 ishadow30"
  11. class="corner iradius32 ishade50 ishadow25"
  12. class="corner iradius48 ishade33"
  13. 12 kode yang terdapat pada screen shot.
  14. class="corner iradius12 ishade50 ishadow20"
  15. class="corner iradius10 ishade66 ishadow25"
  16. class="corner iradius8 ishade75 ishadow30"
  17. class="corners iradius32"
  18. class="corners iborder1 icolorffffff"
Ah capek ah, dah lah sok dicoba triknya sobat.

GOOD LUCK AND SEE YOU AGAIN WITH ME IS BLOGLANG.

Selasa, 19 Januari 2010

RECENT POST WITH JSON SCRIPT

Huy...prikitiw, BeBeN nih balik lagi!!! Biasa kembali dari ngebloglang nih. Tutorial standar nih, mengenai Recent post. Memang dari bloggernya sudah ada sih add a gadgetnya bikinan Blogger Buster. Kita tinggal masuk ke halaman Page Elements, Add a Gadget, lihat ke sebelah kiri cari yang bertuliskan More Gadgets, add deh Recent Posts jadi deh kita punya recent post di blog kita. Nah kalau mau alternatif lain mengenai recent post atau artikel ini bisa saja kok. Seperti pepatah kuno bilang "masih banyak jalan menuju Blog Roma"...kekekekekkk.

Sebenarnya postingan ini cuma mengamankan tutorial ini dari si empunya link. Kenapa aku katakan demikian!!! Coba sobat klik address berikut ini : "http://feeds.feedburner.com/~r/wolverinehacks/~3/423845145/how-to-show-10-posts-instead-of-5-posts.html"   pasti bakal masuk ke feed burner HTTP Error (Code) and Message: (404) null. Ayo deh kita lanjut kalau ada yang kepingin recent post ini.

  1. Log in ke dalam account sobat terlebih dahulu.
  2. Pilih Layout--->Page Elements--->Add a Gadget--->Pilih HTML/Javascript.
  3. Masukkan deh script berikut ini :
  4. <script>
    function rp(json) {
    document.write('<ul>');

    for (var i = 0; i < numposts; i++) {
    document.write('<li>');
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var posturl;

    if (i == json.feed.entry.length) break;

    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }

    posttitle = posttitle.link(posturl);
    var readmorelink = "(more)";
    readmorelink = readmorelink.link(posturl);
    var postdate = entry.published.$t;
    var cdyear = postdate.substring(0,4);
    var cdmonth = postdate.substring(5,7);
    var cdday = postdate.substring(8,10);
    var monthnames = new Array();
    monthnames[1] = "Jan";
    monthnames[2] = "Feb";
    monthnames[3] = "Mar";
    monthnames[4] = "Apr";
    monthnames[5] = "May";
    monthnames[6] = "Jun";
    monthnames[7] = "Jul";
    monthnames[8] = "Aug";
    monthnames[9] = "Sep";
    monthnames[10] = "Oct";
    monthnames[11] = "Nov";
    monthnames[12] = "Dec";

    if ("content" in entry) {
    var postcontent = entry.content.$t;
    } else if ("summary" in entry) {
    var postcontent = entry.summary.$t;
    } else
    var postcontent = "";
    var re = /<\S[^>]*>/g;
    postcontent = postcontent.replace(re, "");
    document.write(posttitle);

    if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);

    if (showpostsummary == true) {
    if (postcontent.length < numchars) {
    document.write(postcontent);
    } else {
    postcontent = postcontent.substring(0, numchars);
    var quoteEnd = postcontent.lastIndexOf(" ");
    postcontent = postcontent.substring(0,quoteEnd);
    document.write(postcontent + '...' + readmorelink);
    }
    }
    document.write('</li>');
    }
    document.write('</ul>');

    }
    </script>

    <script>
    var numposts = 10;
    var showpostdate = false;
    var showpostsummary = false;
    var numchars = 100;
    </script>

    <script src="http://NAME-YOUR-BLOG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>
  5. Gantilah tulisan NAME-YOUR-BLOG dengan nama blog sobat.
  6. SAVE.
Catatan :
  • var numposts = 10 (Max 25 post).
  • var showpostdate = false (ganti dengan true) maka akan tampil tanggal pada bagian ujung title postingannya.
  • var showpostsummary = false (ganti dengan true) maka akan tampil penjelasan beberapa kalimat mengenai postingan kita.
TERIMA KASIH...PRETTT!!!

Senin, 18 Januari 2010

ADD THIS TOOLBAR STATICS

Salam blogger...eumprikitiiiwww!!! back with me is bloglang BeBeN. Dapet lagih toolbar statis...kekekekekkk. bagi yang menyukai style-style guna memperindah blognya!!! Cucok banget deh dengan toolbar statis yang satu ini.

Browser Compatibility :

  • Firefox 3, 3.5, 3.6.
  • Internet Explorer 7, 8.
  • Google Chrome 3, 4
  • Safari 4.
Kunjungi Sharebar. Nah setelah masuk silahkan melakukan registrasi. Jika males silahkan dari sini Register for free. Kalau sudah melakukan registrasi, silahkan kopi paste kodenya di dalam template sobat. Tapi kalau yang sudah pernah registrasi di web tersebut cukup ambil saja script berikut dan masukkan nama user sobat.

<script src="http://sharebar.addthiscdn.com/v1/sharebar.js" type="text/javascript"></script>
<div class="addthis_sharebar_config" style="display:none;">
*USERNAME : your AddThis USERNAME
</div>

Ganti deh tulisan yang berwarna biru itu dengan account sobat. Bisa ditutup dibuka loh toobar yang ini. Sama dengan yang sudah ada pada kebanyakan...keren toh, mantap toh, enak toh, sana dah buruan dapetin toolbarnya ah. Jangan bengong molo!!! Kekekekekkkk...

Ngetool dolo ahh tutorialnya. WASSALAM...

Minggu, 17 Januari 2010

THREADED COMMENTS IN BLOGGER

Sang Bloglang BeBeN si ganteng teu kabina-bina is BACK!!! Tutorial pada komentar yang bisa memungkinkan kita melakukan reply-reply gitooo pada si komentator yang dituju. Hack ini sudah ada sejak lama brooo. Disinilah perannya seorang bloglang sejati kayak BeBeN diperlukan...wekekekekekkkk. Udah ganteng baik lagih Screenshot (Tunggu sampai beres loading blog, lightbox trick) :

Hack ini sudah beben praktekkan, dan bener jalan euy. Hal-hal yang perlu diketahui dalam memakai hack ini :

  • Bagus dan simpelnya sebenarnya pada Old Comment. Old Comment tuh yang seperti ini (Sorot pada gambar guna memperbesar) :


    Old Comment tuh yang seperti ini.

  • Smile comment jadi tidak berfungsi.
  • Belum ada avatar default blog. Tapi ini bisa diadakan kok sobat...tenang saja.
Featured :
  • Dalam komentar anda menggunakan beberapa @ replyTargets pada baris terpisah dalam komentar anda.
  • Menggunakan gaya untuk 'blog-author-comment' dan 'blog-nonauthor-comment'.
  • Hide / Show komentar individu.
  • Configurable template untuk menampilkan komentar - menggunakan template kustom anda applyCommentTemplate ();.
Gila...pembukaannya panjang banget yah...wakakakakaKKKK!!! Oke, kita next pada tutorial pembuatannya (Semoga tidak pusing).
  1. Log in pada account blogger sobat. Jangan lupa untuk menDownload Full Template.
  2. Pilih Layout--->Edit HTML.
  3. Cari kode <b:skin>, lalu masukkan script berikut diatas/sebelum kode yang tadi.


  4. <script type="text/javascript">
    //<![CDATA[
    /*
    --- Threaded Comments ---
    v 0.9.3 15th March 2009
    By Shams Mahmood
    http://shamsmi.blogspot.com
    Published by
    http://beben-koben.blogspot.com/
    */
    function Author(C,A,B){this.id=C;this.name=A;this.url=B;this.toString=function(F){var E="\t";if(F){for(var D=0;D<F;D++){E+="\t"}}return"Author[\n"+E+"id="+this.id+", \n"+E+"name="+this.name+", \n"+E+"url="+this.url+"\n"+E+"]"}}function Comment(E,H,G,C,B,D,F,A){this.id=E;this.sequenceNumber=H;this.postedTime=G;this.body=F;this.deleted=A;this.deleteUrl=B;this.deleteText=D;this.parentId="";this.children=new Array();this.level=0;this.author=C;this.getChildCount=function(){return this.children.length};this.addChild=function(I){this.children[this.getChildCount()]=I.id;I.parentId=this.id;I.level=this.level+1};this.toString=function(K){var J="\t";if(K){for(var I=0;I<K;I++){J+="\t"}}return"Comment[\n"+J+"id="+this.id+", \n"+J+"sequence="+this.sequenceNumber+", \n"+J+"deleted="+this.deleted+", \n"+J+"parentId="+this.parentId+", \n"+J+"children=["+this.children+"], \n"+J+"level="+this.level+", \n"+J+"author="+this.author.toString(1)+", \n"+J+"posted time="+this.postedTime+", \n"+J+"body="+this.body+"\n"+J+"]"}}function trimBrsFromString(C){var F=trimString(C);var B=["<br>","<br >","<br/>","<br />","<BR>","<BR >","<BR/>","<BR />"];if(F){var E=true;while(E){E=false;for(var D in B){var A=B[D];if(F.indexOf(A)==0){F=F.substring(A.length);F=trimString(F);E=true}var H=F.length;var G=F.lastIndexOf(A);if(G>=0&&G==H-A.length){F=F.substring(0,G);F=trimString(F);E=true}}}}return F}function trimString(A){var E="";if(A){var D=false;for(var B=0;B<A.length;B++){var F=A.charAt(B);if(!D&&F!=" "&&F!="\n"&&F!="\t"){D=true}if(D){E+=F}}D=false;var C=-1;for(var B=E.length-1;!D&&B>0;B--){var F=E.charAt(B);if(!D&&F!=" "&&F!="\n"&&F!="\t"){D=true;C=B}}if(C>0){E=E.substring(0,C+1)}}return E}function addItem(A,B){A[B.id]=B}function getAllItems(C){var D=new Array();var B=0;for(var A in C){D[B]=C[A];B++}return D}function getItemsCount(C){var B=0;for(var A in C){B++}return B}var ALL_AUTHORS=new Object();var ALL_COMMENTS=new Object();function getNewAuthorId(){var C=1;for(var A in ALL_AUTHORS){if(ALL_AUTHORS[A]&&ALL_AUTHORS[A].id){var B=ALL_AUTHORS[A].id;if(B>=C){C=B+1}}}return C}function createAuthor(C,A,B){return new Author(C,A,B)}function addAuthor(A){addItem(ALL_AUTHORS,A)}function getAllAuthors(){return getAllItems(ALL_AUTHORS)}function getAuthorsCount(){return getItemsCount(ALL_AUTHORS)}function findAuthor(C,B){for(var A in ALL_AUTHORS){if(ALL_AUTHORS[A]){if(ALL_AUTHORS[A].name==C&&ALL_AUTHORS[A].url==B){return ALL_AUTHORS[A]}}}return null}function getNewCommentSequence(){var C=1;for(var A in ALL_COMMENTS){if(ALL_COMMENTS[A]&&ALL_COMMENTS[A].sequenceNumber){var B=ALL_COMMENTS[A].sequenceNumber;if(B>=C){C=B+1}}}return C}function createComment(E,H,G,C,B,D,F,A){return new Comment(E,H,G,C,B,D,F,A)}function addComment(A){addItem(ALL_COMMENTS,A)}function getAllComments(){return getAllItems(ALL_COMMENTS)}function getRootComments(){var D=new Array();var C=0;for(var A in ALL_COMMENTS){var B=ALL_COMMENTS[A];if(B&&B.level==0){D[C]=B;C++}}return D}function getCommentsCount(){return getItemsCount(ALL_COMMENTS)}function findComment(B){for(var A in ALL_COMMENTS){if(ALL_COMMENTS[A]){if(ALL_COMMENTS[A].id==B){return ALL_COMMENTS[A]}}}return null}function findLastCommentByAuthorName(C){var B=null;for(var A in ALL_COMMENTS){if(ALL_COMMENTS[A]){if(ALL_COMMENTS[A].author.name==C){B=ALL_COMMENTS[A]}}}return B}function findLastCommentByPartialAuthorName(C){var B=null;for(var A in ALL_COMMENTS){if(ALL_COMMENTS[A]){if(ALL_COMMENTS[A].author.name.toLowerCase().indexOf(C.toLowerCase())==0){B=ALL_COMMENTS[A]}}}return B}function addCommentHierarchy(D,C){if(D){C[C.length]=D;var A=D.children;for(var B in A){addCommentHierarchy(findComment(A[B]),C)}}}function getCommmentsInSortedOrder(){var D=new Array();var A=getRootComments();for(var B in A){var C=A[B];addCommentHierarchy(C,D)}return D}function ParsedResult(A,B){this.parentComment=A;this.body=B;this.toString=function(){return"[parentComment="+this.parentComment+", body="+this.body+", ]"}}function findParentCommentFromDescriptor(A){var B=findComment(A);if(B==null){B=findLastCommentByAuthorName(A)}if(B==null){B=findLastCommentByPartialAuthorName(A)}return B}function parseCommentBody(B,F){B=trimString(B);var A=B.indexOf("@");if(A==0){var H=B.indexOf("\n",0);var G=B.indexOf("<",0);var D=H;if(G>0&&(G<D||D<0)){D=G}if(D>2){var O=B.substring(1,D);O=trimString(O);var K=findParentCommentFromDescriptor(O);if(K==null){var J=O.indexOf(" ");if(J>0){var N=trimString(O.substring(0,J));K=findParentCommentFromDescriptor(N);if(K!=null){D=J+1}}}if(K!=null){var P=null;var Q=D;var C=B.indexOf("@",Q+1);if(C>Q){var M=trimString(B.substring(C));P=parseCommentBody(M,C)}if(P&&P.length>0&&P[0].parentComment!=null){var L=trimString(B.substring(D,C));var I=new ParsedResult(K,L);var E=[I].concat(P);return E}else{var L=trimString(B.substring(D));var I=new ParsedResult(K,L);return[I]}return E}}}var I=new ParsedResult(null,B);return[I]}function buildComment(C,K,H,L,G,I,M,A){var F=findAuthor(C,K);if(!F){F=createAuthor(getNewAuthorId(),C,K);addAuthor(F)}var D=parseCommentBody(A,0);for(var J in D){var E="";E=D[J].body;E=trimBrsFromString(E);var B=createComment(H+"."+J,getNewCommentSequence(),L,F,I,M,E,G);addComment(B);if(D[J].parentComment!=null){D[J].parentComment.addChild(B)}}}function substituteConstant(A,D,C){var B=A;while(B.indexOf(D)>=0){B=B.replace(D,C)}return B}function substituteConstantIfValueExists(D,A,I,C,H){var J=D;var F=J.indexOf(A);var E=J.indexOf(I);while(F>0&&E>F){var B=J.substring(F,E+I.length);var G=null;if(H&&H.length>0){G=substituteConstant(B,C,H);G=G.substring(A.length,G.length-I.length)}else{G=""}J=J.replace(B,G);F=J.indexOf(A);E=J.indexOf(I)}return J}function isBlogAuthor(B){var A=false;if(window.BLOG_AUTHORS){for(var C in BLOG_AUTHORS){if(BLOG_AUTHORS[C]==B){A=true;break}}}else{if(window.BLOG_AUTHOR){A=(BLOG_AUTHOR==B)}}return A}function applyCommentTemplateToComment(F,E){var A=F;A=substituteConstant(A,"${COMMENT.ID}",E.id);A=substituteConstant(A,"${COMMENT.TIMESTAMP}",E.postedTime);A=substituteConstant(A,"${COMMENT.AUTHOR.NAME}",E.author.name);var C=(E.level>3)?"gt3":E.level;A=substituteConstant(A,"${COMMENT.LEVEL}",C);A=substituteConstantIfValueExists(A,"${COMMENT.AUTHOR.URL.EXISTS.START}","${COMMENT.AUTHOR.URL.EXISTS.END}","${COMMENT.AUTHOR.URL}",E.author.url);A=substituteConstant(A,"${COMMENT.AUTHOR.URL}",E.author.url);A=substituteConstant(A,"${COMMENT.DELETE.URL}",E.deleteUrl);A=substituteConstant(A,"${COMMENT.DELETE.TEXT}",E.deleteText);A=substituteConstant(A,"${COMMENT.BODY}",E.body);var D=isBlogAuthor(E.author.url)?"blog-author-comment":"blog-nonauthor-comment";A=substituteConstant(A,"${BLOG.AUTHOR}",D);A=substituteConstant(A,"${BLOG.POST.COMMENT.LINK}",BLOG_POST_COMMENT_LINK);var B=(E.deleted)?"deleted-comment":"";A=substituteConstant(A,"${COMMENT.DELETED.STYLE}",B);document.writeln(A)}function applyCommentTemplate(C){var D=getCommmentsInSortedOrder();for(var A in D){var B=D[A];applyCommentTemplateToComment(C,B)}}function setElementDisplay(B,C){var A=document.getElementById(B);if(A){A.style.display=C}}function setElementsDisplay(B,C){for(var A in B){setElementDisplay(B[A],C)}}function showElements(A){setElementsDisplay(A,"block")}function hideElements(A){setElementsDisplay(A,"none")}function showElement(A){setElementDisplay(A,"block")}function hideElement(A){setElementDisplay(A,"none")}function toggleElementDisplays(C,B,D){if(C.innerHTML=="[hide]"){for(var A in B){if(D[A]=="both"||D[A]=="hide"){hideElement(B[A])}}C.innerHTML="[show]"}else{for(var A in B){if(D[A]=="both"||D[A]=="show"){showElement(B[A])}}C.innerHTML="[hide]"}};
    // ]]>
    </script>

    Gekgekgekgek...enyak-enyak, nyummy...wkwkkwkwkwk. Nah kalau tidak mau lihat tuh script berantakan download nih scriptnya Download Script. Kalau sudah di download hosting di hostingan sobat. Maka penulisannya menjadi beginong kawan-kawan :

    <script src='HTTP://SCRIPT YG DIDOWNLOAD TADI SIMPAN DISINI SETELAH DIHOSTING' type='text/javascript'/>

    Simpan deh seperti pada langkah ke-3 diatas. Setelah itu...

  5. Cari kode ]]></b:skin>, lalu letakkan kode CSS berikut diatas/sebelumnya.
  6. .comment-segment {
    margin-top: 10px;
    margin-right: 10px;
    }
    .comment-level-0 {
    margin-left: 10px;
    }
    .comment-level-1 {
    margin-left: 25px;
    }
    .comment-level-2 {
    margin-left: 40px;
    }
    .comment-level-3 {
    margin-left: 55px;
    }
    .comment-level-gt3 {
    margin-left: 70px;
    }
    .blog-author-comment {
    background-color: #F0F0BE;
    border: 1px solid #FFFF99;
    }
    .blog-nonauthor-comment {
    background-color: #B4C8F0;
    border: 1px solid #7296E2;
    }
    .deleted-comment {
    color: gray; font-STYLE: italic
    }
    .delete-comment-icon {
    background: url("http://www.blogblog.com/rounders3/icon_delete13.gif")
    no-repeat;
    }
    .comment-time {
    font-size: 80%;
    margin: inherit;
    padding-left: 10px;
    padding-bottom: 10px;
    }
    .reply-guide {
    background-color: #FFFFFF;
    border: #076a93 1px dotted;
    display: none;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0.75em;
    padding-top: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    }
    .reply-guide-header {
    color: #076a93;
    padding-top: 10px;
    }
    .reply-guide-list {
    list-style: none;
    padding-left: 2px;
    margin-left: 2px;
    }
    .reply-guide-example {
    font-size: 85%;
    margin-right: 5px;
    margin-bottom: 10px;
    float: right;
    border: 1px dotted #076a93;
    padding: 5 5 5 5;
    }
  7. SAVE dolo deh, kalau semua langkah-langkah diatas sudah dilakukan. Semoga tidak ada error verifikasi...wkwkwkwkwk. Oh iyah untuk gambar pada kode CSS .delete-comment-icon, bisa diganti. Soalnya tidak jalan url gambar pada link tersebut (Sebaiknya resolusinya sama seperti gambar tong sampah bawaan blog).
  8. Kalau tidak ada error, lakukan .
  9. Lalu carilah kode berikut dengan menekan CTRL + F atau menekan F3 pada keyboard.
  10. <b:includable id='comments' var='post'>
    <div class='comments' id='comments'>
    ...
    </div>
    </b:includable>
  11. Gantilah kode diatas dari
    <b:includable id='comments' var='post'> sampai
    </b:includable>
    dengan kode berikut ini.

  12. <b:includable id='comments' var='post'>
    <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
    <h4>
    <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>:
    <b:else/><data:post.numComments/><data:commentLabelPlural/>:
    </b:if>
    </h4>

    <!-- Include a post comment link before rendering the comments -->
    <p class='comment-footer'>
    <b:if cond='data:post.embedCommentForm'>
    <b:include data='post' name='comment-form'/>
    <b:else/>
    <b:if cond='data:post.allowComments'>
    <a expr:href='data:post.addCommentUrl'
    expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
    </b:if>
    </p>

    <!-- Loop through the comments adding the comment bodies in a hidden div -->
    <b:loop values='data:post.comments' var='comment'>
    <div style="display: none;" expr:id='"comment-body-" + data:comment.id' >
    <b:if cond='data:comment.favicon'><img expr:src='data:comment.favicon'/>
    </b:if>
    <b:if cond='data:blog.enabledCommentProfileImages'><data:comment.authorAvatarImage/>
    </b:if>
    <data:comment.body/>
    </div>
    </b:loop>
    <!-- Now create the comment using our javascript -->
    <script type="text/javascript">
    // USE THIS if YOU Have multiple Authors adding them in a comma separated form after removing the '//' from the next line
    // var BLOG_AUTHORS = ['http://www.blogger.com/profile/firstauthor', 'http://www.blogger.com/profile/secondauthor', 'http://www.blogger.com/profile/thirdauthor'];
    // Use this if you have just one author like this blog :)
    var BLOG_AUTHOR = 'http://www.blogger.com/profile/NOMOR ID SOBAT';
    var BLOG_POST_COMMENT_LINK = '<data:post.addCommentUrl/>';

    var eCommentDelete = false;
    var eAuthorUrl = '';
    <b:loop values='data:post.comments' var='comment'>
    eCommentDelete = false;
    eAuthorUrl = '';
    <b:if cond='data:comment.authorUrl'>
    eAuthorUrl = "<data:comment.authorUrl/>";
    </b:if>
    <b:if cond='data:comment.isDeleted'>
    eCommentDelete = true;
    </b:if>

    buildComment("<data:comment.author/>", eAuthorUrl,
    "<data:comment.id/>", "<data:comment.timestamp/>", eCommentDelete, "<data:comment.deleteUrl/>", "<data:top.deleteCommentMsg/>",
    document.getElementById('comment-body-<data:comment.id/>').innerHTML);
    </b:loop>
    // <![CDATA[
    var eCommentTemplate = '' +
    '<div class="comment-segment comment-level-${COMMENT.LEVEL} ${BLOG.AUTHOR} ${COMMENT.DELETED.STYLE}" >' + '\n' +
    '<a name="comment-${COMMENT.ID}"></a>' + '\n' +
    '<span style="float: right; margin-right: 5px; " >' + '\n' + '<a href="#" ' + '\n' +
    'onclick="toggleElementDisplays(this, ' +
    '[\'comment-${COMMENT.ID}-body\', \'comment-${COMMENT.ID}-footer\', \'reply-guide-${COMMENT.ID}\'], ' +
    '[\'both\', \'both\', \'hide\']); return false;">[hide]</a>' + '\n' + '</span>' + '\n' +
    '<span class="comment-author" >' +
    '${COMMENT.AUTHOR.URL.EXISTS.START}' +
    '<a href="${COMMENT.AUTHOR.URL}" rel="nofollow">' +
    '${COMMENT.AUTHOR.URL.EXISTS.END}' +
    '${COMMENT.AUTHOR.NAME}' +
    '${COMMENT.AUTHOR.URL.EXISTS.START}' +
    '</a>' +
    '${COMMENT.AUTHOR.URL.EXISTS.END}</span>' + '\n' +
    'Said... ' + '\n' +
    '<div id="comment-${COMMENT.ID}-body" class="comment-body"><p>${COMMENT.BODY}</p></div>' + '\n' +
    '<span class="comment-time">on ${COMMENT.TIMESTAMP}</span>' + '\n' +
    '<div id="reply-guide-${COMMENT.ID}" class="reply-guide comment-level-0 " >' + '\n' +
    '<span style="float: right;" ><a href="#" onclick="hideElement(\'reply-guide-${COMMENT.ID}\'); return false;" >[hide]</a></span>' + '\n' +
    '<h4 class="reply-guide-header">How to Reply to this comment</h4>' + '\n' + '<span>' + '\n' +
    'To reply to this comment please ensure that <b>one</b> of the following lines: ' + '\n' + '<span class="reply-guide-example" >' + '\n' + '<b>Example:</b><br />' + '\n' + '@${COMMENT.ID} <br />' + '\n' + 'This is my comment. <br /> Note how my <b>first line</b> is the pasted value <br />' + '\n' + '</span>' + '\n' +
    '<ul class="reply-guide-list">' + '\n' +
    '<li>@${COMMENT.ID}</li>' + '\n' +
    '<li>@${COMMENT.AUTHOR.NAME}</li>' + '\n' +
    '</ul>' + '\n' +
    'is the <b>first line</b> of your comment. ' + '\n' +
    '<br />' + '\n' +
    '<a href="${BLOG.POST.COMMENT.LINK}"' + '\n' +
    '>Click here to enter your reply</a>' + '\n' +
    '</span>' + '\n' +
    '</div>' + '\n' +
    '<div id="comment-${COMMENT.ID}-footer" class="comment-footer">' + '\n' +
    '<span><a ' +
    'href="#" onclick="showElement(\'reply-guide-${COMMENT.ID}\'); return false;" >Reply</a> |</span> ' + '\n' +
    '<span><a href="#comment-${COMMENT.ID}">Permalink</a> |</span> ' + '\n' +
    '<span><a href="${COMMENT.DELETE.URL}" title="${COMMENT.DELETE.TEXT}" style="text-decoration: none;" ><span class="delete-comment-icon">Delete</span></a></span>' + '\n' + '</div>' + '\n' + '</div>' + '\n';

    applyCommentTemplate(eCommentTemplate);
    // ]]>
    </script>
    <p class='comment-footer'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </p>
    </b:if>
    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
    <b:if cond='data:post.showBacklinks'>
    <b:include data='post' name='backlinks'/>
    </b:if>
    </div>
    </div>
    </div>
    </b:includable>

    Kode/script diatas sudah diperbaiki dan ditambah tanpa mengurangi fungsi bawaannya.
    Perhatikan !!! jangan lupa untuk mengganti
    var BLOG_AUTHOR = 'http://www.blogger.com/profile/NOMOR ID SOBAT';. Lihat di address bar browsingan paling akhir!!! Nah itulah blog ID sobat.

  13. SAVE dan lihat hasilnya.
Kalau mau menggunakan lebih dari satu author, sobat tinggal menghilangkan tanda "//" diawal kodenya.
// var BLOG_AUTHORS = ['http://www.blogger.com/profile/firstauthor', 'http://www.blogger.com/profile/secondauthor', 'http://www.blogger.com/profile/thirdauthor'];
ganti juga huruf yang dicetak tebal dengan ID author.

Kalau benar-benar mau menggunakan hack ini harap dibaca hal-hal yang perlu diketahui diatas tadi. Mengenai avatarnya sudah diadain ma BeBeN. Nah kalau soal smile buat komentarnya aku meneketehe...wekekekekKKK. Selamat berjumpa kembali di artikel bloglang selanjutnya.
Hack by : http://shamsmi.blogspot.com/

GODD LUCK, HAPPY BLOGGING DAN WASSALAM.