Cara Download di Torrent tanpa menggunakan Client Torrent(Lebih Cepat)

Mendownload file seperti film, software, games, dll dari internet sangat nikmat gan =). Tapi kadang kita agak kerepotan jika filenya besar, 5 GB atau 8 GB , wah klo dibagi jadi ".rar" atau ".001" pasti hasilnya banyak banget, sampai ber-part2x...

Tapi Sekarang saya sedikit sharing masalah file Torrent, bagaimana cara download file Torrent? Silahkan simak caranya dibawah ini :

Pertama, anda harus menuju ke Torrific, situs ini memberikan pengunjungnya fasilitas untuk mendownload file-file Torrent. Klik DISINI http://torrific.com/home/ untuk menuju Torrific.

Setelah itu Login dulu, atau Daftar jika anda tidak memiliki account. (Mutlak GRATIS)

Setelah Login, masukkan URL file torrent (Misalnya : http://torrent/Pro.Evolution.Soccer.2011.torrent).

Klik tombol "GET"

Jika file tersebut tersedia, Anda dapat men-download secara langsung. Pastinya Resumeable dong...

Jika Anda mendapatkan pesan seperti ini :

your torrent was added to the queue
it will take approximately 10 hours
email alert me when available

Ini tandanya file yang anda inginkan masih dalam proses, silahkan sabar menunggu untuk mendapatkan link downloadnya, link anda akan tersedia maksimal dalam 10 jam.

Smile Please! :)

Read more »

Speedyfox 1.5 yang ampuh bikin kenceng firefox.

Kalo downlaod accelator pakai IDM, kalo Browsing Pakai apa ya?
nah pada postingan kali ini Art-Icl3 ingin memperkenalkan dengan sekecil imut bernama

SpeedyFox seperti layaknya Defragment hardisk pada komputer, dengan menggunakan SpeedyFox maka browser maka firefox anda akan terasa baru lagi. perlu anda ketahui dalam aplikasinya firefox menggunakan Sqlite data base untuk menyimpan berbagai macam settingan (history, bookmarks, passwords, dll) semakin lama database akan menumpuk yang mengakibatkan kinerja firefox anda menjadi lambat. Dengan speedyfox maka database tersebut akan dipadatkan tanpa merubah
setingan apapun, jadi cuma dikompres aja.... (he he itu referensi yang admin dapatkan dari paman google).

Untuk penggunaanya anda tinggal mendownload speedyfox 1.5 dan menginstalnya, tidak perlu merubah setingan apaun pada speedyfox yang harus anda lakukan adalah menutup dulu browser kesayangan anda dan mengeklik satu kali tombol Seedup my firefox. tunggu hingga proses selesai setelah itu klik tombol exit. dan buka firefox anda kembali.... dan rasakan bedanya......
gunakan speedyfox kembali jika firefox anda terasa lambat.... jadi harus rutinlah, ya idelanya 1 minggu sekali lah...

Anda ingin mencobanya? silahkan download Spedy Fox 1.5 disini

