hisyam yahya: July 2012

Instalasi Codeigniter

<div dir="ltr" style="text-align: left;" trbidi="on">
Hy teman-teman maaf ya kalau aku jarang buat artikel baru maaf soalnya aku juga lagi belajar buat persiapan UNAS besok maklum udah kelas 3 SMK jadi harus banyak-banyak baca buku biar lulus...<br />
oke langsung saja kalau gitu sesuai dengan judul kali ini aku akan mengajarkan kalian cara instalasi Codeigniter atau CI hehehe. <br />
Sebelum melakukan instalasi Codeigniter Anda download dahulu <a href="http://codeigniter.com/downloads/" target="_blank">Codeigniter</a> dan, pastikan web server sudah terinstal di komputer Anda, kalau saya menggunakan Xampp yang bisa didownload <a href="http://www.apachefriends.org/en/xampp-windows.html" target="_blank">disini</a>.<br />
Oke sekarang kita akan melakukan tahap instalasi Codeigniter. setelah semua anda download semua sekarang Anda instal dahulu Xamppnya .<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLKBD3XnMRtjKdHZlt0JUbFq3XGNFglaNxts_LP4pICzl23hQ8FlqdZqpZ6QHVEZn70LfpZ8Q43nDZzQKU3X8qMhPwDXtW0H-pOAQdFEtbz9uIux_JWzco15kzALX3XWilnv2Uo0SkZT4/s1600/Ci.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<ol style="text-align: left;">
<li>Lakukan ekstrak file Codeigniter.zip itu, sehingga menjadi folder Codeigniter lalu Anda copykan folder <b>Codeigniter</b> tepat pada folder <b>htdocs</b></li>
<li>Buka file <b>config.php </b>difolder <b>system/application/config/ </b>menggunakan <b>notepad</b> atau <b>dreamweaver </b>kemudian lakukan pada perubahan pada baris berikut, tepatnya baris tersebut di baris ke-14.<pre class="Php" name="code">$config['base_url'] = "http://example.com/";</pre>
<br />
menjadi<br />
<pre class="Php" name="code">$config['base_url'] = "http://localhost/C/";</pre>
</li>
<li>simpan perubahan pada file <b>config.php</b>, lalu buka web browser dengan menggetikan http://localhost/<span style="color: red;">C</span>/.<br />maka akan tampil halaman selamat datang Codeigniter. lihat gambar dibawah ini<br /><br /><div style="text-align: center;">
<img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLKBD3XnMRtjKdHZlt0JUbFq3XGNFglaNxts_LP4pICzl23hQ8FlqdZqpZ6QHVEZn70LfpZ8Q43nDZzQKU3X8qMhPwDXtW0H-pOAQdFEtbz9uIux_JWzco15kzALX3XWilnv2Uo0SkZT4/s640/Ci.jpg" width="640" /></div>
</li>
</ol>
untuk kode yang berwarna merah kalian ganti dengan nama folder CI kalian </div>

Instalasi Codeigniter

Hy teman-teman maaf ya kalau aku jarang buat artikel baru maaf soalnya aku juga lagi belajar buat persiapan UNAS besok maklum udah kelas 3 ...

Membuat Pesan Dengan Javascript

oke teman-teman kali ini aku sekarang aku akan ajarkan trik yang paling mudah dan sederhana ya itu membuat pesan Alert dengan Javascript mun...

cara-membuat-pengunjung-bingung-pusing

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="direction: rtl; text-align: left; unicode-bidi: bidi-override;">
Sekali kali membuat pengunjung blog bingung dan pusing atau bahkan hingga mau muntah-muntah bukanlah hal yang tabu. Ya..., sekali-kali sebagai hiburan bagi gubhugreyot sekaligus anda juga. Bukankah saat ini anda sedang mencoba bertekun untuk membaca kata-demi kata sambil kepala di gelengkan ke kanan dan ke kiri serta mata memicingkan mata dan dahi berkerut-kerut? Ha ... tak apa ... lanjutkan saja saja sambil meringis atau mengumpat sepuas-puasnya.

