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. Isi deh yang bertuliskan warna biru itu dengan gambar yang disuruh dihosting tadi. Bagaimana...pusingkan...xixixixi +_+' Tinggal memakai panggilan kode berikut, maka akan begini kode gambarnya. Trick by : matthewjamestaylor
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">
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.
<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>
Kalau sukses maka akan tampak pada DEMO berikut ^_^. Good Luck and Happy New Year...eh Happy Blogging -__-'.
<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>
Jumat, 29 Januari 2010
EFFECT TELEVISION FOR IMAGE
Kamis, 28 Januari 2010
BACKLINKS JALANBLOGGER STYL3
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 Begini langkah-langkahnya...tempe mari kita lets get it on.
Rabu, 27 Januari 2010
ONE CLICK TO ADD OUR POSTED
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
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...!!! See you and happy blogging...WassaLam ^_^
Catatan : Kedua kode diatas dapat ditempatkan sesuai dengan keinginan sobat kok. Kalau mau tampil di bawah judul postingan, maka cari kode<script src="http://js-kit.com/ratings.js"></script>
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 class="js-kit-rating"
expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title">
</div>
<div class="js-kit-rating"
expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title" view="score">
</div>
<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
Senin, 25 Januari 2010
FREE DESIGN BANNER
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)Monggo...yang bagus yah buat bannernya. WASSALAM AND SEE YOU WITH ME AGAIN...CIAU!!!
Minggu, 24 Januari 2010
TRANSLATE THIS 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
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!!! Tulis kembali kode-kode diatas tadi menjadi seperti ini : 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. Maka akan terlihat hasilnya sama dengan translate roll yang seperti di atas. Wong namanya juga supaya tidak kelihatan berantakan...wkwkwkwkwwkkkk. GOOD LUCK HAPPY BLOGGING.<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.
document.write('ISIKAN KODE-KODENYA DISINI');
//--><script src='http://URL-HOSTINGAN/FILE.js' type='text/javascript'></script>
Jumat, 22 Januari 2010
MY BLOGGER TRICK
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.
Komentarnya sok silahkeun diisi yah...kekekekkk.
WASSALAMU'ALAIKUM WARAHMATULLAHI WA BARAKATUH ^_^
Kamis, 21 Januari 2010
MODERN BLOCKQUOTE STYLE
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.
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;
}
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;
}
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 :
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 :
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 :
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 :
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 :
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>
<blockquote>KETIKKAN KATA-KATANYA DISINI</blockquote>
Adios amigos permios...see you next time. Good luck yaw!!!
Rabu, 20 Januari 2010
SO MILD, USEFULLY
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 :
Nah coba sekarang coba klik link yang ini Posts Via Feeds2. Bagaimana...ngeuh tidak apa perbedaannya. Adapun penulisan untuk link yang seperti ini yaitu...
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
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!!! 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): GOOD LUCK AND SEE YOU AGAIN WITH ME IS BLOGLANG.
Nah sekarang caranya menghadirkan trik corner ini bagaimana bisa berfungsi di dalam postingan kita. Sebelumnya mari kita lihat screen shoot berikut.
<script type="text/javascript" src="CORNER.JS"></script> .
Ah capek ah, dah lah sok dicoba triknya sobat.
Selasa, 19 Januari 2010
RECENT POST WITH JSON SCRIPT
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.
Catatan :
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>
TERIMA KASIH...PRETTT!!!
Senin, 18 Januari 2010
ADD THIS TOOLBAR STATICS
Browser Compatibility :
- Firefox 3, 3.5, 3.6.
- Internet Explorer 7, 8.
- Google Chrome 3, 4
- Safari 4.
<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
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) :
- Smile comment jadi tidak berfungsi.
- Belum ada avatar default blog. Tapi ini bisa diadakan kok sobat...tenang saja.
- 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 ();.
- Log in pada account blogger sobat. Jangan lupa untuk menDownload Full Template.
- Pilih Layout--->Edit HTML.
- Cari kode <b:skin>, lalu masukkan script berikut diatas/sebelum kode yang tadi.
- Cari kode ]]></b:skin>, lalu letakkan kode CSS berikut diatas/sebelumnya.
- 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).
- Kalau tidak ada error, lakukan .
- Lalu carilah kode berikut dengan menekan CTRL + F atau menekan F3 pada keyboard.
- Gantilah kode diatas dari
<b:includable id='comments' var='post'> sampai
</b:includable>
dengan kode berikut ini. - SAVE dan lihat hasilnya.
<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...
.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;
}
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
...
</div>
</b:includable>
<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/';. Lihat di address bar browsingan paling akhir!!! Nah itulah blog ID sobat.
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.