Semoga bermanfaat
(((KeepSmille :D))

Read more »

Cara Memotong Lagu Dengan MP3 Cutter

Dengan software Mp3 cutter ini kita dapat memotong lagu dengan mudah, baik diawal lagu, reff, maupun diakhir lagu, yang nantinya dapat digunakan untuk ringtone Hp sebagai nada panggilan telpon atau nada SMS Up2 U lah…..


Trus gimana caranya?? Oke sob sabar dulu…
Yang pertama harus dilakukan adalah mendownload softwarenya dulu, kalo dah punya ya syukur kalo lum punya bisa download disini. Setelah itu install. Lalu buka mp3 cutternya… (he he he he he)

Disitu nanti bisa dilihat beberapa tombol ( Open, Play/Pause, Stop, New Selection, Set Sart, Set End, Play Selection, Save Selection dan Exit )
1. Klik tombol Open dan cari lagu Anda , dan jika sudah ketemu maka mp3 cutter akan memainkan lagu secara otomatis
2. Biarkan lagu itu berputar, dan cari bagian mana yang anda inginkan. Jika sudah ketemu klik tombol Set Strat ( tombol ini berfungsi untuk menentukan awal lagu yang kita ingninkan).
3. Bairkan lagu terus berputar sampai kira-kira bagian lagu yang anda inginkan habis klik tombol Set End ( tombol ini berfungsi untuk menentukan akhir dari lagu yang kita inginkan)
4. Untuk mendengarkan preview potongan anda klik tombol Play Section.
5. Jika belum pas ulangi langkah 1,2,3,4 lagi dengan menekan tombol New Section .
6. Langkah terakhir klik tombol Save untuk menyimpan potongan lagu anda.

Oke sob.. begitulah kira-kira. Semoga informasi ini dapat membantu anda
((keepsmille :D))

Read more »

Menghilangkan Suara Vocal Pada mp3

Punya lagu favorit? pingin karokean dengan lagu favorit sobat tanpa ada suara dari penyanyi/vokalis yang asli? Mudah sob, kita hanya perlu memnyamarkan suara dari penyanyi dari lagu pilihan sobat dan hanya menyisakan musik instrument nya saja. Sebelum kita menghilangkan suara vokal pada mp3, terlebih dahulu sobat harus menginstal software gratis Audicity. Jika belum ada, sobat dapat mendownloadnya di sini.

Berikut Caranya:

• Instal dan buka program audycity.
• Setelah itu bukalah file mp3 yang akan kita samarkan suara vokalnya.
• Tekan tombol keybord CTRL + A untuk menseleksi mp3 yang sobat pilih.
• Klik menu Effect --> Vocal Remover (for center panned vocals)..., klik Ok dan tunggu hingga proses selesai.
• Silahkan sobat simpan mp3 yang telah disamarkan suara vokalnya dan selamat berkaraoke ria :D

Selamat Mencoba bro/sis...
Semoga berguna dan bermamfaat...

Read more »

Mengubah Suara mp3 Menjadi Suara Chipmunks

Bosan denger lagu yang gitu-gitu aja, ingin mengubah lagu favoritmu menjadi lucu dengan efek suara ala chipmunk yang imut-imut itu? Suara vokalis dari band atau penyanyi solo favoritmu akan kita efek suaranya menjadi chipmunk. Yang kita butuhkan hanya software gratis open-source, yaitu AUDACITY. Jika sobat belum punya software ini, silahkan mendownload versi portablenya terlebih dahulu di sini. Dan untuk cara mengubahnya, liat langkah-langkah dibawah ini...

Berikut langkah-langkahnya:

• Instal dan buka program Audacity.

• Setelah itu, bukalah file mp3 yang ingin kita ubah suaranya.

• Tekan Ctrl + A untuk menseleksi mp3 yang sobat pilih.
• Klik menu Effect --> Change Pitch, dan masukan angka 115,555 pada kolom Change Presentase, dan klik OK.
• Silahkan mainkan lagunya dan dengarkan efek suara chipmunk.

Ket: Jika efek suara dirasa kurang tinggi, nilai presentasenya bisa diperkecil menjadi kira-kira 111,555. Atau jika dirasa terlalu tinggi, nilai presentasenya bisa dipebesar.

Semoga berguna dan bermamfaat...

Read more »

Cara Membuat Read More Otomatis

Pada postingan sebelumnya sudah pernah saya bahas tentang cara membuat read more atau baca selengkapnya. Hampir sama dengan postingan saya kali ini, namun read more otomatis memiliki kelebihan yaitu postingan akan terbagi menjadi 2 bagian secara otomatis.

Untuk read more otomatis ini, dibutuhkan kode javascript yang sebenarnya bisa sobat simpan sendiri di tempat biasa sobat menyimpan file secara online. Namun kali ini script read more diletakkan langsung di template tanpa menggunakan hosting untuk mencegah errror saat hosting yang kita gunakan untuk menyimpan kode script-nya sedang down.

Buat blogger baru, saya sarankan menggunakan read more otomatis saja ketimbang read more yang biasa. Karena tentunya sobat tidak akan repot membagi 2 postingan sobat dengan kode manual.

Berikut langkah – langkah dalam membuat read more otomatis :

1. Silahkan login ke blogger terlebih dahulu.
2. Klik Tata Letak.
3. Kemudian klik Edit HTML.
4. Centang Expand Template Widget.
5. Letakkan kode berikut ini tepat diatas kode :
   

   <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 450; summary_img = 360; img_thumb_height = 120; img_thumb_width = 150; </script>
   
   <script type='text/javascript'>
   //<![CDATA[
   /******************************************
   Auto-readmore link script, version 2.0 (for blogspot)
   
   (C)2008 by Anhvo
   
   visit http://en.vietwebguide.com to get more cool hacks
   ********************************************/
   function removeHtmlTag(strx,chop){
   if(strx.indexOf("<")!=-1)
   {
   var s = strx.split("<");
   for(var i=0;i<s.length;i++){
   if(s[i].indexOf(">")!=-1){
   s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
   }
   }
   strx = s.join("");
   }
   chop = (chop < strx.length-1) ? chop : strx.length-2;
   while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
   strx = strx.substring(0,chop-1);
   return strx+'...';
   }
   
   function createSummaryAndThumb(pID){
   var div = document.getElementById(pID);
   var imgtag = "";
   var img = div.getElementsByTagName("img");
   var summ = summary_noimg;
   if(img.length>=1) {
   imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
   summ = summary_img;
   }
   
   var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
   div.innerHTML = summary;
   }
   //]]>
   </script>
   
   

6. Untuk yang sudah pernah menggunakan read more versi lama (manual), sebaiknya sobat kembalikan dulu kodenya seperti semula. Hapus kode yang saya tandai dengan warna biru di bawah ini, sesuaikan dengan template sobat, karena setiap template berbeda - beda :

   <div class='post-header-line-1'/>
   <div class='post-body'>
   <b:if cond='data:blog.pageType == "item"'>
   <style>.fullpost{display:inline;}</style>
   <p><data:post.body/></p>
   <b:else/>
   <style>.fullpost{display:none;}</style>
   <p><data:post.body/></p>
   <a expr:href='data:post.url'>Readmore</a>
   </b:if>
   <div style='clear: both;'/>

   sehingga sekarang hanya ada satu <data:post.body/>
7. Kemudian hapus kode : <data:post.body/> atau <p><data:post.body/></p>
8. Ganti kode tersebut dengan kode berikut ini :
   

   <b:if cond='data:blog.pageType != "item"'>
   <div expr:id='"summary" + data:post.id'><data:post.body/></div>
   <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
   <span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read More � <data:post.title/></a></span>
   </b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

9. Kemudian Simpan Template.

Keterangan :

• summary_noimg = 450 –-> untuk tinggi postingan tanpa gambar.
• summary_img = 360 –-> untuk tinggi postingan dengan gambar.
• img_thumb_height = 120 –> tinggi gambar.
• img_thumb_width = 150 –> lebar gambar.
• Read More… –> bisa sobat ganti dengan tulisan Baca Selengkapnya / Baca Selanjutnya / atau apa saja yang sobat inginkan.

Silahkan sobat atur sesuai template sobat. Selamat berkreasi.

Read more »

Berbagi Artikel Lewat Facebook

Seperti kita ketahui, salah satu cara agar blog kita cepat dikenal adalah dengan melakukan submit artikel ke situs web directory atau bisa dengan mendaftar di situs social bookmark, seperti technorati, mybloglog, delicious, digg, stumbleupon, reddit, dll. Bisa juga dengan mensubmit ke situs-situs iklan baris dan submit ke situs khusus submit artikel, seperti situs ezinearticles.

Salah satu situs jejaring sosial yang sekarang paling banyak digemari adalah facebook, yang sampai saat saya menulis artikel ini masih menduduki peringkat 2 alexa, satu tingkat dibawah google. Itu berarti facebook sudah menjadi makanan sehari-hari jutaan orang di seluruh dunia. Sayang di sayang jika sobat tidak menggunakan kesempatan ini untuk melakukan promosi blog sobat ke situs “muka buku” ini.

Dengan apa sobat promosi blog? bisa dengan langsung menulis di wall milik sobat. Tapi cara itu cukup memakan waktu karena sobat harus menulis lagi di wall facebook sobat. Saya menyarankan sobat untuk memasang widget facebook share di blog, kenapa? karena tinggal klik sobat langsung dibawa ke halaman facebook dan seketika postingan blog nongol disana.

Hasilnya banyak yang akan mengklik link blog dan membaca postingan sobat, tentunya dengan catatan harus mempunyai banyak teman. Kalau teman saya cuman 10 orang gimana mas dody? “ya mendingan tinggal di hutan aja sob” Cukup ya testimonialnya, daripada panjang lebar nanti pada ngacir nya, yukkk...

Baiklah, sekarang silahkan ikuti langkah-langkahnya dibawah ini :

• Login ke blogger dengan ID sobat tentunya.
• Langsung saja menuju Tata Letak –>> Edit HTML
• Kemudian centang Expand Template Widget.
• Sekarang tergantung sobat ingin meletakkan button facebook nya dimana, jika melihat blog saya, sobat akan menemukan button facebook-nya ada di bawah judul postingan, dan akan muncul saat read more di klik saja.
• Untuk membuat seperti punya saya, sekarang sobat cari kode :

  <div class='post-header-line-1'/>
  <div class='post-body'>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <style>.fullpost{display:inline;}</style>
  <p><data:post.body/></p>

• Dengan catatan sobat sudah menggunakan read more, baca selengkapnya disini.
• kemudian sisipkan kodenya di antara kode diatas, sehingga hasilnya seperti berikut :

  <div class='post-header-line-1'/>
  <div class='post-body'>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <style>.fullpost{display:inline;}</style>
  <b:if cond='data:post.url'>
  <span style='float:right;margin-top:-30px'><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url' target='_blank'><img alt='www.blog-zone.info' border='0' src='http://lh5.ggpht.com/_7Y9pl24WpQY/Sx6lhaUhIjI/AAAAAAAACU4/QPkeR53HjaM/shareonfacebook_thumb%5B4%5D.png?imgmax=800'/></a></span>
  </b:if>
  <p><data:post.body/></p>

• Jangan lupa Simpan Template.

Keterangan :

1. Float:right –->> posisi button facebook-nya ada disebelah kanan.
2. Margin-top:-30px –>> jarak antara button facebook dengan judul postingan, silahkan diatur sesuai dengan template sobat.

Sebenarnya sobat bisa meletakkannya dimana saja yang kira-kira mudah di lihat pengunjung, bisa juga diletakkan dibawah postingan, dengan button yang lebih besar tentunya agar dapat dilihat pengunjung blog. Untuk kode yang berwarna merah adalah alamat url dari button facebook-nya, jika ingin mencarinya sobat bisa searching di google atau phobucket.

Oke deh, selamat berkreasi !

Read more »

Blogger Support Read More

Saya tidak tau pasti kapan blogger update fasilitas read more ini, seperti yang ada di wordpress, sekarang kita tidak perlu lagi menggunakan read more manual yang pernah saya bahas dulu. Jadi lupakan saja read more yang dulu pernah saya jelaskan di blog ini.

Karena fungsi read more dari blogger ini lebih praktis, sobat tidak perlu lagi meletakkan kode setelah postingan pertama dan tidak pula harus menutupnya dengan di akhir postingan.

Sebenarnya kode pemisah postingan yang pertama akan muncul dan yang akan muncul secara keseluruhan ini sangat simple, hanya kode , jadi tidak masalah jika sobat menulis menggunakan windows live writter.

Sobat masih bisa menggunakan read more ini dengan menambahkan kode

Read more »

Cara Pasang Total Komentar dan Total Posts

Untuk memudahkan kita melihat jumlah makhluk yang sudah berkomentar di blog kita, sobat bisa pasang script untuk total komentar di blog sobat, script ini termasuk yang banyak di gunakan oleh blogger, selain script total post / artikel yang ada di blog kita.

Kalau total posts sendiri sebenarnya sobat bisa melihat di halaman dashboard blogger, namun jika sobat tertarik untuk memasangnya sekedar untuk mempelihatkan jumlah postingan yang sudah sobat buat, ya monggo disini juga ada scriptnya. Script total komentar ini ada bagusnya sobat letakkan dibawah recent comments, itu pun jika sobat telah memasangnya.

Dan begitupun untuk total posts sebaiknya dipasang dibawah recent posts, karena selain terlihat bagus juga agar tidak berantakkan. Coba saja jika total komentar sobat letakkan di atas header blog, kan lucu atuh, masa total komentar ada di header..pamer nih blog saya ada 10.000 komentar, huh cape’ dehh.

Langsung praktek, berikut kode script total komentar dan total posts nya :

Kode script untuk total komentar :

<script style="text/javascript"></script>
<script style="text/javascript">
function numberOfComments(json) {document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t +'</b><br>');}</script>
<script src="http://namablog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