Membuat posting seperti ini hanya sekedar intermezo ditengah kelelahan akibat keracunan ngeblog. Penyakit yang terasa membelenggu aktivitas lain sehari-hari. Lha, gimana tidak orang klo sehari blom buat posting pantat rasanya jadi gatal-gatal. Yah... daripada kukur-kukur lebih baik pencet keyboard trus beri anda sebuah tablet pemusing kepala. He ... posting ini ibarat tablet yang bikin penasaran sekaligus juga bikin jengkel. Buh..., ya, nggak?
<br />
<pre class="Sql" name="code"><div style="unicode-bidi:bidi-override;direction:rtl;text-align:left;">Tulis teks di sini !</div></pre>
Kode yang digunakan untuk membuat posting seperti ini<br />
Sebaiknya anda tidak tidak berlama-lama karena dikuatirkan perut akan 
menjadi terasa mual hingga kepala semakin berat ... berat .... berat ...
 kemudian lolongan panjang akan segera keluar dari rumah tetangga. Ha 
.... Nggak tau tuh lolongan apa. Lolongan anjing kayaknya juga nggak. 
Lolongan penuh kemikmatan kali, ya?!<br />
<br />
Jika pingin baca dengan gampang tanpa perlu mata melotot bekedip-kedip, 
silahkan copy dan pastekan di manapun anda suka! He .... he .... 
gampang, ya, ternyata?!!!<br />
Ha .. ha ... yo kita ketawa bareng! Satu, dua,
 tiga .... ha ... ha ... ha ...<br />
:</div>
</div>

cara-membuat-pengunjung-bingung-pusing

Sekali kali membuat pengunjung blog bingung dan pusing atau bahkan hingga mau muntah-muntah bukanlah hal yang tabu. Ya..., sekali-kali seb...

Daftar ISI

Cara Menggabungkan Kotak Komentar Facebook, Twitter Dengan kotak Komentar Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<div style="margin-left: 1em; margin-right: 1em; text-align: left;">
Hy teman-teman bertemu lagi dengan aku hisyam yahya Maaf Ya kalau aku 
jarangan posting maklum namanya juga orang sibuk banyak perkerjaan 
hehehe kayak orang penting saja ya.</div>
<div style="margin-left: 1em; margin-right: 1em; text-align: left;">
Oh ya karena ini ada teman aku yang requst <b>Cara Menggabungkan Kotak Komentar Facebook, Twitter Dengan kotak Komentar Blogger </b>maaf ya sob baru bisa buatin tutornya..oke dah Langsung saja ke tutorialnya..</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<b>Screen Shoot</b></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-i7vD1omnMgYugM6L57r7DEZWJx_VwrrtSA6GwtFimQMEo9EX42okneVBkcyulYxj6Nv5IhauC7VcC4i_55pEbsudggzl_NXRndkPFh-9QnN1VPOAFhPC6qXaT4g85tuFd__ob8ChTsw/s320/twitter.JPG" width="320" /> </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://t3chnol0gy-indnesia.blogspot.com/2012/07/sdasdasda.html" target="_blank"><b>View Demo</b></a> </div>
<div class="separator" style="clear: both; text-align: left;">
Jika Anda Tertarik dengan itu silahkan ikuti langkah-langkah dibawah ini:</div>
<div class="separator" style="clear: both; text-align: left;">
Fitur-fitur yang dibutuhkan untuk <b>Membuat Kotak Komentar Facebook, Twitter Dengan kotak Komentar Blogger </b>adalah sbagai berikut:</div>
<ul style="text-align: left;">
<li><span style="color: blue;">App ID</span> <span style="color: black;">[Facebook]</span></li>
<li><span style="color: blue;">Username</span> Facebook</li>
<li><span style="color: blue;">Api Key</span> [Twitter]</li>
</ul>
 Nah pasti Anda Binggung Cara membuatnya bukan.<br />
