Jumat, 06 April 2012

Cara Membuat Text Area

     Pada postingan ini akan berisi tentang bagaimana cara'nya membuat text area dengan nge'block otomatis pada saat kolom di klik, dan untuk lebih jelasnya lagi bisa anda lihat seperti yang ada di bawah ini :


     Dan jika anda tertarik untuk membuat text area seperti yang ada di atas, anda cukup menaruh kode seperti yang ada di bawah ini :

<textarea cols="30" onclick="this.focus(); this.select();" rows="5">Masukkan text/kode HTML sahabat di sini </textarea>

Semoga postingan ini bermanfaat, dan saya ucapkan selamat mencoba !!

Senin, 02 April 2012

Cara Membuat Kotak Pencarian di Blog

     Dalam beberapa template biasanya sudah terdapat search box / kotak pencarian, namun ada juga sebagian template yang belum terpasang search box.
     Dimana search box / kotak pencarian ini berguna untuk mempermudah pengunjung  mencari isi artikel / informasi yang ada di blog kita. dan jika anda tertarik untuk memasangnya pada blog anda, maka berikut langkah-langkahnya :
  1. Login ke blogger.
  2. Klik Tata Letak.
  3. Klik tab Elemen Laman.
  4. Pilih Tambah Gadget.
  5. Pilih Tambah HTML / Java Script.
  6. Dan Copy-Paste kode di bawah ini pada kolom HTML / Java Script tadi.

<form id="searchthis" action="http://terbesit.blogspot.com/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="search" type="submit"/>

       7. Klik Simpan.
       8. Selesai.

Keterangan :
  • Silahkan ganti link yang berwarna merah dengan alamat url blog anda.

Minggu, 01 April 2012

Cara Membuat Widget Recent Comments di Blog

     Dengan adanya widget recent comments pada blog kita akan mempermudah kita sebagai admin untuk mengetahui komentar-komentar terbaru dari para pengunjung.
     Dan widget recent comment yang di maksudkan di sini yaitu dengan menggunakan fasilitas RSS feed, dan tentunya ini tidak banyak berpengaruh terhadap loading page blog kita, di samping itu tampilan juga cukup simpel dan menarik.
     Jika anda tertarik untuk memasangnya, berikut langkah-langkahnya :
  1. Login ke blogger
  2. Klik Tata Letak
  3. Klik tab Elemen Laman
  4. Pilih Tambah Gadget
  5. Pilih Tambah Feed
  6. Dan copy-paste kan kode di bawah ini dalam kolom Feed di atas.

http://terbesit.blogspot.com/feeds/comments/default

       7. Klik Lanjutkan
       8. Beri judul widget terserah anda
       9. Klik Simpan
      10. Selesai

Keterangan :
  • Link yang berwarna merah silahkan ganti dengan alamat url blog anda

Cara Membuat Widget Recent Post di Blog

     Widget recent post berfungsi untuk menampilkan deretan mengenai artikel-artikel terbaru di blog kita, dan untuk pemasangan widget recent post yang dimaksudkan di atas yaitu dengan menggunakan fasilitas  RSS feed, yang menurut saya tidak membuat berat loading page pada blog kita.
     Jika anda tertarik untuk memasangnya di blog, maka berikut langkah-langkahnya :
  1. Login ke blogger
  2. Klik Tata Letak
  3. Klik tab Elemen Laman
  4. Pilih Tambah Gadget
  5. Pilih Tambah Feed
  6. Dan copy-paste kan kode di bawah ini dalam kolom Feed di atas.

http://terbesit.blogspot.com/feeds/posts/default

       7. Klik Lanjutkan
       8. Beri judul widget terserah anda
       9. Klik Simpan
      10. Selesai

Keterangan :
  • Link yang berwarna merah silahkan ganti dengan alamat url blog anda

Cara Memasang Tools Kode Warna di Blog

     Bagi sebagian blogger yang suka utak-atik template, tentu di perlukan adanya pemilihan warna yang di inginkan untuk mempercantik tampilan templatenya.
     Dan dikarenakan dalam pemilihan warna memiliki kode-kode tersendiri, maka tidak salahnya kita pasang tools kode warna pada blog kita sendiri.
    Adapun untuk pemasangan tools kode warna tersebut akan kita tanamkan dalam postingan, dan berikut langkajh-langkahnya :
  1. Login ke Blogger.
  2. Buat Entri Baru.
  3. Masukkan / Copy kode di bawah ini dalam postingan anda :

<center><div style="text-align: center;"> <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480"> <param value="sameDomain" name="allowScriptAccess" /> <param value="http://www.2createawebsite.com/build/col.swf" name="movie" /> <param value="high" name="quality" /> <param value="#ffffff" name="bgcolor" /> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="480" align="middle" height="480"></embed> </object></div> </center>

       4. Terbitkan Entri.
       5. Selesai.

     Kini tools kode warna telah terpasang di blog anda, semoga postingan ini bermanfaat.. Selamat mencoba. !

Untuk demo'nya bisa di lihat seperti yang ada di bawah ini :


Sabtu, 31 Maret 2012

Cara Membuat Google Translate - Icon Bendera

     Google translate berfungsi untuk mempermudah pengunjung blog kita yang ingin menterjemahkan artikel yang ada di blog kita dengan bahasa yang di inginkannya.
     Singkatnya Google Translate yang saya maksudkan di atas berupa tampilan seperti ini :

     Dan jika sahabat tertarik untuk memasaangnya, berikut langkah-langkahnya :
  1. Login ke Blogger.
  2. Klik Tata Letak.
  3. Klik tab Elemen Laman.
  4. Pilih Tambah Gadget.
  5. Pilih Tambah HTML/Java Script.
  6. Dan Copy paste kode di bawah ini dalam kolom HTML/Java Script tadi.

