Processing

Senin, 02 Februari 2009

Membuat Fitur Download

www.SnapDrive.net adalah penyedia jasa link download,
Maksudnya,jika anda ingin meletakkan suatu link dalam blog,dan ingin pengunjung mendownload dari blog anda.

Kita mempunyai penampungan file untuk itu,coba dech Register disini
Setelah mempunyai Account dan anda telah mengupload file,baik itu berupa file zip,video,maupun gambar,anda akan mendapatkan kode Html dengan memilih Details pada saat anda baru selesai Upload.

Nah!Kode itu,lalu letakkan di mana yang anda suka,bisa di letakkan di Postingan maupun halaman baru html.

Contoh kode yang diberikan :

<a href="http://www.snapdrive.net/files/452360/Belajar%20Blog.zip">Belajar
 Blog.zip</a>

Tulisan yang berwarna hijau,anda bisa rubah menjadi "Download" atau "Download Disini".

Untuk Hasilnya,lihat aja sendiri.

PR .. :)

Membuat Iklan Popup

Pernahkah anda saat membuka sebuah situs,dan secara tiba-tiba ada jendela baru muncul yang tidak pernah kita inginkan?
Biasanya,jendela baru itu berupa iklan,baik itu alamat situs baru maupun iklan berupa gambar maupun animasi.

Nah!iklan yang seperti itu,orang menyebutnya sebagai iklan Popup.

Kelemahan kita meletakkan Iklan Popup pada halaman blog kita,akan memperlambat
koneksi,disamping itu,tidak semua browser bisa mendukung Popup ini.

Tapi,jika anda ingin mencobanya,saya mempunyai beberapa baris kode yang bisa anda coba.
Anda juga bisa mendownload di http://www.popupgenerator.com.

Di bawah ini kode yang ingin saya sampaikan powered by http://www.popupgenerator.com loh!bukan hasil kreasi saya sendiri.

Pilih Tata Letak pada blogspot----->Edit Html.
Letakkan kode di bawah ini di bawah kode <head> pada halaman html anda :

<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>
<!--
/****************************************************
Created With: PopupGenerator
URL: http://www.popupgenerator.com
****************************************************/
var win=null;
function NewWindow(mypage,myname,w,h,pos,infocus){
if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}
else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}
settings="width=" + w + ",height=" + h + ",top=" +
mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=no,menubar=no,toolbar=no,resizable=yes";win=window.open(mypage,myname,settings);
win.focus();}
// -->
</SCRIPT>

Selanjutnya,hapus kode <body> pada html blog anda,dan gantilah dengan kode di bawah ini :

<body onLoad='NewWindow("http://geliat-bisnis.blogspot.com/","bisnis",

"500","400","left","front");'>

Lalu simpan template anda,dan lihat hasil eksperimen anda.

Untuk kode yang bercetak warna hijau,adalah kode yang bisa anda rubah.

PR,,lebih baik anda coba dulu,dan anda akan tahu apa fungsi masing-masing dari
kode yang bercetak warna hijau.

Selamat bereksperimen !!!

Membuat Text Area blok Otomatis

Anda pasti pernah khan mengunjungi suatu situs yang memberikan sebuah kode html,seperti kode Adsense,dll.
Ya,kode akan terblok sendiri,hanya dengan menggerakkan mouse diatas bidang kodenya.
Untuk contohnya lihat di bawah ini :

Ya,khan? ngblok otomatis.
Untuk kodenya kopi paste di bawah ini :

<div> <form name="PujiantoroStyle"> <p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 184; height: 120" name="txt" rows="100" cols="55" onmouseover="this.form.txt.select()" readonly ;> TEXT ANDA DISINI</textarea></p> </form></div>

Selamat mencoba :)

Minggu, 01 Februari 2009

Membuat Tex Area (3 Macam)

Text Area Biasa

Biasanya text area di gunakan untuk menyimpan kode-kode Html/Javascript ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<p align="center"><textarea name="code" rows="5" cols="20" readonly>

Aku Orang yang ganteng,kaya,mobilku banyak,istriku banyak,cantik-cantik,orang pada ngiri ama aku karena aku terlalu tampan!! :)

</textarea></p>

Keterangan :
rows="6", menunjukan tinggi dari text area.
Cols="20", menunjukan lebar dari text area.

Hasilnya akan seperti di bawah ini :

Aku Orang yang ganteng,kaya,mobilku banyak,istriku banyak,cantik-cantik,orang pada ngiri ama aku karena aku terlalu tampan!! :)

Text Area dengan memakai HighLight /Select

Highlight atau Select All,yaitu dimana saat kita tekan tombol Select All,maka kode dalam text area akan otomatis terblok semua.

Untuk kodenya,copy paste di bawah ini :

<div> <form name="Select All code"> <p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 184; height: 120" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly>

Aku Orang yang ganteng,kaya,mobilku banyak,istriku banyak,cantik-cantik,orang pada ngiri ama aku karena aku terlalu tampan!! :)

</textarea></p> </div> <p align="left" style="margin-top: 0; margin-bottom: 0">

<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All">

Contoh hasilnya :

Yang berperan penting untuk highlightnya sebenarnya hanya pada kode

<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()">

jadi,jangan sampai dirubah ya :)

Text Area Select Otomatis

Anda pasti pernah khan mengunjungi suatu situs yang memberikan sebuah kode html,seperti kode Adsense,dll.

Ya,kode akan terblok sendiri,hanya dengan menggerakkan mouse diatas bidang kodenya.

Untuk kode dan contohnya lihat disini

Selamat mencoba :)

Menghapus/menghilangkan sebagian Fitur Komentar

Ada cara sederhana yang belum semua orang tahu termasuk saya kemarin,bagaimana,agar salah satu posting,atau sebagian posting,tanpa ada keterangan komentar,sedangkan yang lain masih utuh.

Saya pernah,mengalami,saat aku mau bikin halaman profil tapi koq ada tulisan "komentar (0)" di bawahnya.
Khan ga seru ya?Gmn ya?aku nyoba ngilangin komentar pada edit posting,eh! Koq komentarnya ilang semua!?

Nah!ada solusinya nich,gmn kita bisa menentukan posting mana yang akan kita kasih tulisan komentar sama box komentarnya,dan yang mana posting yang pingin kita kosongin tulisan sekaligus komentarnya.
Coba dech ikutin langkah berikut :

ilustrasi:

Klik tulisan Pilihan Posting/Opsi Entri di sudut kiri bawah kotak posting,setelah itu tampil radio button 2 pilihan :

Ijinkan dan Jangan ijinkan.

Anda hanyalah memberi tanda pada radio button di samping tulisan tersebut, jika anda memilih ijinkan,maka kotak komentar nantinya akan muncul dan pembaca postingan tersebut tentu saja bisa memberi komentar.

Nah jika anda tidak menginginkan kotak komentar muncul, maka anda tinggal memilih opsi Jangan diijinkan.

Untuk mengembalikan ke keadaan seperti semula,mulailah dengan langkah yang sama,seperti di atas hanya nantinya akan keluar 3 radio button,tentunya ada 3 pilihan :

Ijinkan,
Jangan ijinkan, tayangkan yang telah ada dan
Jangan ijinkan, sembunyikan yang telah ada.

Tergantung sesuai keinginan anda.

Semoga bermanfaat ya..

Menambah / Meletakkan Element Baru di bawah Header Blog

Kadang kita mengalami kesulitan saat ingin menambahkan elemen baru yang berada persis di bawah Header pada Blog.

Kesulitan itu kadang salah satunya disebabkan oleh template yang sudah di tentukan oleh Blogger,sedangkan kita menginginkan elemen baru yang dapat berada persis di bawah header.

Untuk itu,cobalah trik di bawah ini:

Penting :Backup dulu HTML anda kedalam Notepad,maksudnya jika nanti tidak sesuai dengan keinginan anda,Anda bisa mengembalikan lagi seperti semula.

Pilih tab Edit HTML

Lalu cari kode yang hampir sama dengan kode di bawah ini:

<div id='header-wrapper'>
  <b:section class='header' id='header' maxwidget="1" showaddelement="no">
  <b:widget id='Header1' locked='true' title='test (Header)'
  type='Header'/>
  </b:section>
      </div>

Jika sudah ketemu,anda hanya merubah kode yang berwarna merah diatas sehingga kode akan menjadi seperti di bawah ini :

<div id='header-wrapper'>
  <b:section class='header' id='header' maxwidget="2" showaddelement="yes">
  <b:widget id='Header1' locked='true' title='test (Header)'
  type='Header'/>
  </b:section>
      </div>

Simpan Template,dan lihat hasilnya.

Menghilangkan Navbar pada Blog

Ingin menghapus Navbar punya blogger?bikin ga sedap mata? Ilangin aja yuk!

Letakkan kode di bawah ini di atas kode ]]></b:skin> pada halaman html anda.

#navbar-iframe { height:0px; visibility:hidden; display:none }

Atau bisa dengan cara lain dengan meletakkan kode di bawah ini tepat di bawah kode <body> :

<style type='text/css'> #navbar-iframe {display:none;} </style>

Lalu Simpan Template.

Selesai !

Mudah khan?

Untuk navbar yang akan tampak hanya jika ada mouse diatasnya,seperti navbar pada blog ini,akan saya bahas nanti,meskipun ini hanya akan bekerja baik pada Browser Mozilla Firefox.

Senin, 02 Februari 2009

Minggu, 01 Februari 2009

Text Area Biasa

Text Area dengan memakai HighLight /Select

Text Area Select Otomatis

Baca Juga Yang Ini..