Kode script untuk total posts :

<script style="text/javascript">
function showpostcount(json) {
document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
+ '</b><br>');}</script>
<script src="http://namablog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

Yang harus diganti hanya tulisan dengan warna merah saja, ganti dengan alamat blog sobat. Untuk meletakkannya sudah tau kan ? bagi yang masih awam, silahkan ikuti langkah – langkahnya berikut ini :

1. Login ke blogger dengan ID sobat.

2. Klik Tata Letak.

3. Klik Elemen Halaman.

4. kemudian klik Tambah Gadget.

5. Pilih yang HTML / Javascript, kemudian masukkan salah satu kode script diatas.

6. Setelah itu Simpan.

Mudah kan, silahkan di coba aja biar tau.

Read more »

Pasang HTML Encode di Blogger

Barangkali sudah banyak diantara sobat blogger yang sudah tahu tentang cara memasang HTML Enconde pada Blogger. Tidak ada salahnya saya kupas kembali tentang tentang cara parse HTML yang mudah dan praktis tanpa harus menggunakan fasilitas Parse HTML Online dari situs Parse HTML.

Seperti situs http://www.blogcrowds.com/resources/parse_html.php termasuk yang paling saya suka karena sudah banyak membantu saya dalam memparse kode HTML dalam setiap postingan yang akan saya buat.

