Buat Widget Twiter Di Blog

Untuk membuat widget ini tidaklah sulit, mari perhatikan langkah-langkah di bawah ini dengan seksama :

 

• Pertama-tama buka link ini terlebih dahulu https://twitter.com/about/resources/widgets

• Jika sebelumnya anda belum login, anda akan diminta login terlebih dahulu.. Silahkan login menggunakan akun twitter anda.

• Setelah itu anda akan sampai ke halaman setting widget. Klik tombol CREATE NEW untuk membuat widget baru

• Anda bisa mengedit widget yang akan anda buat nantinya. Silahkan anda edit, bila sudah klik tombol CREATE WIDGET di bagian bawah 

• Kemudian anda akan mendapatkan kode untuk widget anda di bagian bawah, copy kode tersebut dan letakan di dalam blog anda.
• di pengaturan _ seting tata letak add widget pilih HTML java script dan paste kode tersebut

• da selesai sudah Widget Twiter Sudah Terasang dalam Blog sahabat

Membuka Disable Klik Kanan Blog

Cara Menghilangkan Proteksi Klik Kanan - Saya yakin pastinya sudah banyak sobat blogger yang menjumpai blog yang menggunakan proteksi script anti klik kanan. Pasti kesal dong pas mau mengcopy tutorial atau script yang diperlukan eh ternyata klik kanan pada mouse

Bikin Lencana Facebook Tersembunyi

Mungkin kawan2 bloger sering Menggunakan jejaring sosial facebook alangkah indanya jika pengunjung blog kita dapat mengetahui profile facebook kita berikut ini mas bajoel kasih sebuah trik yang mana trik tersebut ialah menggunakan lencana facebook kita di blooger kta
ni langsung az mas bajoel kasih script na

Background Pada Postingan

lagi nyantai eh kepikiran bagaimana sih caranya ngubah background pada postingan ....
setalah berfikir semalaman akhir nya mas bajoel menemukan sebuah trik yg asik buat kawan blooger ni postingan guna ngubah background pada postingan blog...
seprti pada postingan ku ini contoh nya.....
ni script na :

<div style="padding: 5px; background-image: url(http://i586.photobucket.com/albums/ss303/adhit_ku/wallpaper_10782.jpg); background-repeat: repeat; background-position: center;">Tulis disini...<br /> </div>

tips : gunakan mode edit HTML ya........
ganti http://i586.photobucket.com/albums/ss303/adhit_ku/wallpaper_10782.jpg dengan alamat gambar kawan blogg

Efek ZOOM

langsung az mas bajoel Disini g akan banyak cakap kawan - kawan blogger pernah liat g yg seperti ini...... arah kan Mouse ke gambar

Arahkan mouse ke tulisan...

Lihat Gambar

untuk Caranya Bisa lihat disini.....

1. Silahkan login ke Blogger terlebih dahulu.
2. Kemudian klik Tata Letak.
3. Edit HTML.
4. Letakkan kode css berikut ini, tepat diatas kode ]]></b:skin>


/* Zoom Efek */
.thumbnail{position:relative;z-index:0}
.thumbnail:hover{background-color:transparent;z-index:50}
.thumbnail span{position:absolute;left:-1000px;visibility:hidden;color: black;text-decoration: none}
.thumbnail span img{border-width:0;padding:2px}
.thumbnail:hover span {visibility: visible; top: 0; left: 60px}


Untuk kode dengan Gambar

<a class="thumbnail" href="#thumb"><img src="http://i586.photobucket.com/albums/ss303/adhit_ku/avatarku.jpg" border="0" alt="Photobucket"><span><img src="http://i586.photobucket.com/albums/ss303/adhit_ku/avatarku.jpg" width ="400px" height="472px";/></span></a>

Sedangkan kode HTMl untuk TEXT adalah sebagai berikut :

<a class="thumbnail" href="#thumb">Lihat Gambar<span><img src= http://i586.photobucket.com/albums/ss303/adhit_ku/avatarku.jpg /></span></a>

Sobat tinggal merubah ukuran gambar yang sobat inginkan, tinggal mengganti angka di width dan heigh sesuai dengan selera.

Sedangkan untuk mengatur letak tinggi dan rendah gambar hasil zoom, sobat bisa merubah ukuran pada kode yang diletakkan di atas ]]></b:skin> (yang berwarna merah)

Ok, selamat berkarya dan semoga berhasil

Efek Orang jatuh Di Blog

oe dech kawan setelah lama g postini kali ini mas bajoel akan posting sesuatu yang mungkin menarik menurut kawan kawan ......
langasung az ya ni seperti yang trecantum dalam judul nya itu tu gambar orang berjatuhan di blog q ni caranya 

Membuat tombol Show And Hide

