Selasa, 29 Maret 2011

Membuat Kode Tukeran Link

Nah untuk para maniak Blogger, untuk mendapatkan traffik ke Blog katanya kita harus punya banyak Link Back..... coba dech liat di Google trus isi link: http://albertpynstein-trikblogging.blogspot.com/ nah nanti muncul deh situs mana aja yang menampilkan link ke http://albertpynstein-trikblogging.blogspot.com/ bisa di coba untuk blognya....

Semakin banyak link ke blog kita semakin bagus rangkingnya di Google he he blog ini aja masih kosong.... belum ada di google he he.... Artikel kali ini kita membuat code [Tukeran link] yang biasanya di gunakan untuk menambah link back ke kita... caranya cukup Simple kita cukup memanpaatkan Code HTML [Text Area] dan [Link] di dalamnya....

Silahkan Copy Paste Code di bawah ini:

<textarea rows="6" cols="15" name="code"> <a href="http://albertpynstein-trikblogging.blogspot.com/" target="_blank"><img border="0" alt="Photobucket" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtUfa2a1ioCFoSJwFfM5e5N2iIUCoTMQMBPBLlIaQOFgGCF-8Y4sc2TZHsX-kbnFyh4uHaOhZAW_9jVy1xdlLB0f3MUhtpn3VDyi-T3BNyofvHCpCgYS1i4zBvB5Sro8TQ0g_-EQ0rPU37/s1600/banner+trik+blogging.gif"/></a> </textarea>
 

Silahkan ganti nilai Rows dan Cols nah ganti aja nilanya sesuai selera masing masing.. Jangan lupa Ganti Juga yang warna ungu dengan Url Blog dan Url Gambar yang mau di tampilkan,.... nah hasilnya yang kotak di bawah:


Nah Jika Code di Atas di Copy Paste di blog Maka di hasilnya seperti di bawah

Photobucket

Senin, 28 Maret 2011

Cara Membuat Arsip Blog Klik Open new tab

Ikutilah langkah berikut :

1. Login ke Blogger (Login to Blogger).
2. Dasbor (Dasboard).
3. KLIK Tata Letak (Layout).
4. KLIK Edit HTML.
5. Amankan Template (Backup Template).
6. Cari setiap KODE HTML menggunakan Ctrl+F.
7. Cari KODE HTML berikut :
    <b:loop values='data:posts' var='i'>
    Di bawah KODE HTML di atas akan terlihat KODE HTML lain :
    <b:loop values='data:posts' var='i'>
    <li><a expr:href='data:i.url'><data:i.title/></a></li>
    Rubah KODE menjadi seperti ini :
    <b:loop values='data:posts' var='i'>
<li>
<a expr:href='data:i.url' target='_blank'><data:i.title/></a>
</li>

8. KLIK Simpan Template (SAVE Template) dan coba hasilnya dengan membuka blog !

Selamat Mencoba

Minggu, 27 Maret 2011

Cara Membuat efek Marquee

Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.

Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.

Atribut yang sering di gunakan adalah :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan saya sertakan contohnya :

Contoh marquee dari gerakan :

<MARQUEE align="center" direction="left" height="200" scrollamount="2" width="30%">

marquee dari kanan ke kiri

</MARQUEE>

hasilnya :



marquee dari kanan ke kiri



ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .

Contoh marquee dari perilaku gerakan :

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

marquee menurut perilaku

</MARQUEE>


hasilnya :



marquee menurut perilaku



Contoh marquee dengan variasi hurup dan warna latar belakang :


<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

</MARQUEE></b></FONT></div>

hasilnya :


Marquee Dengan Variasi Huruf

Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.

Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

silahkan tunjuk ke sini

</marquee>

hasilnya :



silahkan tunjuk ke sini



Contoh marquee yang di dalam nya terdapat link :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://albertpynstein.blogspot.com" target="new">unique blog</a><br/>

<a href="http://albertpynstein-trikblogging.blogspot.com" target="new">Trik Blogging</a><br/>

<a href="http://laskarmudaindonesia.blog.com" target="new">Unique Personal Blog</a><br/>

</marquee>

hasilnya :



unique blog


Trik Blogging


Unique Personal Blog




Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.

Selamat ber eksperimen

Ingin pintar dalam bahasa HTML, silahkan download ebook nya di sini

Cara Menghilangkan sosok beng dan Tang di Blogspot

Apa sobat juga merasa risih atau terganggu akan kehadiran sosok obeng dan tang, ok langsung aja kita pulangkan ke alamnya segera...

1. Login ke Blogger 
2. Pilih Rancangan atau Tata Letak
3. Pilih Edit Html

4. Cari kode seperti ini dengan menggunakan Cntr + F

]]></b:skin>

5. Setelah Ketemu Sobat Paste kan kode dibawah ini tepat diatas kode yang tadi

.quickedit{
display:none;
}
6. Pilih Simpan Template

Selamat Mencoba Sob

Cara Membuat Link Berwarna Pelangi

Anda ingin membuat link pada blog Anda berkedip dan berwarna pelangi ketika tersentuh pointer?  

Berikut ini caranya

1. Login ke blogger
2. Masuk pada menu Rancangan
3. Klik Tambah Gadget
4. Pilih HTML/Javascript
5. pastekan kode script di bawah ini


5. Klik Simpan
Selamat Mencoba

Cara Mendisable Klik Kanan Pada Blog

Biasanya banyak orang yang ingin tau tentang blog kita, maka dari itu kita membahas Cara Mendisable Klik Kanan Pada Blog.

Berikut Caranya :

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Klik pilihan menu HTML/JavaScript
5. Pastekan script di bawah ini ke dalam kolom konten tersebut



6. Silahkan ganti script yang berwarna Merah dengan kalimat pilihan anda
7. Klik Simpan
8. Selesai

Selamat Mencoba




Cara Membuat Efek Love Berjatuhan di Blog

Hanya untuk sharing buat sobat sobat blogger pemula, (asal jangan pemalu) hehe. Bila anda suka boleh dipakai jika tidak kan lumayan buat tambah ilmu sob.

Berikut cara membuatnya :

1. Sign in di Blogger
2. Kemudian pilih "Rancangan"
3. Klik "Tambah Gadget"
4. Pilih "HTML/Javascript"
5. Copy kode scipt dibawah ini


6. Lalu Simpan

Selamat Mencoba