Bagaimana jika fasilitas tersebut ada dalam blogger? tentunya akan sangat memudahkan kita dalam menulis kode HTML di setiap postingan. Untuk memasang HTML Encode Selection pada Blogger sangat mudah, berikut langkah - langkahnya :

1. Download dahulu Greasemonkey 0.8.20090123.1 yang ada pada https://addons.mozilla.org/en-US/firefox/addon/748 atau sobat bisa klik disini. Kemudian setelah selesai menginstall, sobat restart browser milik sobat.
   
   
2. Kemudian install JavaScript berikut ini :
   http://userscripts.org/scripts/source/42696.user.js
   
   atau klik saja disini
   
   
3. Selesai sudah, sobat tinggal menggunakannya. Untuk menggunakan HTML Encode Selection, sobat blok kode HTML yang ingin di parse kemudian klik tombol HTML Encode Selection.
   
   
   
   Tuing..muncullah kode HTML yang sudah di parse dan bisa sobat masukkan dalam postingan.

Sangat mudah dan praktis. Oke sob, selamat mencoba !

Read more »

Cara membuat Tulisan Besar Pada Awal Postingan

Kemarin saya mendapat email dari sobat johan yang menanyakan perihal membuat huruf yang besar pada awal postingan. Sebenarnya jika ingin tau bisa saja searching di google tentang hal ini karena memang sangat banyak bloggers yang menulis tutorial ini. Saya agak lupa apakah pernah menulis tutorial huruf besar pada awal postingan ini, jadi semalam saya bongkar-bongkar lagi semua judul post dan ternyata memang belum pernah saya tulis mengenai hal ini.

Sekedar info buat yang baru, huruf ini akan tampil besar dan berbeda sendiri dengan huruf lain yang ada di blog kita. Biasanya bisa kita lihat di koran atau majalah. Untuk membuatnya sangat mudah, karena hanya butuh satu kode css dan sedikit sentuhan pada saat membuat postingan.

1. Setelah masuk blogger, silahkan klik Edit HTML.
2. Tambahkan kode berikut sebelum kode ]]>< /b:skin>

   .huruf {
   float:left;
   color:#000;
   line-height:60px;
   padding-right:5px;
   font-family:trebuchet ms,verdana;
   font-size:60px;
   }
   

3. Simpan Template.

Cara Posting

Tambahkan kode sebelum huruf pertama dan setelahnya. Contohnya seperti ini :

Kemarin saya mendapat email dari sobat johan yang menanyakan perihal membuat huruf yang besar pada awal postingan. Sebenarnya jika ingin tau bisa saja searching di google tentang hal ini karena memang sangat banyak bloggers yang menulis tutorial ini.

Sip, semoga bermanfaat !

Read more »

Pasang Avatar Mybloglog di Kotak Komentar

Kotak Komentar

Tutorial cara memasang avatar mybloglog di kotak komentar sebenarnya sudah lama, tapi dari beberapa kali saya berkunjung ke beberapa blog sobat, jarang sekali yang mengaplikasikannya.

Padahal menurut saya, tutorial memasang avatar di kotak komentar yang di populerkan oleh Amanda ini sangat bagus, karena kita bs melihat wajah yang memberi komentar dengan syarat telah menjadi member mybloglog. Saran saya buat sobat yang sudah ikutan mybloglog, sebelum komentar di blog saya sebaiknya ganti dulu foto yang lama dengan foto terbaik milik sobat.

Langsung saja, seperti biasa loginlah terlebih dahulu ke blogger.

1. Buat yang belum mendaftar, jangan lupa untuk daftar dulu di mybloglog.

2. Kemudian pada halaman blogger, klik Tata Letak.

3. Pilih Edit HTML.

4. Klik Download Template Lengkap, untuk jaga – jaga !

5. Lalu Centang Expand Widget Template.

6. Kemudian letakkan kode berikut diatas kode
   <script type='text/javascript'>
   //<![CDATA[
   /*
   Merlinox and Napolux MyBlogLog Avatar Creator
   created by Merlinox (blog.merlinox.com)
   helped by Napolux (www.napolux.com)
   version 0.1 (20061214)
   version 0.2 (20061215)
   compatible with all blogger blog
   */
   if(typeof(myLayer)!='function'){
   function myLayer (x){
   //individuo l'oggetto
   if(document.layers){ // browser="NN4";
   lay=document.layers[x];
   }
   if(document.all){ // browser="IE";
   lay=eval("document.all." + x);
   }
   if(!document.all && document.getElementById){ // browser="NN6+ or IE5+ if you're willing to dump the !document.all stuff";
   lay=document.getElementById(x);
   }
   return lay;
   }
   }
   //lo prendo da blogger
   function myBlogAvatar(codiceCommento,autore,stile){
   //scrivo lo span
   //var myBlogSpan = "myBlog-" + codiceCommento;
   //document.write("<span id='" + myBlogSpan + "'><i>myBlogLog...</i></span>");
   //metto tutto minuscolo perchè indexOf è case sensitive
   if (autore != ""){
   alt="MyBlogLog: " + autore;
   myBlog = "<a target='_blank' href=\"http://www.mybloglog.com/buzz/co_redir.php?href=" + autore + "\" rel='nofollow'><img src=\"http://pub.mybloglog.com/coiserv.php?href=" + autore + "\" alt=\"" + alt + "\" title=\"" + alt + "\" border=\"1\" class=\"myBlogAvatar\"></a>";
   //myLayer(myBlogSpan).innerHTML = myBlog + myLayer(myBlogSpan).innerHTML;
   //myLayer(myBlogSpan).innerHTML = myBlog;
   document.write(myBlog);
   }
   }
   //]]>
   </script>
   

