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 :