Langsung saja untuk mendapatkan <b><span style="color: magenta;">API Key</span></b> buatlah aplikasi di Twitter,<br />
Untuk membuat nya <a href="http://dev.twitter.com/apps/new">KLIK DISINI</a><br />
kemudian ikuti langkah-langkah yang diajukan. (mudah)<br />
<br />
Sedikit tambahan untuk aplikasi di twitter ubah pengaturan di Tap <b>Setting</b>. di bagian bawah ada <b>Application</b> type nah disana pilih <b>Read and Write</b>. kemudian simpan dengan mengeklik updates this twitter aplikasi <b>setting.</b> (Supaya tidak <b>error</b> pada saat berkomentar lewat twitter)<br />
<span class="fullpost"><br />
</span>Untuk mendapatkan <b>APP ID</b> buatlah aplikasi di Facebook Devoleper<br />
Untuk membuatnya <a href="https://developers.facebook.com/apps">KLIK DISINI</a><br />
kemudian ikuti langkah-langkah yang diajukan. (mudah)<br />
Dan Selesai Deh.....<br />
Sekarang Waktunya untuk pengeditan ditemplatenya hehe sebelum diedit templatenya Anda Download dlu ya takutnya ntar kalau gak suka atau kalau ada yang error langsung balikin ajja dia seperti semula.<br />
 setelah selesai download templatenya sekarang ikuti lagkah-langkah yang ini:<br />
<ul style="text-align: left;">
<li>Login Blogger Anda Sendiri</li>
<li>Pilih dan Klik rancangan, tata letak/ Design</li>
<li>Pilih Edit HTML</li>
<li>Centang <b><span class="fullpost">'Expand Template Widget'</span></b></li>
<li><span class="fullpost">Tekan tobol CTRL + F </span><b><span class="fullpost">/  </span></b><span class="fullpost">F3 lalu ketikan dan cari Code <head> </span></li>
<li><span class="fullpost">Setelah ketemu code <head></span></li>
<li><span class="fullpost">Masukkan code berikut ini tepat dibawah kode <head></span></li>
</ul>
<span class="fullpost"><meta content='<span style="color: orange;">Profile_ID</span>' property='fb:admins'/> </span><br />
<span class="fullpost"> <meta content='<span style="color: orange;">APP_ID</span>' property='fb:app_id'/></span><br />
<span class="fullpost"> <script src='http://code.jquery.com/jquery-latest.pack.js'/></span><br />
<span class="fullpost"> <script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/></span><br />
<span class="fullpost"> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/></span><br />
<span class="fullpost"> <script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/></span><br />
<span class="fullpost"> <script src='http://platform.twitter.com/anywhere.js?id=<span style="color: orange;">API_KEY</span>&amp;v=1'/></span></div>
<div>
</div>
<div>
<ul style="text-align: left;">
<li><span class="fullpost"> Perhatikan Code Yang berwarna <b style="color: orange;">Orange </b>:</span></li>
</ul>
<span class="fullpost">Ganti tulisan Profile_ID dengan ID profil  atau username Facebook Anda Sendiri. Dan cara untuk megetahui ID profil kita adalah dengan membuka halaman profil Anda dan lihatlah pada URL / alamat(address bar ). Seperti alamat facebook saya <a href="http://www.facebook.com/hisam.yahya" target="_blank">www.facebook.com/hisam.yahya</a>, dan ID profil saya adalah <a href="http://www.facebook.com/hisam.yahya" target="_blank">hisam.yahya.</a> </span></div>
<div>
<span class="fullpost">Kita juga bisa mengeset username dengan masuk ke pengaturan akun /Account Settings > username /nama pengguna > email /suting.</span></div>
Ganti tulisan <b style="color: orange;">APP_ID</b> dengan<b> <span style="color: orange;">ID</span></b><span style="color: orange;"> </span>Aplikasi facebook kita yang tadi kita buat sebelumnya<span class="fullpost"></span><br />
<div>
Ganti tulisan <b><span style="color: red;">API_KEY</span> </b>dengan <b>API KEY</b> dari aplikasi twitter yang kita buat sebelumnya</div>
<div>
<ul style="text-align: left;">
<li>Setelah selesai sakarang cari code  class='comments'</li>
<li>Masukkan kode berikut tepat di bawah kode class='comments'</li>
</ul>
</div>
<blockquote class="tr_bq">
<div style="text-align: left;">
<span class="fullpost"><div class='comments-tab' id='blogger-comments' title='Comments from Blogger'></span><br />
<span class="fullpost"> <data:post.numComments/> <span style="color: red;">Comments</span></span><br />
<span class="fullpost"> </div></span><br />
<span class="fullpost"> <div class='comments-tab' id='twitter-comments' title='Comments with Twitter'></span><br />
<span class="fullpost"> <span class='js-page-tweet-count' expr:href='data:post.url'/> <span style="color: red;">Tweets</span></span><br />
<span class="fullpost"> </div></span><br />
<span class="fullpost"> <div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'></span><br />
<span class="fullpost"> <fb:comments-count expr:href='data:post.url'/> <span style="color: red;">Komentar</span></span><br />
<span class="fullpost"> </div></span><br />
<span class="fullpost"> <div class='clear'/></span><br />
<span class="fullpost"> </div></span><br />
<span class="fullpost"> <div class='comments-page' id='twitter-comments-page'></span><br />
<span class="fullpost"> <div id='js-tweet-box'/></span><br />
<span class="fullpost"> </div></span><br />
<span class="fullpost"> <div class='comments-page' id='fb-comments-page'></span><br />
<span class="fullpost">   <b:if cond='data:blog.pageType == &quot;item&quot;'></span><br />
<span class="fullpost">     <div id='fb-root'/></span><br />
<span class="fullpost">     <fb:comments expr:href='data:post.url' num_posts='<span style="color: red;">10</span>' width='<span style="color: red;">500</span>'/></span><br />
<span class="fullpost">   </b:if></span><br />
<span class="fullpost"> </div></span><br />
<span class="fullpost"> <div class='comments comments-page' id='blogger-comments-page'></span></div>
</blockquote>
<br />
<ul>
<li>Perhatikan kode berwarna <span style="color: red;">merah</span>:</li>
</ul>
Kita bisa mengganti kata <span style="color: red;">Comments</span> dan <span style="color: red;">Tweets</span> dengan kata lainnya yang diinginkan<br />
Kita bisa mengganti angka <span style="color: red;">10</span> dengan jumlah komentar facebook yang ingin ditampilkan<br />
Kita bisa mengganti angka <span style="color: red;">500</span> dengan ukuran lebar kotak komentar yang diinginkan<br />
<ul style="text-align: left;">
<li>Simpan template dan hasilnya bisa dilihat sendiri pada halaman postingan di blog saya ini. Selamat mencoba, semoga berhasil!<br />  </li>
</ul>
</div>