Tombol Hide dan show ini sangat berguna sekali untuk memangkas ruang halaman, terutama untuk penempatan gambar atau hal-hal yang spesifik lainnya.
Caranya Gampang Banget kawan  perhatikan tombol yang ada dibawah , kondisinya bila di klik maka akan tampil halaman yang di hide yang berisi gambar  cara pembuatan tombol hide dan show, dan bila di klik lagi, gambar  tersebut akan disembunyikan lagi

mau tahu g cara na ..... ni script na tinggal copas script na

<div>
<div style="margin: 1px;">
<div class="smallfont" style="margin-bottom: 1px;">
<input value="SHOW" style="margin: 0px; padding: 0px; width: auto; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'HIDE'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'SHOW'; }" type="button"/></div>
<div class="alt2">
<div style="display: none;">
<div style="background:#808080; text-align: left; padding:10px; "> Disini adalah kalimat atau gambar yang akan muncul di box hide dan show
</div>
</div>
</div>
</div>
</div>

Membuat shoutmix

Buku tamu (shoutbox/guestbook) pada sebuah blog merupakan fitur yang menurut saya cukup penting.
WHY ? Karena dengan adanya buku tamu, pengunjung dapat memberikan komentar dan lain-lain kepada si "Empu"-nya blog. ehhe.. :P caranya juga gag terlalu rumit kok..

1. Kalian sebaiknya log in dulu di http://www.shoutmix.com tapi klo udah login mah kaga usah.. :D
2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan login dengan id anda sendiri
3. Terus pada kolom yang berjudul Style, klik menu appearance.
4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu, silahkan pilih yang sesuai dengan keinginan kalian sendiri. Kalo sudah selesai klik Save Setting.
5. Untuk mendapatkan kode HTML dari shoutbox, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad
8. Lalu login Blogger > Tata Letak > add gadget > HTML > copy kode tadi situ
9. Lalu Save
10. dan Hasilnya bisa kalian liat sendiri deh ! ^^

Buat tombol back to top

tombol ini memang di perlukan oleh  pengunjung blog anda. Terutama jika blog anda memiliki halaman yang panjang, sehingga anda tidak perlu men-scroll mouse untuk kembali ke bagian atas. ni langsung az .... g pake lama.....
Kita mulai dengan:

Menghilangkan Angka Pada label blogger

Label,yang telah di sediakan oleh Blogspot,secara otomatis akan menampilkan nomor di
belakang label tersebut,seperti :

Gambar berjalan

itu tu yang seperti punya ku diatas kolom posting..............
<marquee align="center" direction="left" height="125" scrollamount= "1" onmouseover='this.start()' onmouseout='this.start()' width="100%" >

Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

Kotak Blogroll Model Textarea

Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

Bajoel Bergerak

ingin buat gambar gerak yang kayak di blog ku ini carana gampang banget g usah terlalu ber belit belit langsunga za a.....
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

Hide Judul Blog Di Header

Judul blog ibarat sebuah nama yang merupakan identitas dari diri kita sendiri, selain itu judul Blog juga menggambarkan isi dari Blog tersebut,dan merupakan kunci terindeksnya blog kita dengan search engine. Tapi ada sebagian orang yang berpendapat alangkah lebih baiknya judul blog tersebut dihilangkan karna mengganggu keindahan Background Header Blog nya

Daftar Isi Otomatis

Bagi anda yang ingin membuat Daftar Isi dari blog anda, tapi tidak ingin mengetikannya satu-satu yang bisa membuat jari-jari anda keriting bila daftar isinya banyak bangeeet, silahkan ikuti langkah berikut supaya jari-jari anda tidak terlalu kribo..he..hee..
langkah-langkahnya :

Daftar Blog Ke google

Untuk mendaftar ke google, silahkan sobat kunjungi http://www.google.com/addurl/, nah apabila sudah berada pada halaman pendaftaran ada beberapa langkah yang harus di lakukan, yaitu mengisi form yang di sediakan :

Teks berkedip

Anda sering melihat di blog kata atau kalimat yang berkedip-kedip. Contohnya kayak gini mas bajoel. Kalo pertama liat pasti situ juga akan ternyata membuat teks berkedip itu gampang banget, suer deh.. Untuk membuat teks berkedip itu kita hanya perlu menambahkan sedikit kode HTML

Hide tanggal posting

menghilangkan tanggal posting blogger, mau tau caranya? pertama masuk halaman Edit HTML kemudian cari h2.date-header { jika sudah ketemu tambahkan visibility: hidden;  diantara kode tersebut. lihat contoh kodenya dibawah:

Proteksi klik kanan

mungkin ini yang ditunggu tunggu para blogger yang postingan nya sering di copas (copy paste ) adalah peringatan ketika kita klik kanan pada blog kita...
langsung az g usah ber belit belitt.....