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

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

<script language='javascript' src='http://h1.ripway.com/laskarmuda/rainbow.js'/></script>

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

<script> var message="Maaf, Klik Kanan Dari Albert Pynstein Blog Sudah Disable"; /////////////////////////////////// function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layersdocument.getElementById&&!document.all){if (e.which==2e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false") </script>

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

<script src='http://h1.ripway.com/laskarmuda/lovingheart.js'></script>

6. Lalu Simpan

Selamat Mencoba

Cara Membuat Cursor Bertaburan Bintang

Anda tertarik ingin mencobanya untuk blog Anda? Caranya sangatlah mudah.

Berikut caranya :

1. Login ke blogger.
2.Masuk ke Layout-->Page Element
3.Tambahkan gadget HTML/JavaScript
4.Pilih kode taburan bintang dibawah ini.

Bintang Biru

<script src="http://h1.ripway.com/laskarmuda/blue_star.js" type="text/javascript"></script>

Bintang Hijau

<script src="http://h1.ripway.com/laskarmuda/bintang.hijau.js" type="text/javascript"></script>

Bintang Merah

<script src="http://h1.ripway.com/laskarmuda/bintang.merah.js" type="text/javascript"></script>

Bintang Putih

<script src="http://h1.ripway.com/laskarmuda/bintang.putih.js" type="text/javascript"></script>

Bintang Ungu

<script src="http://h1.ripway.com/laskarmuda/bintang.ungu.js" type="text/javascript"></script>

5. Copy Paste kan salah satu kode diatas dan simpan

Selamat Mencoba ...

Cara Membuat Efek Kembang Api Di Blog

Pada postingan kali ini, Kita akan membahas cara membuat efek kembang api di blog.

Berikut ini caranya :

1. Login blogger

2. Rancangan(Design)

3. Pilih Elemen Halaman

4. Tambah Gadget Pilih HTML / JAVASCRIPT

5. Copy Kode Dibawah ini Kedalamnya:

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="http://5433001315082274311-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex/fireworks.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

6. Save Template Dan Lihat hasilnya..

Situs Pembuat Banner Gratis

Dimanakah kita bisa membuat banner Gratis ?

Ingin membuat banner gratis ? tapi bingung cara desain dan bentuknya ? Atau tidak berbakat membuat banner yang bagus meski sudah punya tool pembuat banner yang gratis ?

Nah berikut ini ada beberapa layanan situs yang bisa membuat banner atau situs yang menyediakan jasa pembuat animasi gratis. Tinggal siapkan kata atau kalimat, lalu pilih desain banner animasi yang kita suka... dan....

Jreng..jreng...banner atau animasi kita sudah jadi...

Berikut ini situs layanan pembuat banner atau animasi gratis :

* Animationonline.com adalah layanan pembuat banner animasi gratis yang mudah dan simple tinggal kita buat lalu simpan di komputer kita.

* AdDesigner.com adalah layanan pembuat banner gratis yang unik .Kita bisa merancang dan men-download aneka desaign banner profesional berkualitas, cepat dan mudah.

* Crecon.com adalah Layanan Banner Gratis yang kita bisa memilih untuk gambar latar belakang banner , menambahkan teks, lalu memilih banner animasi dengan format Gif

* What is GifWorks.com ???

Memberikan layanan untuk membuat banner gratis berformat GIF image. Tidak perlu diinstal dan tidak juga diharuskan mendaftar untuk mendapatkan layanan gratis ini.

Oke sob, semoga kita bisa dengan mudah membuat banner secara gratis sesuai yang kita inginkan .

Cara Membuat Banner

Untuk membuat banner (Link Baner) tentunya merupakan hal yang mudah bagi yang mengerti software2 desain seperti Adobe Photoshop, Image Ready, Corel Draw dll. Tapi bagi yang tidak tahu dengan software2 tersebut pastilah merasa sulit. Tapi jangan kawatir dan jangan berkecil hati, berikut ini akan aku tunjukkan cara yang mudah untuk membuat link banner tanpa harus mengerti software2 desain. Hanya dengan memilih dan sedikit otak-atik maka kamu nantinya bisa memiliki link banner yang cukup menarik. Mau tahu caranya?

Cara membuatnya sangat mudah, yaitu:

1. Buka situs http://cooltext.com

2. Disana nanti akan langsung terpampang macam-macam banner yang disediakan. Kamu tinggal pilih baner yang kamu suka.

3. Setelah itu akan muncul fomr untuk menstting banner yang telah km pilih tadi. Kamu bisa mensetting textnya, warna text, warna background, ukuran, effect, dll.

4. Kalo sudah merasa cocok lalu klik tombol "Rander Logo"
5. Tunggu sebentar sampai proses rendering selesai.

6. Maka bannermu akan langsung jadi, km bisa mengambilnya dengan mengklik link "Download Image". dan simpan banner kamu.

7. Biasanya file bannernya akan berupa file gif.

Setelah km mendapatkan bannernya maka langkah selanjutnya supaya bannernya bisa kamu pasang yaitu dengan menguyplaod file tadi ke webhosting. Kamu bisa menguplaodnya di photobucket.com. disanan nanti kamu akan mendapat link untuk banner kamu.

Memasang Gambar Selalu Berada Di pojok Bawah

Memasang gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Saya Pake Gambar Animasi Seorang Pria Besar yang lagi mengetak ngetik Komputer nya.

Ok sob biar gak banyak basa basi kita langsung ke prakteknya...

1. Login ke blogger trus klik "Layout -->> Edit HTML

2. Klik "Download Template Lengkap" untuk mengantisipasi adanya kesalahan.

3. Cari kode ini ]]></b:skin> kalo dah ketemu letakkan kode berikut ini di atasnya.

#trik_pojok {<br /> position:fixed;_position:absolute;bottom:0px; left:0px;<br /> clip:inherit;<br /> _top:expression(document.documentElement.scrollTop+<br /> document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".

4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id='trik_pojok'><a href='http://albertpynstein.blogspot.com'><br /> <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTMhR3x8OgtCBDsjqEvPEzjheCtY5h9JL9c5HEPUjebf_nvjegmJAcGEOJCgl4jaHjvuvFySXn41SkNszT5f5OvDSrpV96pG1VruQfL8Is17EYklzgUcWIyuMUwMDF2raz0rYe6wGWFDLs/s128/avatar1022979_10.gif'/></a><br /> </div>

"http://albertpynstein.blogspot.com" adalah link. ganti dengan link kamu.

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTMhR3x8OgtCBDsjqEvPEzjheCtY5h9JL9c5HEPUjebf_nvjegmJAcGEOJCgl4jaHjvuvFySXn41SkNszT5f5OvDSrpV96pG1VruQfL8Is17EYklzgUcWIyuMUwMDF2raz0rYe6wGWFDLs/s128/avatar1022979_10.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

6. Simpan hasil kerja kamu dan lihat hasilnya.