Cara Menggabungkan Kotak Komentar Facebook, Twitter Dengan kotak Komentar Blogger

Hy teman-teman bertemu lagi dengan aku hisyam yahya Maaf Ya kalau aku jarangan posting maklum namanya juga orang sibuk banyak perkerjaan...

Memasukkan Emoticon, Gambar, Dan video,Blockquote Dalam Kotak Komentar

Hy guys sudah lama ya kita tidak bertemu aku jadi kangen kalian semua. ouw ya thanks yah Anda masih setia mengujungi blog aku. Maaf terlalu banyak basa basi oke langsung saja kali ini aku akan memberikan trik baru yaitu <b>Memasukkan Emoticon, Gambar, Dan video,Blockquote Dalam Kotak Komentar  </b>mungkin trik ini sudah lama dan kuno.<br />
dan ini membuat kotak komentar jadi lebih hidup lebih asik, dan trik ini juga mudah kok codenya juga tidak terlalu rumit alias sangat mudah.<br />
Bila Anda tertarik langsung saja ikut langkah-langkah berikut ini:<br />
1. login blogger Anda.<br />
2. Masuk ke Rancangan / Tata letak<br />
3. pilih Edit HTML<br />
4. cari kode </head><br />
5. simpan kode dibawah ini tepat diatas kode </head><br />
<pre class="Css" name="code"><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/* Add More Features to the Blogger Comments by Taufik Nurrohman */
img.emo {
  display:inline-block;
  vertical-align:middle;
}

#comment-holder .cm-youtube {
  display:block;
  border:none !important;
  background-color:#333;
  width:370px;
  height:218px;
  margin:0 auto 30px;
}

#comment-holder .cm-image {
  display:block;
  margin:0 auto 15px;
  outline:none;
  border:1px solid #ccc;
  background-color:white;
  -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  padding:2px;
  max-width: 95%;
}