7. Setelah itu cari kode seperti dibawah ini :

8. Kemudian letakkan kode berikut tepat setelah kode :
   <div style='border:0;float:left;margin: 0 5px 0 0;'>
   <script>
   myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
   </script>
   </div>

9. Untuk kode yang berwarna ungu adalah jarak gambar dengan garis pinggir template, silahkan di otak-atik sendiri.

OK sob, selamat mencoba.

Read more »

Disable Klik Kanan ( Right Click )

Sudah sering kita jumpai sebuah website atau blog yang menonaktifkan klik kanan atau right click pada halaman blog tersebut. Berarti blog tersebut sangat hati - hati dalam menjaga privasi agar page source tidak dapat di lihat oleh orang lain. Sobat pun bisa membuat blog sobat menjadi disable klik kanan.

Sebuah website atau blog pasti ada yang mengandung konten privasi, seperti gambar yang kiranya sangat riskan untuk di copy oleh orang lain dan untuk keperluan yang bisa sangat merugikan sobat. Untuk itu di perlukan teknik men-disable klik kanan pada blog, maka gambar - gambar yang sangat privasi tidak akan bisa di copy dan di salahgunakan oleh orang lain.

Berikut langkah - langkahnya :

Login ke Blogger dengan ID sobat.

Klik Tata Letak --> Elemen Halaman.

Pilih yang HTML/JavaScript.

Copy kode dibawah ini ke dalam kolom kosong yang tersedia :



<script>
var message="Maaf, Klik Kanan Tidak Diperbolehkan !";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

kemudian Save, dan lihat hasilnya.
Mudah - mudahan dengan disable klik kanan pada blog sobat, gambar atau file privasi milik sobat akan aman dari tangan - tangan orang yang tidak bertanggung jawab.
Oke..selamat mencoba !!

Read more »

Menu Scroll Pada Artikel

Rasanya sudah agak lama saya tidak membuat postingan tentang blogspot, pembahasan saya kali ini sebenarnya sudah lama di dunia per blogger an, tapi ga ada salahnya saya coba berikan buat sobat blogger pemula. Postingan sebelumnya, saya sudah pernah menulis tentang cara membuat artikel terkait atau related posts.



Nah, sama saja dengan yang itu, tapi akan saya tambahkan scroll down menu pada artikel terkaitnya. Ga usah panjang lebar ya, langsung aja menuju lokasi.

Buka Blogger, login dengan ID sobat tentunya.

Kemudian klik Tata Letak

Pilih Edit HTML.
Lagi - lagi berhubungan dengan template, jadi saya sarankan untuk membackup template sobat terlebih dahulu.

Tambahkan kode berikut ini tepat dibawah <data:post.body/>
Jika sebelumnya sobat sudah pernah menggunakan artikel terkait, hapus saja dulu kode artikel terkait yang lama milik sobat.
Dan jika sobat sudah menggunakan read more, sobat akan menemukan 2 kode <data:post.body/>

Letakkan kode dibawah ini setelah kode <data:post.body/>yang pertama.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>


Setelah itu, letakkan kode berikut ini diatas kode ]]></b:skin>

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}


Simpan Template.


Semoga berhasil ! Jika ada pertanyaan jangan sungkan - sungkan tanya ke saya di kolom komentar, kalau saya sempat akan saya balas. Terima kasih telah membaca artikel - artikel saya.

Read more »

Cara Pasang Menu Tab View

Untuk menghemat tempat, tab view menu sangat efisien. Ukuran yang relatif kecil tapi bisa memuat banyak space. Hal ini pernah ditanyakan oleh sobat blogger pada kolom shout box beberapa minggu yang lalu tentang bagaimana cara membuat menu yang bisa memuat banyak judul, mungkin menu tab view ini yang dimaksud ya.

Membuat menu dengan tab view memerlukan kode HTML yang lumayan panjang dan agak ribet, jadi sebaiknya simak baik – baik tutorial ini dan yang paling penting jangan lupa untuk backup template sobat terlebih dahulu.

Jika setelah jadi nanti lebar atau tinggi menu tidak sesuai, silahkan sobat sesuaikan sendiri dengan isi dari menu yang sobat gunakan. Karena jika tidak mengerti akan jadi berantakan atau terlihat jelek. Oke sob, sudah mengerti toh…mantaabbbbb kita langsung ke TKP.

1. Silahkan login ke blogger dengan ID sobat tentunya.

2. Tuju Tata Letak.

3. Klik Edit HTML.

4. Jangan lupa backup template sobat terlebih dahulu dengan mengklik Download Template Lengkap.

5. Kemudian letakkan kode javascript berikut sebelum kode
   <script type='text/javascript'>
   //<![CDATA[
   function tabview_aux(TabViewId, id)
   {
   var TabView = document.getElementById(TabViewId);
   
   // ----- Tabs -----
   
   var Tabs = TabView.firstChild;
   while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
   
   var Tab = Tabs.firstChild;
   var i = 0;
   
   do
   {
   if (Tab.tagName == "A")
   {
   i++;
   Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
   Tab.className = (i == id) ? "Active" : "";
   Tab.blur();
   }
   }
   while (Tab = Tab.nextSibling);
   
   // ----- Pages -----
   
   var Pages = TabView.firstChild;
   while (Pages.className != 'Pages') Pages = Pages.nextSibling;
   
   var Page = Pages.firstChild;
   var i = 0;
   
   do
   {
   if (Page.className == 'Page')
   {
   i++;
   if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
   Page.style.overflow = "auto";
   Page.style.display = (i == id) ? 'block' : 'none';
   }
   }
   while (Page = Page.nextSibling);
   }
   
   // ----- Functions -------------------------------------------------------------
   
   function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
   
   function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
   //]]>
   </script>
   
   

