. Akademi Persepakbolaan Plumbon slatan INDRAMAYU: Edit-Edit Blog

CCTV

Plumbon,Indramayu,INDONESIA .. WE'RE THE ONE
Showing posts with label Edit-Edit Blog. Show all posts
Showing posts with label Edit-Edit Blog. Show all posts

Saturday, 9 June 2012

Domain Gratis Sob



Semoga apa yang saya inginkan mudah - mudah tercapai menjadi domain[dot]com.. Informasi ini saya dapatkan dari Domain Gratis  .. Bagi yang Punya blog baru dan Pengen ganti nama domain [dot] com, [dot] net, atau [dot] org 

Ada cara mudah buat dapetin domain sendiri yang bergengsi plus gratis. Gimana caranya ? Sobat cukup ngajak/refer 9 temen Sobat buat ikutan daftar, setelah itu, Sobat langsung bisa milih dari ketiga domain ( [dot] com, [dot] net,  [dot] org ) Gratis.
Dari pada domain sendiri yang premiun atau berbayar, mendingan gratis dengan sedikit syarat, yang penting syaratnya ngga mbayar . . . Sip deh . . . .Nah, kalau Sobat pengen coba-coba, ikutin aja tutorial daftarnya,

Cara Daftarnya : 
  1. Sobat daftar dulu di sini ( dimohon kerja samanya kalau berminat daftar disini)
  2. Pertama, pilih layanan yang diberikan yaitu, mengajak/ref  9 teman untuk satu domain gratis, atau mengajak 16 teman, untuk 2 domain gratis
  3. Masukan email dan pasword.. jangan lupa centang dan klik register
  4. Kemudian, Sobat akan masuk pada halaman pengisian identitas, isi saja seperti biasa,
  5. Lalu, akan muncul halaman status, karena baru mendaftar maka statusnya masih kosong, maksudnya temennya masih kosong
  6. Nah, selesailah . . . .(Pada menu 'Your Status' ikutin perintah pada 'click here' )
Semoga setelah anda daftar lewat refrel ane, puasa ente semakin semangat dan diterima sama Allah SWT

Wednesday, 4 April 2012

Membuat Widget melayang pada Blog

Trik membuat Widget melaya


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.

Cara mempercantik tampilan Title Bar

Mempercantik TITLE BAR berjalan



Membuat TITLE BAR berjalan pada blog. Kali ini blogtegal akan sharing tentang cara mempercantik tampilan TITLE BAR berjalan. Ya ini digunakan untuk variasi aja gak terlalu penting sebenernya, lagi pula TITLE BAR juga gak terlalu terlihat karna berada dibagian paling atas. Untuk melihat contohnya silahkan lihat pada demo disini , Okelah langsung mawon.
Langkah membuat TITLE BAR berjalan.
  • login ke dashbord blog kamu.
  • pilih ''RANCANGAN / DESIGN''
  • pada halaman ''Element laman'' klik 'Tambah Gadget'
  • pilih widget ''HTML/Javascript'' dan tempatkan script berikut didalamnya.
  • terakhir klik SIMPAN
Script yang di copy:
<script> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "WELCOME TO OUR WEBSITE"; tb8_messages[1] = "INFORMATION ABOUT INTERNET"; tb8_messages[2] = "AND THANKS FOR VISITING"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 125; tb8_delay = 1000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>

Keterangan:
" pada tulisan yang berwarna ungu adalah tampilan teks, ganti sesuai keinginan kamu.
" pada tulisan yang berwarna hijau tb8_speed = 125 adalah kecepatan teks berjalan pada TITLE BAR, silahkan expresikan sesuai keinginan kamu.
iseng-iseng posting menulis tentang membuat title bar berjalan hehehe. . . &lt;p&gt;Your browser does not support iframes.&lt;/p&gt;

Cara Membuat Cursor Berbintang

cara membuat cursor berbintang,cara mempercantik cursor, blogtegal.blogspot.com
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
cara membuat cursor berbintang


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.


Bagaimana apa ada yg kurang jelas tentang
cara membuat cursor berbintang
atau anda malah menertawai artikel ini?
Tak apa, its Ok. Jika ada yg kurang jelas silahkan bertanya pada kotak komentar,key.

Lanjutan table

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 cara membuat table, membuat table pada blog, kode html table, cara membuat tabel

Cara Membuat Table pada Blog

cara membuat table,membuat table blogtegalCara 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.