#comment-holder code,
#comment-holder i[rel="code"] {
  font:normal 12px Monaco,"Courier New",Monospace;
  color:blue;
}

#comment-holder pre,
#comment-holder i[rel="pre"] {
  display:block;
  font:normal 12px Monaco,"Courier New",Monospace;
  background-color:#333;
  color:white;
  padding:0.5em 1em;
  word-wrap:normal;
  white-space:pre;
  overflow:auto;
}

#comment-holder blockquote,
#comment-holder b[rel="quote"] {
  margin:0 2%;
  background-color:#eee;
  padding:1em 1.2em;
  border-left:4px solid #7498AD;
  display:block;
  font-weight:bold;
  font-style:italic;
}

#comment-holder i[rel="image"],
#comment-holder i[rel="youtube"] {
  display:block;
  overflow:hidden;
  border:2px solid black;
  position:relative;
  width:170px;
  height:100px;
  margin:0 auto 30px;
}

#comment-holder i[rel="image"]:before,
#comment-holder i[rel="youtube"]:before {
  content:"Please enable your JavaScript to see this image!";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:red;
  color:white;
  font-weight:bold;
  text-align:center;
  padding:15px 0;
}

#comment-holder i[rel="youtube"]:before {
  content:"Please enable your JavaScript to watch this video!";
}
</style>
</b:if></pre>6.Etz Belum selesai sekarang cari lagi code </body> dan tepat kan code dibawah ini tepat diatas code </body><br />
<pre class="JScript" name="code"><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type="text/javascript">
//<![CDATA[
// Add More Features to the Blogger Comments
// Fix some bugs that I got from some similar code out here :)
// Date: 21 May 2012
// Time: 22:50 WIB
// Author: Taufik Nurrohman
// URL: http://hompimpaalaihumgambreng.blogspot.com
function repText(id) {
    var a = document.getElementById(id),
        b = a.innerHTML,
        c = "http://reader-download.googlecode.com/svn/trunk/images/emo/";
        // Images
        b = b.replace(/<i rel="image">(.[^\>]*)<\/i>/ig, "<img class='cm-image' src='$1' alt='loading...' \/>");
        b = b.replace(/\[img\](.[^\]]*)\[\/img\]/ig, "<img class='cm-image' src='$1' alt='loading...' \/>");
        // YouTube video
        b = b.replace(/<i rel="youtube">http:\/\/www.youtube.com\/embed\/(.[^>]*)<\/i>/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$1'><\/iframe>");
        b = b.replace(/<i rel="youtube">(http:\/\/youtu.be|http:\/\/www.youtube.com\/watch\?v=)(.[^>]*)<\/i>/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$2'><\/iframe>");
        b = b.replace(/\[youtube\]http:\/\/www.youtube.com\/embed\/(.[^\]]*)\[\/youtube\]/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$1'><\/iframe>");
        b = b.replace(/\[youtube\](http:\/\/youtu.be|http:\/\/www.youtube.com\/watch\?v=)(.[^\]]*)\[\/youtube\]/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$2'><\/iframe>");
        // Code & text block
        b = b.replace(/<i rel="code">(.[^>]*)<\/i>/ig, "<code>$1<\/code>");
        b = b.replace(/<i rel="pre">(.[^>]*)<\/i>/ig, "<pre>$1<\/pre>");
        b = b.replace(/<b rel="quote">(.[^>]*)<\/b>/ig, "<blockquote>$1<\/blockquote>");
        b = b.replace(/\[code\](.[^\]]*)\[\/code\]/ig, "<code>$1<\/code>");
        b = b.replace(/\[pre\](.[^\]]*)\[\/pre\]/ig, "<pre>$1<\/pre>");
        b = b.replace(/\[blockquote\](.[^\]]*)\[\/blockquote\]/ig, "<blockquote>$1<\/blockquote>");
        // Finishing YouTube and Reduce filesize from images that uploaded by Blogger
        b = b.replace(/&amp;feature=[0-9a-zA-Z-_]*/ig, "");
        b = b.replace(/\/s(640|1600)/g, "/s400");
        // Emoticons
        b = b.replace(/\s:\)+/g, " <img class='emo' alt='emo' src='" + c + "smile.gif'\/>");
        b = b.replace(/\s;\)+/g, " <img class='emo' alt='emo' src='" + c + "wink.gif'\/>");
        b = b.replace(/\s:\(/g, " <img class='emo' alt='emo' src='" + c + "sad.gif'\/>");
        b = b.replace(/\s=$/g, " <img class='emo' alt='emo' src='" + c + "sadanimated.gif'\/>");
        b = b.replace(/\s@@,/g, " <img class='emo' alt='emo' src='" + c + "rolleyes.gif'\/>");
        b = b.replace(/\s:s/ig, " <img class='emo' alt='emo' src='" + c + "sullen.gif'\/>");
        b = b.replace(/\s:(\\|\/)/g, " <img class='emo' alt='emo' src='" + c + "memble.gif'\/>");
        b = b.replace(/\s:D/g, " <img class='emo' alt='emo' src='" + c + "haha.gif'\/>");
        b = b.replace(/\s=D/g, " <img class='emo' alt='emo' src='" + c + "hihi.gif'\/>");
        b = b.replace(/\s\^:D/g, " <img class='emo' alt='emo' src='" + c + "abovemehaha.gif'\/>");
        b = b.replace(/\s\^(\_|)\^/g, " <img class='emo' alt='emo' src='" + c + "senyum-tulus.gif'\/>");
        b = b.replace(/\s:'\(/g, " <img class='emo' alt='emo' src='" + c + "cry.gif'\/>");
        b = b.replace(/\sT_T/ig, " <img class='emo' alt='emo' src='" + c + "tears.gif'\/>");
        b = b.replace(/\sB$/g, " <img class='emo' alt='emo' src='" + c + "cool.gif'\/>");
        b = b.replace(/\s:Q/ig, " <img class='emo' alt='emo' src='" + c + "smoking.gif'\/>");
        b = b.replace(/\s7:$/g, " <img class='emo' alt='emo' src='" + c + "conf.gif'\/>");
        b = b.replace(/\s:p/ig, " <img class='emo' alt='emo' src='" + c + "wee.gif'\/>");
        b = b.replace(/\s:Oz+/ig, " <img class='emo' alt='emo' src='" + c + "sleep.gif'\/>");
        b = b.replace(/\s7:O/ig, " <img class='emo' alt='emo' src='" + c + "angry.gif'\/>");
        b = b.replace(/\s\\o\//ig, " <img class='emo' alt='emo' src='" + c + "applause.gif'\/>");
        b = b.replace(/\s\\m\//ig, " <img class='emo' alt='emo' src='" + c + "metal.gif'\/>");
        b = b.replace(/\s(&lt;3|:\*)/ig, " <img class='emo' alt='emo' src='" + c + "love.gif'\/>");
        b = b.replace(/\s0:$+/ig, " <img class='emo' alt='emo' src='" + c + "angelgreen.gif'\/>");
        b = b.replace(/\s\^o\^/ig, " <img class='emo' alt='emo' src='" + c + "angelwhite.gif'\/>");
        b = b.replace(/\s:-a/ig, " <img class='emo' alt='emo' src='" + c + "vomit.gif'\/>");
        b = b.replace(/\s\*fck\*/ig, " <img class='emo' alt='emo' src='" + c + "fuck.gif'\/>");
        b = b.replace(/\sxV/ig, " <img class='emo' alt='emo' src='" + c + "demo.gif'\/>");
        b = b.replace(/\sx\@/g, " <img class='emo' alt='emo' src='" + c + "marahbesar.gif'\/>");
        b = b.replace(/\s\X\@/g, " <img class='emo' alt='emo' src='" + c + "arrgh.gif'\/>");
        b = b.replace(/\s:-d/ig, " <img class='emo' alt='emo' src='" + c + "top.gif'\/>");
        b = b.replace(/\s:-bd/ig, " <img class='emo' alt='emo' src='" + c + "topmarkotop.gif'\/>");
        b = b.replace(/\s\~x\(+/ig, " <img class='emo' alt='emo' src='" + c + "ugh.gif'\/>");
        b = b.replace(/\s:W/g, " <img class='emo' alt='emo' src='" + c + "explain.gif'\/>");
        b = b.replace(/\s\'\'J/ig, " <img class='emo' alt='emo' src='" + c + "call.gif'\/>");
    document.getElementById(id).innerHTML = b;
} repText('comment-holder');
//]]>
</script>
</b:if></pre>7. Simpan template dan lihat hasilnya<br />
8. untuk Contoh Atau demo Bisa Dicoba di form kotak komentar blogger dibawah ini<br />
<h1 style="text-align: center;">Cara Penggunaan Code</h1>1. Untuk penggunaan gambar silahkan anda gunakan tag <br />
<br />
<pre title="penggunaan kode gambar">[img]URL Gambar[/img] atau <i rel="image">URL Gambar</i></pre><br />
2. Untuk penggunaan video silahkan anda gunakan tag <br />
<br />
<pre title="penggunaan kode video">[youtube]URL Video[/youtube] atau <i rel="youtube">URL YouTube</i></pre><br />
3. Untuk Emoticon anda bisa gunakan seperti ini.<br />
<br />
<pre title="penggunaan kode EMOT">:) :( =( :s ^_^ :D =D ^:D @@, ;) :-bd :-d :'( :'( T_T :\ :p B) :Q :Ozz 7:( \o/ \m/ <3 0:) ^o^ :-a 7:O *fck* xV x@ X@ ~x( ''J :W</pre><br />
4. Memasukan kode bisa menggunakan tag <br />
<br />
<pre title="Memasukan kode"><i rel="code">Kode Anda</i> atau [code]Kode Anda[/code]</pre><br />
5. Memasukan kode html / css / jquery bisa menggunakan <br />
<br />
<pre title="Memasukan kode css dll"><i rel="pre">Kode Anda</i> atau [pre]Kode Anda[/pre]</pre><br />
6. Menggunakan blockquote di komentar bisa menggunakan tag <br />
<br />
<pre title="penggunaan blockquote"><b rel="quote">Kata-kata Anda</b> atau [blockquote]Kata-kata Anda[/blockquote]</pre>Good LUCK

Memasukkan Emoticon, Gambar, Dan video,Blockquote Dalam Kotak Komentar

Hy guys sudah lama ya kita tidak bertemu aku jadi kangen kalian semua. ouw ya thanks yah Anda masih setia mengujungi blog aku. Maaf terlalu ...

Membuat followbox Twitter Pada Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">Hy sobat-sobat blogger yang setia mengujungi blog aku.<br />
Heheehhe. Aku minta maaf ya aku baru bisa ngeposting hari ini maklum namanya juga orang sibuk banyak kerja'an yang harus diurus.. heheh kok malah tambah curhat oke lah langsung saja kali ini aku akan memberikan cara membuat followbox tiwtter pada blogger untuk para master saya minta maaf ya kalau trik ini cupu atau sudah tidak berguna.<br />
Tujuan membuat followbox twitter pada blogger untuk memudahkan teman kita untuk saling ngefollow twitter kita. Dan tampilan BoxTwitt ini itu gak jauh beda kok sama likebox difacebook<br />
dan berikut ini tampilanya  <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><script type="text/javascript">
function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 295px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';}
</script> <br />
<div id="twitterfanbox"></div><script type="text/javascript">
fanbox_init("hisyam_yahya"); 
</script></center>ya begitu modelnya<br />
oke kalau kalian tertarik silahkan ikut langkah-langkah berikut ini:<br />
1. login kedalam blogger Anda<br />
2. Masuk di dashbor blogger Anda<br />
3. pilih rancangan/ tata letak<br />
4. pilih tambah gadget<br />
5. pilih HTML dan javascript dan copas code dibawah ini.<br />
<pre class="JScript" name="code"> 
<script type='text/javascript'>function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 295px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';} 
</script> <div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("<span style="color: lime;">hisyam_yahya</span>"); </script> </pre></div>6. lihat kode berwarna hijau itu kalian ganti dengan ID atau Username twitter anda dan klik save atau simpan dan lihat hasilnya tara..<br />
semoda berhasil ya

Membuat followbox Twitter Pada Blogger

Hy sobat-sobat blogger yang setia mengujungi blog aku. Heheehhe. Aku minta maaf ya aku baru bisa ngeposting hari ini maklum namanya juga or...