Cara Membuat Efek hujan Salju Pada Blog Senin, 06 Februari 2012 amirul rozie

CaraMembuat Efek hujan Salju Pada Blog langsung aja ya sob.... ni ane punya tips Cara Memberi Efek Turun Salju Pada Blog... yang mana artikel tutorial blogspot ini berhubungan dengan Cara Membuat Widget Burung Twitter Terbang Di Blog

sebenernya tips ini cukup gampang kok.. karena kita hanya tinggal memasukkan JS alias Script ke halaman XML kita....

ok langsung aja deh ke langkah-langkahnya Cara Memberi Efek Turun Salju Pada Blog....



1. Login Blogger
2. Klik rancangan --> edit HTML --> centang pada Expand Template Widget
3. Cari kode <head>
4. Lalu masukkan kode dibawa ini ke atas kode <head>http://www.blogger.com/img/blank.gif

<script src='https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/vikry-Snow.js' type='text/javascript'/>

5. Simpan Templates

contohnya bisa dilihat http://www.formelyna.co.cc/

good luck.........

Source : ViKrY'X MadZ

Read more: Cara Membuat Efek hujan Salju Pada Blog | HTC Community http://ojelhtc.blogspot.com/2011/11/cara-membuat-efek-hujan-salju-pada-blog.html#ixzz1lby2iGje
Under Creative Commons License: Attribution Non-Commercial Share Alike

Membuat Efek Kupu-Kupu Terbang Di Blog amirul rozie

1. Login blogger
2. Rancangan(Design)
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Copy Kode Dibawah ini Kedalamnya:

<script src="http://postrecent.googlecode.com/files/Kupu-kupu-dj.js" type="text/javascript"></script>

Pasang Kupu-kupu dan Kelelawar terbang di blog amirul rozie

.fullpost { display: inline; }
Jika kita melihat tampilan blog yang di dalam nya terdapat  Kupu-kupu dan kelelawar sepertinya terlihat natural kita serasa di taman bunga saja,, blog seperti rumah kita sendiri yang harus di hias dan di buat semenarik mungkin agar jika tamu datang mereka akan merasa betah dan senang untuk berkunjung lagi..
Sebagai contoh lihatlah kupu-kupu terbang di blog ini
Oke… langsung aja ke pokok permasalahan…
disini terdapat 2 script kode yaitu script kode Kupu-kupu Terbang dan script kode Kelelawar terbang,,
Pilih salah satu script kode dibawah ini

Script kode Untuk Kelelawar Terbang :

<script src="http://sites.google.com/site/javascriptnew/java-script/kelelawar.js" type="text/javascript"></script>

Script kode Untuk Kupu - Kupu Terbang :

<script src=”http://kikiefendbat.googlecode.com/files/www.kikiyo.co.cc.kupu2.js” type=”text/javascript”></script>

Langkah - langkahnya :
1.Masuk Ke Akun Blogger Anda
2.Klik Tata letak atau Rancangan
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kode diatas didalam HTML/JavaScript
6.Klik Simpan
Jika anda ingin menampilkan kode javascript sendiri agar terlihat seperti profesional dengan tampilan kode javascript milik anda,
Silahkan anda copy paste kode di bawah ini pastekan di notepad  lalu save dengan nama misalnya Kelelawar.js lalu anda simpan di hosting penyimpanan seperti code.google.com

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.

 

<script src="http://sites.google.com/site/javascriptnew/java-script/kelelawar.js" type="text/javascript"></script>

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 / 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:

Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online

CONTOH 2:

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

Hasilnya:

Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online

Penambahan Atribut border untuk memberi garis tepi pada kotak table. CONTOH 1:

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

Hasilnya:

Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online

CONTOH 2:

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

Hasilnya:

Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online

Pemberian Atribut bordercolor untuk memberi warna pada garis tepi kotak table. CONTOH 1:

<table bordercolor="#0000AA"> <tr><td> Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online </td></tr></table>

Hasilnya:

Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online

CONTOH 2:

<table bordercolor="#BB0000"> <tr><td> Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online </td></tr></table>

Hasilnya:

Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online

Untuk kode-kode warna HTML bisa di tengok pada artikel kode kode warna HTMLPemberian Atribut bgcolor untuk memberi warna background pada table. CONTOH 1:

<table bgcolor="#0000AA"> <tr><td> Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online </td></tr></table>

Hasilnya:

Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online

CONTOH 2:

<table bgcolor="#BB0000"> <tr><td> Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online </td></tr></table>

Hasilnya:

Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online

Penambahan atribut align untuk menempatkan posisi isi table, bisa di kiri, tengah dan kanan. Satuan yg bisa di pakai yakni left, center, dan right. Atribut yg satu ini akan bekerja secara maksimal jika di tempatkan pada kode ( tr ) dan pada kode ( td ), untuk lebih jelasnya perhatikan contoh-contoh berikut dan bandingkan dg contoh-contoh diatas. CONTOH 1:

<table><tr> <td align="left"> Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online </td></tr></table>

Hasilnya:

Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online

CONTOH 2:

<table><tr> <td align="center"> Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online </td></tr></table>

Hasilnya:

Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online

CONTOH 3:

<table><tr> <td align="right"> Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online </td></tr></table>

Hasilnya:

Blog tutorial, tutorial blogspot, tutorial blogger, belajar SEO, bisnis online

Untuk contoh jelasnya bisa di lihat pada artikel tentang cara membuat table kode part.2Membuat table berisi gambar. Berikut caranya:

<table border="1" <tr><td> <img src="http://s835.photobucket.com/albums/zz280/phoonix8/Blog_Tegal.gif"/> </td></tr></table>

Hasilnya: Jika semua atribut pendukung di gabungkan semua maka hasil yg akan keliatan akan seperti berikut:

<table border="1" bordercolor="#0000aa" bgcolor="B0C4DE" width="60" <tr><td align="center"> <img src="http://s835.photobucket.com/albums/zz280/phoonix8/Blog_Tegal.gif"/> </td></tr></table>

Hasilnya: Nah untuk Atribut table td dan tr dan cellpadding dan cellspacing bisa di lanjutkan membacanya pada tutorial tentang cara membuat table kode part.2, karna atribut tersebut tersebut di gunakan untuk memvariasi tampilan tabel atau lebih tepatnya membuat sempurna tampilan tabel, yang di gunakan untuk membuat multi kotak, baik menyamping maupun ke bawah.

Oh ya sampe di sini sudah paham apa belum? Jika belum paham silahkan bertanya pada kotak komentar. Malu bertanya sesat di jalan lho