6. Setelah itu letakkan kode berikut di atas kode ]]>
   div.TabView div.Tabs
   {
   height: 30px;
   overflow: hidden;
   }
   div.TabView div.Tabs a
   {
   float: left;
   display: block;
   width: 98px; /* Lebar Menu Utama Atas */
   
   text-align: center;
   height: 30px; /* Tinggi Menu Utama Atas */
   padding-top: 3px;
   vertical-align: middle;
   border: 1px solid #BDBDBD; /* Warna border Menu Atas */
   border-bottom-width: 0;
   text-decoration: none;
   font-family: &amp;quot;Verdana&amp;quot;, Serif; /* Font Menu Utama Atas */
   font-weight: bold;
   color: #000; /* Warna Font Menu Utama Atas */
   -moz-border-radius-topleft:10px;
   -moz-border-radius-topright:10px;
   }
   div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
   {
   background-color: #E6E6E6; /* Warna background Menu Utama Atas */
   }
   div.TabView div.Pages
   {
   clear: both;
   border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
   overflow: hidden;
   background-color: #E6E6E6; /* Warna background Kotak Utama */
   }
   div.TabView div.Pages div.Page
   {
   height: 100%;
   padding: 0px;
   overflow: hidden;
   }
   div.TabView div.Pages div.Page div.Pad
   {
   padding: 3px 5px;
   }
   
   

7. Kemudian Simpan Template.

8. Langkah selanjutnya, silahkan sobat klik Tata Letak.

9. Klik Elemen Halaman dan tambahkan Gadget.

10. Pilih yang HTML / Javascript, dan tambahkan kode berikut kedalamnya.
    <form action="tabview.html" method="get">
    <div class="TabView" id="TabView">
    <div class="Tabs" style="width: 300px;">
    <a>Tab 1</a>
    <a>Tab 2</a>
    <a>Tab 3</a>
    </div>
    <div class="Pages" style="width: 300px; height: 250px;">
    
    <div class="Page">
    <div class="Pad">
    Tab 1.1 <br />
    Tab 1.2 <br />
    Tab 1.3 <br />
    </div>
    </div>
    
    <div class="Page">
    <div class="Pad">
    Tab 2.1 <br />
    Tab 2.2 <br />
    Tab 2.3 <br />
    </div>
    </div>
    
    <div class="Page">
    <div class="Pad">
    Tab 3.1 <br />
    Tab 3.2 <br />
    Tab 3.3 <br />
    </div>
    </div>
    
    </div>
    </div>
    </form>
    
    <script type="text/javascript">
    tabview_initialize('TabView');
    </script>
    
    

11. Kemudian Simpan.

Keterangan :

• Untuk kode yang berwarna merah adalah lebar dan tinggi menu, silahkan sobat sesuaikan dengan isi.

• Kode yang berwarna biru silahkan sobat isi dengan judul - judul dari menu.

• Dan yang berwarna ungu, adalah isi dari menu. Sobat bisa menambahkan link, gambar, banner, dll.

Oke sobat, selamat mencoba.

Read more »

Mengubah Blog Nofollow Menjadi Dofollow

Sebenarnya apa sih nofollow dan dofollow itu ? dan kenapa banyak orang yang berkomentar di blog dofollow? sedikit pertanyaan yang cukup ribet dan membuat pusing kepala. Dari hasil survey, ternyata blog dofollow mendatangkan komentar yang lebih banyak ketimbang blog nofollow. Nah, sudah kebayang kan yang saya maksud, jadi blog dofollow artinya blog yang memberikan backlink oneway terhadap si pemberi komentar di blog kita.

Maksudnya backlink oneway adalah jika kita berkomentar pada blog yang dofollow, secara otomatis blog kita akan mendapat link balik dari empunya blog secara cuma-cuma dan juga akan membuat blog kita cepat terindeks oleh mesin pencari.

Dengan meninggalkan komentar di blog yang dofollow berarti sama saja kita mempromosikan blog kita. Lihat saja blog-blog yang sudah terkenal yang mempunyai page rank tinggi, disana terlihat puluhan komentar setiap postingannya. Memang ada juga yang enggan mengubah blognya menjadi dofollow dan tetap memakai nofollow mungkin semata - mata untuk menghindari link keluar lebih banyak.

Mau merubah menjadi dofollow? berikut langkah-langkahnya.

1. Login ke Blogger dengan ID sobat.
   
   
2. Klik Tata Letak.
   
   
3. Klik Edit HTML, jangan lupa backup dahulu template sobat dengan mengklik Download Template Lengkap.
   
   
4. Contreng Expand Template Widget
   
   
5. Cari kode yang seperti ini :
   
   <a expr:href='data:comment.authorUrl' rel="nofollow">
   <data:comment.author/></a>
6. Kemudian ganti menjadi seperti berikut ini :
   
   
   <a expr:href='data:comment.authorUrl'><data:comment.author/></a>
   
   
   
   
7. Jika bingung, klik saja Ctrl+F dan ketik kata nofollow.
   
   
8. Kemudian hapus tulisan rel="nofollow" yang ada di template sobat.
   
   
9. Save Template.

Sipp sekarang blog sobat sudah menjadi dofollow, tinggal percantik blog dan perbanyak postingan agar banyak yang berkomentar di blog sobat.

Read more »

Cara Pasang Jam di Blog

Agar blog sobat terlihat cantik dan enak dilihat, sobat bisa mencoba dengan memasang jam pada blog sobat. Wuih terlihat cantik, emangnya dian sastro..what ever lah. Ada banyak layanan online yang menyediakan script jam untuk di pasang di blog, salah satunya adalah clocklink.langkah pertama untuk mendapatkan kode HTML nya, silahkan simak caranya berikut ini :

1. Login ke www.clocklink.com
   
   
2. Klik tulisan Want a Clock on Your Website?
   
   
3. Kemudian pilih model jam yang akan sobat pasang pada blog.
   
   
4. Setelah itu klik tulisan View HTML Tag.
   
   
5. Lalu klik Accept.
   
   
6. Pilih zona waktu, untuk Indonesia bagian barat GMT +7:00
   
   
7. Bisa juga sobat klik radio button Select by the City --> lalu pilih Indonesia sebagai country dan Jakarta sebagai city
   
   
8. Set ukuran jam disamping tulisan Size.
   
   
9. Copy kode HTML nya ke dalam notepad.

Langkah kedua, silahkan sobat login ke Blogger.

1. Klik Tata Letak.
   
   
2. Klik tab Elemen Halaman.
   
   
3. Lalu klik Tambah Gadget.
   
   
4. Pilih yang HTML/Javascript.
   
   
5. Kemudian copy paste kode yang tadi sobat dapat dari clocklink.
   
   
6. Save.

Selamat Mencoba !! have a nice day..

Read more »

Promosikan Blog ke Search Engine

Siapa yang tidak kenal dengan search engine Google, Yahoo, Bing. 3 search engine diatas yang harus sobat fokuskan untuk promosi blog. Dari statistik, saat ini Google adalah search engine yang paling banyak digunakan orang untuk mencari kata kunci atau keyword.

Dalam tulisan ini saya tidak akan menjelaskan secara detail bagaimana cara mengoptimalkannya, tapi sobat akan saya jelaskan tentang bagaimana cara melakukan promosi blog ke Google, Yahoo dan Bing.

I. Cara daftar ke Google !

Bisa dibilang Google adalah rajanya Search Engine, saya sangat menyarankan sobat untuk mendaftarkan blog sobat pertama kali di Google.

Untuk cara mendaftarnya arahkan ke http://www.google.com/addurl atau klik disini. Pada halaman formulir pendaftaran, isi alamat blog sobat dan beri komentar sesuai tema blog sobat, kemudian klik tombol Add Url.

II. Cara Daftar ke Yahoo !

Untuk mendaftarkan blog sobat ke Yahoo, syaratnya harus sudah punya account Yahoo terlebih dahulu. Kalau sobat sudah punya account di Yahoo, silahkan tuju halaman http://siteexplorer.search.yahoo.com/submit atau langsung saja klik disini. Kemudian untuk mengisi formulir pendaftarannya, perhatikan dua kolom isian yang di sediakan oleh Yahoo.

Kolom yang pertama sobat bisa isikan alamat Website atau Blog sobat, seperti ini contohnya :

http://www.namablog.blogspot.com

Kolom yang kedua sobat bisa isikan alamat sitemap sobat, contoh :

http://www.namablog.blogspot.com/atom.xml

Kemudian klik Submit.

III. Cara Daftar ke Bing !

Search Engine bing cukup lumayan banyak dipergunakan orang sebagai mesin pencari, jadi saya sarankan sebisa sobat daftarkan juga blog sobat ke bing.
Silahkan tuju halaman http://www.bing.com/docs/submit.aspx?FORM=WSDD2 atau langsung saja klik disini.

Kemudian pada halaman formulir, isi kode verifikasi dan sobat diminta memasukkan alamat blog sobat.

Silahkan dicoba, semoga blog sobat segera terindeks di Google, Yahoo dan Bing.

Read more »

Sebenarnya blogger sudah menyediakan fasilitas widget untuk search engine, namun search engine dari blogger ini bentuknya sangat sederhana dan hanya bisa di letakkan di sidebar atau bagian gadget saja. Fungsinya sebernarnya sama saja, yaitu untuk melakukan pencarian keyword atau kata kunci pada blog. Namun dengan kode manual dibawah ini, sobat bisa berkreasi dengan memasang kode search engine langsung lewat html template dan meletakkannya sesuka hati sobat.

Berikut kode untuk search engine :

http://NamaBlogAnda.blogspot.com /search" name="searchform" method="get"> value="Search" type="submit">

Sobat bisa mengganti tulisan yang saya tandai dengan warna merah dengan alamat blog sobat sendiri tentunya, misalnya seperti ini : http://miscah.blogspot.com/search

Sedangkan untuk kode ( value="Search" ). Tulisan Search ini adalah tulisan yang akan muncul pada tombol search engine, jika ingin mengubahnya, sobat bisa mengubahnya menjadi :

Value=”Find” agar tulisan yang muncul di search engine sobat adalah “Find”.
Sobat bisa mengubahnya sesuai keinginan sobat.

Selamat Mencoba !

Read more »

Cara Membuat Buku Tamu

Buku tamu ( shoutbox ) biasa digunakan untuk chatting di blog. Banyak blogger yang menggunakan sarana shoutbox ini, karena bentuknya sangat dinamis dan interaktif antara yang punya blog dengan pengunjung bisa saling berkomunikasi. Menurut pengalaman saya selama memakai shoutbox di sidebar saya, beragam pesan yang masuk, ada yang memuji, ada yang ingin tukeran link, bahkan ada juga yang pernah mengkritik blog saya, katanya blog saya terlalu banyak kode HTML-nya sehingga blog menjadi berat, berat ga sih blog saya ? berat ga, berat ga..ah biar aja yang penting keren..

Kita akan menggunakan jasa www.shoutmix.com. Selain bagus, shoutmix ini tergolong yang paling banyak di gunakan para blogger. Tidak usah panjang lebar, langsung saja kita menuju TKP..

