Cara Membuat Efek Uang $$$$ Berjatuhan
Pada kali ini saya akan kasih tahu cara membuat efek uang $$$ berjatuhan di blog dengan cara mudah simple dan gx ribet tentunya xixixixi mau tau cara membuat nya yaudah kita langsung ajah ke Sumbernya yaitu di bawah sini $$$
Cara Lengkap Membuat Efek Lipatan Kertas Di Ujung Blog
Berbagi pengalaman pribadi membuat efek lipatan kertas pada ujung kanan blog yang menurut saya agak lumayan bikin pusing sob, maklumlah masih pemula,, heheheheee,,,,
- Kode warna hijau: ganti dengan URL Feeds sobat
- Kode warna putih: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.
Selamat mencoba ya sobat,,
Cara Membuat Table pada Blog
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:
BLOG DUNIA HEWAN |
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:
BLOG DUNIA HEWAN |
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.
Cara menutupi navbar dengan gambar
Cara menutupi navbar atau menyembunyikan navbar blogspot dg gambar bisa gak yah? Jawbannya tentu saja bisa banged.
Sebenarnya bukan di tutupi dengan gambar, istilah bloggernya yakni Strip-ad ya semacam widget melayang yang ditempatkan persis dibagian navbar yang berfungsi menutupi navbar blogspot. Contohnya bisa dilihat pada Blogtegal, bagaimana, . . Menarik bukan.
Untuk tutorial pembuatannya pun cukup mudah, bahkan trik ini adalah trik yang sudah sangat basi namun bagi kamu yang belum tahu bisa menggunakan trik ini, lets do it.
Pertama yang harus kamu lakukan yakni berdoa
- Login ke dashbord blog kamu
- pilih Rancangan »» Edit HTML
- download template lengkap dulu kalau2 terjadi kesalahan.
- Tempatkan kode CSS berikut diatas kode ]]></b:skin>
#mta_bar {background:#ddd;
border-bottom:1px solid #bb0000; border-top:1px solid #bb0000; margin:0;
padding:4px 0; z-index:100; top:0; left:0; width:100%; overflow:auto;
position:fixed; } *html #mta_bar {position:absolute; width:expression
(document.compatMode==CSS1Compat”?document.documentElement.clientWidth+”px”
body.clientWidth+”px”);} #mta_bar .left {float:left; text-align:center;
font-family:Arial; font-size:13px; font-weight:bold; font-style:normal;
color:#bb0000; width:92%; } #mta_bar .right
{font-family:verdana,sans-serif; float:right; text-align:center;
font-weight:normal; font-size:12px; letter-spacing:0; width:30px;
white-space:nowrap; } #mta_bar .right a {font-size:12px; color:#bb0000;
text-decoration:underline; } #mta_bar a:hover {font-size:12px;
color:#bb0000; text-decoration:none; } #left_bar a {background:#ddd;
text-decoration:none; color:#eee; padding:5px 0px 5px 30px; } #left_bar
a:hover {text-decoration:underline; color:#bb0000; } - Silahkan sesuaikandg blog kamu.
- Kemudian tempatkan script berikut diatas kode </head>
<script src=’http://blogtegal.googlecode.com/navbar-none.js’ type=’text/javascript’/> - kemudian tempatkan kode berikut di bawah kode <body>
<div id=’mta_bar’> <div id=’left_bar’>
<span class=’left’><a href=’http://feeds.feedburner.com/blogtegal’ target=’_blank’>Berlanggan artikel Blogtegal via e-Mail</a></span></div>
<span class=’right’ onmouseout=’self.status=''’ onmouseover=’self.status='blogtegal.com';return true;’>
<img align=’absmiddle’ border=’0′ onClick=’closeTopAds();return false;’ src=’http://blogtegal.googlecode.com/files/close.jpg’ style=’cursor:hand;cursor:pointer;’/></span></div> - Terakhir klik SIMPAN.
Membuat Anti Klik-Kanan pada blog
Membuat blog anti klik kanan,anti copy paste, kembali lagi blog tutorial blogtegal mengulas tentang tutorial blogspot yg mana pada kesempatan kali ini akan membahas tentang membuat anti klik kanan,membuat blog anti copy paste,disable your right click,membuat blog anti jiplak, mungkin lebih tepatnya mematikan klik-kanan untuk menghindari peng-copy paste-an artikel dari suatu blog ke blog lain.
Manfat dari membuat anti klik-kanan pada suatu blog itu banyak,terutama dalam urusan SEO,mengapa? Jika suatu artikel di copy paste dari suatu blog ke blog lain,maka ke-2 blog yg di copy maupun blog yang mem-paste akan berkurang nilai SEO blog tersebut di mata search engine, terutama search engine Yahoo yg pengecekannya dilakukan secara manual oleh tenaga manusia. Yang berakibat menurunnya traffic,pagerank dan alexa rank suatu blog. Yang mana walaupun blog yg meng-copy menyebutkan blog sumber artikel berasal, itu hanya untuk pengunjung saja memberitahu,tapi untuk search engine ”halah nyong ora ngarti pokoke koen ora kreatif dadi tak tempatna nang mburi pisan”, ihh gak banged deh.
Tapi ada satu hal yg perlu kamu catat baik-baik sebelum membuat anti jiplak pada blog kamu yakni pelu gak blog kita diberi kode anti copy paste?
Jika blog kamu bertemakan sama kayak blogtegal ini atau sejenisnya maka sebaiknya jangan,karena berisi tentang tutorial kode yg memang harus di copy, jěka diberi script anti jiplak mau dibuang kemana tu pengunjung? Mau dapat ilmu dari mana jika kodenya tidak bisa di kopi? Di tulis? Keburu kiamat
Kecuali kode yg mau di copy di tempatkan pada textarea
Jika memang ingin membuat blog anti copy paste bisa ikuti tutorial berikut:
Ada dua script yg bisa kamu pake menurut keperluan dari blog kamu, diantaranya:
- Script anti copy paste + disable klik kanan.
- script anti copy paste yg bisa klik kanan.
1. Script anti copas + disable klik kanan
Script yang pertama ini berguna untuk membuat blog anti copas plus men-disable klik kanan, jadi pengunjung tidak bisa membuka tab baru dg klik kanan diatas link ”Open in New Tab”, caranya: Yakni tempatkan script di bawah ini pada widget HTML/javascript pada blog kamu.
- login ke dashboard blogspot kamu.
- pilih Rancangan/Desain
- pada halaman element laman klik ”tambah gadget” / ”Add gadget”
- pilih widget HTML/javascript
- dan pastekan script berikut didalamnya.
- klik SIMPAN
Script yang dicopy:
<script language=”javascript”> <!– Begin function shake(n) { if (parent.moveBy) { for (i = 10; i > 0; i–) { for (j = n; j > 0; j–) { self.resizeTo(250,150); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i);}}}} // End –> PopUpURL = “Maaf anda tidak di perbolehkan klik kanan”; isIE=document.all; isNN=!document.all&&document.getElementById; isN4=document.layers; if (isIE||isNN) { document.oncontextmenu=checkV; } else { document.captureEvents(Event.MOUSEDOWN || Event.MOUSEUP); document.onmousedown=checkV; } function checkV(e) { if (isN4) { if (e.which==2||e.which==3) { dPUW=alert(“Maaf anda tidak di perbolehkan klik kanan”); shake(2); return false; } } else { dPUW=alert(PopUpURL); shake(2); return false; } } </script>
Ganti tulisan yang berwarna ungu resuai kehendakmu.
2. Script anti copas yang bisa klik kanan
Untuk script yang kedua ini berguna untuk membuat blog anti copy paste yang bisa klik kanan. Jadi pengunjung bisa membuka halaman blog kamu dengan klik kanan ”Open in New Tab, caranya: Tempatkan script berikut diantara kode <head> dan kode </head> di dalam template kamu.
<SCRIPT type=’text/javascript’> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT>
Tentukan pilihanmu untuk membuat blog anti klik kanan,anti copy paste,anti jiplak,disable klik kanan.
Cara Membuat Cursor Berbintang
Cara mempercantik cursor (pointer mouse), pada blog berplatform blogspot, yg mana kita tahu blog ber-platform blogspot memang cocok buat para blogger yg tidak ingin bersusah payah untuk mempercantik blognya, karena terbilang mudah dalam proses pembuatannya.
Untuk mempercantik suatu blog biasanya menggunakan javascript yg harus di tempatkan pada template maupun pada widget.
Yang akan di bahas di bawah ini oleh Blogtegal yakni
Berikut langkah-langkah membuat cursor berbintang.
- copy dan pastekan script-script di bawah ini pada widget javascrit/HTML.
- cursor bintang warna merah
<script src=”http://blogtegal.googlecode.com/files/cursor_merah.js” type=”text/javascript”/> - cursor warna hijau
<script src=”http://blogtegal.googlecode.com/files/cursor_hijau.js” type=”text/javascript”/> - cursor warna biru
<script src=”http://blogtegal.googlecode.com/files/cursor_biru.js” type=”text/javascript”/> - cursor warna ungu
<script src=”http://blogtegal.googlecode.com/files/cursor_ungu.js” type=”text/javascript”/> - cursor warna putih
<script src=”http://blogtegal.googlecode.com/files/cursor_putih.js” type=”text/javascript”/> - Jika anda newbie dan kurang jelas dalam memasukan script-script di atas, boleh lah Blogtegal berbagi caranya.
- login ke dashboard blog anda.
- pilih Rancangan
- pada halaman elemen laman pilih tambah gadget
- pilih widget HTML/JAVASCRIPT
- lalu pastekan salah satu script di atas.
- klik ”simpan” selesai.
Membuat EFEK daun berguguran pada blog
Mempercantik tampilan blog,membuat efek daun berguguran,membuat efek mempercantik tampilan blog
Yang pertama mesti kamu lakukan yakni:
login ke dashbord blog kamu
pilih ‘Rancangan / Design’
klik ‘Tambah gadget / Add gadget’
pilih widget ‘HTML/javascript’
kemudian copy dan pastekan script dibawah ini.
<script src=”http://blogtegal.googlecode.com/files/efek-daun.js”type=”text/javascript”/>
terakhir klik Simpan