Cara Membuat Kelelawar Berterbangan Pada Blogspot

Sabtu, 04 Februari 2012

amirul rozie

INVESTASI 95 RIBU HASIL 30 JUTA/BULAN, MAU ?	SEX KUAT TAHAN LAMA REKOMENDASI BOYKE!
MAU GAJI 20 JUTA ? KERJA 2 JAM MODAL CUMA 95RIBU	INVESTASI 95 RIBU HASIL 30 JUTA/BULAN, MAU ?
INVESTASI HANYA 25RB 1X SEUMURH HIDUP	GASA REKOM BOYKE UNTUK EREKSI KERAS LEBIH KENCENG!
METODE ALAMIAH TAMBAH UKURAN PENIS	Mau GAJI 20jt/bln dengan modal 25rb
FOREDI UNTUK KUAT TAHAN LAMA SEX REKOM BOYKE!	OLES HERBAL UTK KUAT TAHAN LAMA SEX REKOM BOYKE!
INVESTASI 25RB BISNIS COCOK UNTUK PEMULA	MODAL HANYA 25RIBU 1X SEUMUR HIDUP
KumpulBlogger.com

Atas permintaan dari sobat Erwin, kali ini Arief Masqulin akan memberikan tutorial blog tentang cara membuat kelelawar terbang di blogspot.

Sedikit Pengertian Tentang Kelelawar
Kelalawar adalah termasuk binatang malam yang aktif pada malam hari. Kelelawar dalam bahasa inggris disebut "Bat", sedangkan dalam bahasa jawa disebut "Lowo". Kelelawar adalah mamalia yang dapat terbang yang berasal dari ordo Chiroptera dengan kedua kaki depan yang berkembang menjadi sayap. Sudah dulu perkenalannya dengan kelelawar ya....

Cara membuat “kelelawar” atau “lowo” atau “bat” terbang di blog hampir sama dengan cara membuat kupu-kupu terbang di blog, Java scriptnya pun sama. Yang beda adalah kalau membuat kupu–kupu terbang di blog, hewannya adalah kupu–kupu. Sedangkan apabila membuat kelelawar terbang di blog, hewannya adalah kelelawar. Ya Iya lah!!!. Langsung tahu perbedaanya kan…? Hehehe :)

Langkah – langkah pembuatannya adalah sebagai berikut
1. Login ke Blogger
2. Klik Tata letak
3. Klik Tambah Gadget
4. Pilih HTML/Java Script
5. Masukkan kode Java script seperti di bawah ini.

O…ya sebaiknya file Java script diatas anda simpan di webhosting sobat sendiri. Karena apabila ada banyak sobat blogger yang menggunakan Java script diatas maka dikhawatirkan bandwidth web hosting file Java script diatas akan habis. Sehingga Java script tidak akan bekerja lagi. Java script dapat sobat simpan di http://ripway.com. Untuk lebih jalasnya silakan sobat baca postingan saya tentang solusi hosting Java script. Kalo belum bisa, silakan gunakan saja Java script diatas. Kalau Java scriptnya sudah tidak bekerja silakan lapor ke kantor polisi terdekat.

6. Simpan.
7. Buka blog milik sobat. Dan lihatlah ada sesosok makhluk nan mengagumkan terbang di blog kesayangan anda.

Semoga berhacil ya...^_^v

Membuat Widget melayang pada Blog

amirul rozie

Cara membuat widget melayang pada blog. Terutama yg akan blogtegal bahas yakni membuat widget melayang pada pengguna blogspot, manfaat dari widget melayang itu sendiri banyak, biasanya di gunakan untuk ditempati iklan berbasis PPC atau iklan yg begitu penting yg sangat terbatas waktu promosinya yang di maksudkan agar pengunjung tahu bahwa ada bisnis yang penting sekarang ini.
Widget melayang ini bisa kita atur tata letaknya entah mau d letakan sebelah kiri, kanan, atas maupun bawah pada posisi blog, nanti akan awak terangkan di bawah, hokey :d
Untuk tampilan besar kecilnya ukuran widget melayang ini tergantung pada isi yang akan kita tempatkan.
Jika widget melayang ini kita tempati iklan berbasis PPC, maka ukuran-y akan menyesuaikan dg ukuran iklan, untuk contohnya bisa di lihat pada pojok kanan atas di blogtegal.com ini.
Bagaimana apakah kamu tertarik untuk membuatnya? Jika ya mari kita lakukan penelitiannya hehehehe. . . . . .
Silahkan copi paste script di bawah ini pada widget HTML/Javascript.
Jika bingung apa itu widget HTML/Javascript silahkan ikuti petunjuknya:

masuk ke dasboard blog kamu.
pilih Rancangan
pada elemen halaman klik ''Tambah widget''
Dan pilih Widget HTML/Javascript
kemudian paste-kan script di bawah ini.
dan Simpan

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:2px solid #bb0000; background:#eeeeee; 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.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div> <center> silahkan tempatkan kode iklan atau banner atau teks atau apalah terserah kamu disini yah</center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

Perhatikan pada tulisan yang berwarna ungu pada script di atas, di situ berisi tentang pengaturan tentang posisi, background,border widget melayang tersebut. Atur sesuai dg keinginan kamu apakah ingin di tempatkan di bagian kiri atau kanan. Oh ya, jika kamu ingin menempatkan widget melayang tersebut pada halaman yg ingin kamu tentukan baca artikel blogtegal tentang menampilkan widget pada halaman tertentu yg kita inginkan
Bagaimana apakah sudah bisa membuat widget melayang atau membuat iklan melayang? Semoga bermanfaat.

Membuat Efek BLUR pada Gambar

amirul rozie

Cara membuat efek Blur / Buram pada gambar setelah kemarin memposting tentang membuat efek ZOOM pada gambar pada kesempatan kali ini blog tutorial blogtegal akan mengulas kembali tentang membuat efek blur gambar yang mana cara ini hanya untuk mempecantik tampilan blog,yang mana cara kerjanya yakni apabila pointer mouse melintas diatas gambar maka akan menjadi jelas seperti gambar aslinya.
Langsung saja tutorialnya

login ke dashbord blogspot kamu
pilih Rancangan »» Edit HTML
Tempatkan kode CSS berikut diatas kode ]]></b:skin>
kode CSS-nya

.linkopacity img {filter:alpha(opacity=30); -moz-opacity:0.30 opacity:0.30; border:0;}
.linkopacity:hover img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}
.linkopacityxtra:hover img {filter:alpha(opacity=1.1); -moz-opacity:1.1; opacity:1.1; border:0;}
terakhir klik SIMPAN

Cara penulisan kode gambarnya seperti berikut <img src="http://alamat-gambar-kamu.jpg" class="linkopacity"/> Perhatikan pada kode CSS yang berada diatas pada tulisan yang berwarna hijau 30, disini kamu bisa merubah tingkat ke-buraman-nya yakni semakin kecil nilai diatas maka akan semakin buram gambarnya

Bagi kamu yang ingin tahu tentang cara membuat gambar menjadi SEO FRIENDLY baca artikel blogtegal tentang merubah gambar menjadi lebih

Cara Membuat Table pada Blog

amirul rozie

Click Disini Untuk Lebih Lanjut....

cara membuat table,membuat table
blogtegal

Cara membuat table / tabel pada blog. Blogtegal blog tutorial kembali lagi untuk anda sodara-sodara,dan pada kesempatan kali ini Blogtegal akan menulis article tentang membuat table/tabel
Apa kegunaan dari table itu sendiri di dunia blogging? Sulitkah membuat tabel itu sendiri? Pertanyan anda akan terjawab hari ini dengan lugas ha. .ha. .ha. . Lets do it!
Kegunaan dan manfaat menu tabel ialah untuk membuat susunan HTML menjadi rapi, baik teks maupun gambar di dalam posting maupun di dalam sidebar.
Dasar kode tabel itu seb! enarnya sangat simple yakni

<table>
<tr>
<td>
isi table itu sendiri
</td>
</tr>
</table>

maka akan menghasilkan tampilan seperti di bawah ini

isi table itu sendiri

Nah. . Disini belum terlihat bentuk tabelnya, terlihat seperti tulisan biasa. Bukan maksud penulis untuk berbelit-belit dalam membuat tabel, tapi penulis ingin membuat anda mengerti tentang kegunaan kode tabel satu-persatu. Berikut penulis akan jelaskan atribut-atribut yang bisa di pakai di dalam membuat tabel.

Kode <table> = adalah kode dasar untuk membuat table.
width = untuk memberi kelebaran suatu tabel.
border = untuk memberi garis tepi pada kotak table.
bordercolor = untuk memberi warna border.
bgcolor = untuk memberi backround berwarna pada table.
align = untuk menempatkan posisi isi table sendiri.
kode <td> = untuk membuat baris baru/membuat kotak baru menyamping.
kode <tr> = untuk membuat baris baru/! membuat kotak baru kebawah.
cellpadding = untuk memberi jarak antara dinding dengan isi tabel.
cellspacing = untuk memberi jarak antara kotak yang satu dg kotak yang lain.

Penambahan atribut width pada table untuk memberi fungsi kelebaran kotak table. CONTOH 1:

<table border="1" width="70"> <tr><td> Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online </td></tr></table>

Hasilnya: