Macam Border

-moz-border-radius-bottomright: 50px;border-bottom-right-radius: 50px;-moz-border-radius-bottomright: 50px 25px;border-bottom-right-radius: 50px 25px;-moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em;-moz-border-radius: 25px 10px / 10px...

READ MORE - Macam Border

Cara Membuat Efek Link Bergoyang/Nudging

Tertarik untuk mempraktekannya? Caranya: 1) Sign in akun blogger 2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript 3) Copy dan paste kod di bawah pada ruang Html / Javascript tadi: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'...

READ MORE - Cara Membuat Efek Link Bergoyang/Nudging

Mempercantik Side Bar

Caranya: 1) Sign in akaun blogger 2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript 3) Copy paste kode di bawah pada ruang Html / Javascript tadi <div style="background: #FFC8E3 repeat; repeat;...

READ MORE - Mempercantik Side Bar

Cara Membuat Efek Gambar Berubah Ketika Tersentuh Cursor

Ingin mencobanya Copy kode dibawah ini.. <a href="Target link" target="_blank"><img onmouseout="this.src='URL gambar pertama'" onmouseover="this.src='URL gambar kedua'" src="URL gambar pertama" /></a> Ket: URL gambar pertama: ganti...

READ MORE - Cara Membuat Efek Gambar Berubah Ketika Tersentuh Cursor

Scroll Box Untuk Widget

Tertarik? Ikuti langkah-langkah dibawah ini: Caranya: 1) Sign in akaun blogger 2) Dashboard > Design > Add A Gadget > Html / Javascript 3) Copy paste kod di bawah pada ruang Html / Javascript tadi <div style="width:426px;height:100px;overflow:auto;...

READ MORE - Scroll Box Untuk Widget

Efek Animasi Saat Cursor Menyentuh Link

Caranya: 1) Sign in akaun blogger 2) Dashboard > Design > Edit HTML > Centang kotak "Expand Widget Templates" 3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode: a:hover 4) Kemudian copy paste kode di bawah ini setelah/dibawah...

READ MORE - Efek Animasi Saat Cursor Menyentuh Link

Cara Membuat Gambar Bergerak (Scrolling Image)

Scrolling images adalah gambar bergerak yang pergerakannya ditentukan oleh kita sendiri. Scrolling image ini boleh diletakkan pada bagian mana pun dalam blog, header, footer, sidebar ataupun ruang post.. Anda berminat? Ikuti langkah berikut: - Berikut...

READ MORE - Cara Membuat Gambar Bergerak (Scrolling Image)

Cara Membuat Button Dashboard Dan Follow

1) Sign in akaun blogger2) Dashboard > Design > Page Element > Add A Gadget > Html / Javascript3) Copy paste kode di bawah pada ruang Html / Javascript tadi<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity"...

READ MORE - Cara Membuat Button Dashboard Dan Follow

Cara Membuat Efek Shadow Pada Blockquote

Efek kotak bayang-bayang akan muncul apabila cursor menyentuh Blockquote (Contohnya seperti Blockquote saya) Penasaran? Ikuti langkah-langkah dibawah ini: 1) Sign in akaun blogger 2) Dashboard > Design > Edit HTML 3) Dengan menggunakan ctrl +...

READ MORE - Cara Membuat Efek Shadow Pada Blockquote

Cara Membuat Efek Star Wars Pada Blog

Tertarik untuk mempraktekannya? Caranya: 1) Sign in akun blogger 2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript 3) Copy dan paste kode di bawah pada ruang Html / Javascript tadi: <script type="text/javascript"> //...

READ MORE - Cara Membuat Efek Star Wars Pada Blog

Efek Miring Saat Cursor Menyentuh Link

1) Sign in akaun blogger 2) Dashboard > Design > Edit HTML > Centang kotak "Expand Widget Templates" 3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode a:hover { 4) Kemudian copy kode dibawah ini dibawah kode a:hover { transform:...

READ MORE - Efek Miring Saat Cursor Menyentuh Link

Cara Membuat Cursor Mengeluarkan Gelembung (Bubble)

1) Log in akaun blogger anda 2) Dashboard > Design > Add A Gadget > HTML / Javascript 3) Pada ruang HTML / Javascript, copy paste kode di bawah <script type="text/javascript" src="https://sites.google.com/site/jombinabelogcursorbuih/bubble%20cursor.js"></script><script...

READ MORE - Cara Membuat Cursor Mengeluarkan Gelembung (Bubble)

Cara Membuat Menu Pop Up Selamat Datang Pada Blog

Kali ini kita akan sama-sama belajar tutorial bagaimana membuat menu pop up selamat datang pada blog. Pop up atau jendela munculan akan nampak apabila anda berkunjung ke blog. Anda bisa memodifikasi pop up ini dengan gambar, pesan untuk subscribe,...

READ MORE - Cara Membuat Menu Pop Up Selamat Datang Pada Blog

Cara Membuat Efek Gambar Transparan

Efek ini dikenal dengan nama 'Mouse over efek on image'.....atau 'efek mouse pada gambar'. Anda berminat. Ikuti langkah dibawah ini: 1. Login ke blogger 2. Ketika anda sedang memposting masukan kode ini. <img src="Masukkan URL Gamabar Anda Disini"...

READ MORE - Cara Membuat Efek Gambar Transparan

Cara Membuat Slide Posting

Rasanya belum lengkap apabila anda belum mencoba membuat Posting dengan Tampilan Slide. Jika demikian maka coba saja trik berikut ini. Posting dengan tampilan slide disini adalah hasil dari posting yang kita tulis akan ditampilkan dalam bentuk slide....

READ MORE - Cara Membuat Slide Posting

Cara Memasang Recommended Slide Out Pada Blog

Widget jquery ini akan muncul seperti slide ketika pengujung melihat halaman yang paling bawah. Recommended slide out akan menampilkan posting acak pada blog anda. Anda tidak perlu kuatir dengan loading page blog karena widget ini telah dimodifikasi...

READ MORE - Cara Memasang Recommended Slide Out Pada Blog

Cara Membuat Widget Follow Me On Twitter

Ada berbagai macam jenis widget Follow Me yang sering kita lihat tentunya, mulai dari widget Follow Me animasi sampai yang statis (diam). Dan penempatan widget ini pun bisa dimana saja, bisa di sidebar dan ada juga widget Follow Me yang melayang (floating)...

READ MORE - Cara Membuat Widget Follow Me On Twitter

Cara Membuat Efek Ketikan Pada Judul Blog

Ada beberapa cara untuk membuat judul blog menjadi animatif. trik kali ini sedikit berbeda dimana judul blog akan muncul seperti sebuah ketikan dari masing-masing huruf. Kalo misalnya anda tertarik untuk memasangnya pada blog anda ikuti aja trik berikut...

READ MORE - Cara Membuat Efek Ketikan Pada Judul Blog

Cara Membuat Widget Status Twitter Di Blog

Demo hasil widget dapat sobat lihat pada screenshoot diatas dan scriptnya dapat langsung dicopy aja terus pasang di sidebar blog sobat dan jangan lupa ganti username twitternya.<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Ezk0N2r1-zWShmsJHUDoidWF82H5X92YDcQ0WFc5618RpHOsGcIiz0DASusjobuLnfyNmBb7Fg_GyP39C2wtizaxVx7tTJo90snUAR-oR1gsIdJT7CUw3ybK57AUNd5UCGumypU5H44o/s1600/tweet.png)...

READ MORE - Cara Membuat Widget Status Twitter Di Blog

Cara Membuat Page Peel Join Us On Facebook

Page peel blog adalah halaman yang melipat pada blog anda dan akan terbuka lebar lipatannya apabila anda mengarahkan mouse anda diatas efek tersebut, contohnya seperti yang ada pada gambar diatas.penasaran bagaimana membuatnya? Ikuti langkah berikut...

READ MORE - Cara Membuat Page Peel Join Us On Facebook

Cara Membuat Popular Post Tanpa Thumbnail

Popular post atau posting populer adalah artikel yang paling sering atau banyak mendapat komentar dari pengunjung. Selain judul populer post yang ditampilkan, juga akan memuat jumlah komentar dari pengunjung. Caranya membuatnya mudah saja, langsung kita...

READ MORE - Cara Membuat Popular Post Tanpa Thumbnail

Cara Membuat News Sticker

News sticker adalah cuplikan judul berita atau highlight yang ditampilkan dalam bentuk sticker. Ada news sticker dalam bentuk show hide ada juga dalam bentuk marquee (teks berjalan). News sticker biasanya bisa ditemukan dalam acara berita di tv yang...

READ MORE - Cara Membuat News Sticker

Cara Membuat Efek Slideshow Pada Gambar (With jQuery)

Untuk cara membuatnya : 1.Login blogger 2.Rancangan, Edit Html 3.Cari kode ]]></b:skin> lalu letakkan kode berikut diatas kode tadi : /*--------Slide show-------------*/ .coin-slider { overflow: hidden; zoom: 1; position: relative; }...

READ MORE - Cara Membuat Efek Slideshow Pada Gambar (With jQuery)

Cara Membuat Blockquote Hover

Cara membuat Blockquote Hover : 1.Login blogger 2.Rancangan, Edit Html, Cari kode ]]></b:skin> 3.Dan Simpan kode dibawah ini diatas kode nomor 2 : blockquote { padding: 10px; height: auto; margin: 10px 0 10px 20px; background-image:...

READ MORE - Cara Membuat Blockquote Hover