<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9_F_ELUwZaR57oQGBX8fs7vc6exS9RxJ0N4yyeClqIPYG37F8XaQqphEWq1v6vpf1nGK3kmpvtAxFKRKLx10qeblIH-xFjP2V4zbWI8CxPzuTlyJn0CKE2zjyGfPa4X_BwjShxWEqY10/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_T6wk5_lx_IZSKCpZEtqTH9pW2YCuW8bSUf8bsm0XXjN9v-qcKLqFiwrkArFulB3CwV-7tWOphe5-IitW1eNl3IJIenV0y7yqzMTNK1g2Rt_8q0ZdU9cQ84bqMeenvjuLKyf6aT44d74/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV3vVVI9PqEDo7aW9TDWJrJEBYfriSCi6U1wOIB2UzxjXqYIIAqU2f0SmKYMPeH_AVt-kflv2nrDjne92_PTj3SNWg4r-mU08F0fUVo2TYRXvru4alo4kwohVs3RaEh8wVq7B6s99l2FkR/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFhsPykA45xCE5msiGwlmkUIcSGEHbqFqdUB0zo1xuARjSEtDtwBW1JuyLFjVaNvUSqcwEefl8ZiOZeMxx6nEQCS5YMUop6OedLrmUBg9SyMsQYi9Fms5YOxz8Hx_Le2QL_1IVCs-fvwUy/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2F2jtkKQFqV8pYVz7RtS15M7RpWlEcW-FBjnieGNVs4780eP-AjlB2F6MDt2REVzMDoc6moRtGmG-oeanET_WANSJF-QXKDqLRaDCvnEn_Z2VIBhluECPke7jQ4ahzDKJAtHMmYhlGw0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiukoSXmbiiB6omGJGdqEeTzB8f75wlHPKq17OCZgIrR1CrOxn3xhIOuM8Wb9TiPgMSgDuVRP6lvGQrj-7cmkzWgn4B3v37aSjuXJSTS2UyxFl_Ltw-5SFDdRS3mqkAsiwL8E7dEq8GNzw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglel5YAtK0Iu6YRKjTcrT9F_CBe2K3MB_QfQLPp5dyZ4Jy5vFQpRb6MoUZk0lnjoMLGMNX38TvaD2RrVWokCuf6Cx5q8iLVafo1mECMJRD_xvQ7cp-M8UUUVkRW7mQi0jeDiwOoUeftYY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggLUM8TVYC5AGiOC75WF_QgK846RbPU95Zs9GOqHRvrbrjKI8_JbVxZ2sFN3_mCOYVTtf2bBEx_VTWf02AlBS5YcmgYyHkir8Yg5wDmA8uMJs1IbAeo9j6X9VpBJFrerhyphenhyphenFxgQEA0r4m4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2dn9nMminVcWURrgT8FM2ssKi-acubFtIDOLObA6EHv93zWZIRab3RfUj_y0mK6d-g2gZK4L9NFGHo_wg2TjMQUC6CxG5DzdnHqVWOck2BWupMs3IFoSxVeut-JGP57nSBRZ2JAsLc8pU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj-Aiw1XqXMEsdqukdktCLlyo4xdkVoMuU-sIuRVB05N6crg6zekNNLs7BUvobn1so5cNchHrzTgnF0O_vaICJsDz1CX74f1EN0GMSmg2e_nRhV5fMoC4e9Q4jd2PVZB07Ig10E_-G9mE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMevbCi4cqqhsIjbVjE4XFOY7X6mykGdBSlBVuN3KgB42xI5kB8WFlRzXM4FsLxGDeOtbLd_K9uBV4ZtFEmstIf-E40QoGRuUKfw_H1mB8IVLkqOSvgedKsC22BdCjVTwU-3S-lcM3Q6Y/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW1pbeGnE_tbppJrre-PKVeGsRoxDO2Gxim5LeTxvvbqpR6hvxznkUayboYIfhl1nrVcQFoKi0NUdUWc1BtV8ytSW-8n5WTERcy03BaBNV5j53RvhyphenhyphenD8Il4JTv5Ymj1zINbIsvz2tqzy0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=âfont-size:10px;margin:8px 0px 3px 0pxâ>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>

       7. Simpan.
       8. Selesai.

     Dan kini Google translate dengan icon bendera telah terpasang di blog kita. Selamat mencoba !

Cara Membuat Daftar isi Otomatis di Blogspot

     Untuk mempermudah pengunjung blog kita mencari artikel yang dicarinya, maka perlu lah bagi kita untuk memasang daftar isi pada blog.
     Dan daftar isi yang dimaksud, yaitu daftar isi otomatis / setiap ada artikel terbaru dari kita akan secara otomatis tersimpan dalam daftar isi otomatis tersebut.
     Adapun untuk pembuatan'nya berikut langkah-langkahnya :
  1. Login ke blogger.
  2. Buat Entri Baru.
  3. Dan masukkan kode di bawah ini.
 <link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js">
</script>
<script src="http://terbesit.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript">
</script>

       4. Klik Terbitkan Entri
       5. Selesai

Keterangan :
  • Silahkan ganti link yang berwarna merah dengan alamat blog anda.
Older Post ►
 

Copyright 2011 terbesit untuk berbagi is proudly powered by blogger.com | Design by Tutorial Blogspot Published by Template Blogger