1. Silahkan tuju browser sobat ke www.shoutmix.com
   
   
2. Kemudian Klik tombol Create Shoutbox.
   
   
   
   
3. Kemudian isikan data - data yang diperlukan.
   
   
   
   
4. Setelah itu klik Control Panel.
   
   
5. Pada gambar berikut, klik Get Codes.
   
   
   
   
6. Atur lebar dan tinggi shoutmix, kemudian copy kode HTML kedalam notepad.
   
   
   
   
7. Login ke Blogger dengan ID sobat.
   
   
8. Klik Tata Letak.
   
   
9. Klik Elemen Halaman.
   
   
10. Pilih yang HTML / Javascript.
    
    
11. Lalu copy paste kode HTML yang tadi sobat simpan di notepad ke dalam kolom kosong yang tersedia.
    
    
12. Simpan.

Untuk mengatur bentuk shoutmix, sobat bisa tuju Settings -->> kemudian pilih Display -->> Style & Colors. Siipp, selamat cuap - cuap ya..

Read more »

Tutorial Membuat Text Area

Apa itu Text Area ? text area adalah area tempat untuk menyimpan text atau tulisan baru, atau bisa dikatakan sebuah komponen HTML yang digunakan untuk menampilkan text atau kode script dalam bentuk dan format text.

Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung ke dalam postingan di blog. Jadi fungsi dari text area ini kurang lebih untuk memudahkan pengunjung mengcopy seluruh isi text.

I. Text Area standard

Untuk membuat text area, silahkan copy code di bawah ini :

<span style="color: rgb(204,0,0)">Tulis text atau kode HTML yang sobat inginkan disini</span>

berikut hasilnya :

Tulis text atau kode HTML yang sobat inginkan disini

Keterangan :

untuk "rows"=3 adalah tinggi dari text area, jadi jika sobat menginginkan text area yang lebih tinggi silahkan sobat ganti dengan angka yang lebih tinggi.

untuk cols="15" adalah lebar dari text area, jadi jika sobat menginginkan text area yang lebih lebar silahkan sobat ganti dengan angka yang lebih tinggi.

Cukup paham ? mari kita lanjutkan.

II.Text Area dengan menggunakan Highlight

Variasi lainnya dari text area yaitu dengan menggunakan tombol Highlight, jadi dimaksudkan agar lebih memudahkan untuk mengcopy seluruh isi text area hanya dengan menekan tombol Highlight.

Hanya dengan menekan tombol highlight maka seluruh isi dari text area akan di highlight dan tinggal di copy saja. Fungsi tombol highlight ini sangat berguna untuk mencegah tertinggalnya satu atau beberapa isi dari text area.

Silahkan copy kode HTML di bawah ini :

<span style="color: rgb(204,0,0)">simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung</span>

dan seperti ini hasilnya:

simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung

Agar dapat memahami kode diatas, saya akan berikan uraian tentang kode-kode text area diatas.

1. --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.
   
   
2. --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi sobat jangan merubah tulisan ini.
   
   
3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika sobat ingin merubah tulisan ini silahkan ganti dengan kata yang sobat inginkan.
   
   
4. --> ini menunjukan bahwa text area akan berada di tengah, nah jika sobat ingin text area sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
   
   
5. -->kata "WIDTH:150px" menunjukan lebar dari text area tersebut sebanyak 150 pixel, jadi jika sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang sobat inginkan. misal: "WIDTH:500px;"
   
   
6. HEIGHT: 80px --> angka "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika sobat ingin merubahnya tinggal ganti angka tersebut dengan angka yang sobat inginkan. Misal : HEIGHT:160px.

Nah itu dia sedikit penjelasan tentang Text Area. Silahkan dicoba !

Read more »

Cara Pasang Buku Tamu Tersembunyi / Hidden Guestbook

Sebenarnya tips ini sudah basi, alias sudah banyak para blogger membahasnya dalam posting mereka,tapi karena ada sobat blogger yang request, ya udah R.S posting aj dah... hehehe... Shoutbox atau shoutmix yang terletak di setiap web/blog adalah sebuah widget atau fasilitas antar muka antara pengunjung blog dengan yang punya blog atau sering disebut sebagai Admin web/blog tsb.

Buku Tamu menurutku adalah widget yang penting ada di web/blog kita, sebab dengan media ini kita bisa berinteraksi dengan pengunjung blog, sehingga akan tercipta interaksi yang akan menjalin silahturahmi antara pemilik blog atau antara pengunjung blog, ujung-ujungnya widget ini juga akan mendatangkan traffic untuk blog kita.

Namun yang sering menjadi masalah dalam pemasangan Buku Tamu ini adalah space yang tidak cukup di halaman muka atau halaman index suatu web/blog, Tip ini akan membantu kita untuk menampilakan Buku tamu untuk tetap tampil di halaman muka namun tidak akan memakan space/tempat, sebab widget ini akan disembunyikan di samping Body blog. langkah Cara Pasang Buku Tamu Tersembunyi / Hidden ShoutBox ini mudah untuk dilakukan, langkahnya hampir sama dengan Cara memasang Widget Facebook atau widget lain yang biasa kita lakukan
Berikut Langkahnya.

1. Buka Akun Blog dengan ID Sobat


2. Klick Tata Letak dan Pilih Tambah Gadget


3. Pilih html/javascript dan Copy Paste kode di bawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVAwllhVqKA82Jn9sUMDEqzVVxGwJkcq9IqjydVxO9EFCGO5HuHNJMuZPUMR1Xitn3IhIhoVpZHfPn0FhpeMRSSenw8SYz7CEasLbFWBjW_rWuPJQIEkOoYDH8Ws5HIdOGEtxTbw2YkmpR/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

Letakkan kode buku tamu / ShoutBox Sahabat disini

<div style="text-align:right">
<a href="http://blog-rizkyshare.blogspot.com/2011/04/cara-pasang-banner-di-blog.html#axzz1RuzWIqJu">[get this widget]</a>><a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

4. Silahkan atur sendiri tingginya (posisi widget dari atas) dengan mengganti nilai 50px sesuai dengan keinginan sahabat, dan ganti kalimat yang warna merah dengan script/kode Buku Tamu Sahabat, dan langkah terakhir,


5. Simpan dan Selesai

Read more »