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 25px;border-radius:...

Cara Membuat Efek Link Bergoyang/Nudging

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' type='text/javascript'></script><script type='text/javascript'>...

Cara Mendapat Kode Follower

1) Pergi ke Google Friend Connect 2) Klik setting >> masukkan nama dan url blog >> kemudian klik save your settings 3) Klik Gadgets >> Pilih Members 4) Adjust width, Atur warna dengan keinginan kamu 5) Klik Generate kode dan copy kode yang tertera. - Selesai...

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; padding: 5px; border:2px dashed...

Cara Membuat Efek Gambar Berubah Ketika Tersentuh Cursor

Penasaran? 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 dengan url gambar pertama anda URL...

Scroll Box Untuk Widget

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; "> Letakkan kod widget anda di sini </div> 426 : width - Lebar scroll box 100 - Tinggi...

Efek Animasi Saat Cursor Menyentuh Link

Caranya: 1) Sign in akaun blogger 2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates" 3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode: a:hover 4) Kemudian copy paste kod di bawah selepas kode a:hover tadi: color:#FF6699;...

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 adalah kode untuk scrolling...

Cara Membuat Button Dashboard Dan Follow

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="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID...

Cara Membuat Efek Shadow Pada Blockquote

Efek kotak bayang-bayang akan muncul apabila cursor menyentuh Blockquote. Penasaran? Ikuti langkah-langkah dibawah ini: 1) Sign in akaun blogger 2) Dashboard > Design > Edit HTML 3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode .post blockquote { atau blockquote:hover { 4) Copy kode di bawah ini dibawah kode pada nomor...

Cara Membuat Efek Star Wars Pada Blog

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"> // <![CDATA[ var speed=33; // lower number for faster var warp=3; // from 1 to 10 var stars=100; // number of stars var...

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: rotate(7deg); -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform:...

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 type="text/javascript"> // <![CDATA[ var colours=new...

Cara Membuat Menu Pop Up Selamat Datang Pada Blog

Kali ini ita akan belajar tutorial bagaimana membuat 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, dan lain sebagainya. Pop up ini dibuat oleh wierd...

Cara Membuat Efek Gambar Transparan

Kali ini saya akan memberi trik untuk membuat efek pada gambar. 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...

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. Bagian dari tampilan yaitu...

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 sehingga tidak membuat halaman...

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) bebas ditempatkan di...

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 ini: 1. Login ke blogger 2....

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/AVvXsEgK3T1_tG3b_AU1kbGgncePJjoW1HfmmJlDnpCfr8JZUMHPXsKffxTcqb4APOHKwNJ1G0mrFcBhfN8E5Xq7wKs00A9Z2BmAem9VeNlhndZI_hCpuI3rnRNVqXZArX4p_7KLDbUzml6v1WDs/s1600/tweet.png)...

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 ini: 1. Login ke blogger 2....

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 praktekan: 1. Login ke blogger 2. Masuk ke Rancangan --> Edit Halaman 3. Tambahkan Gadget 4....

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 ditampilkan dibawah layar....

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; } .coin-slider a{ text-decoration: none; outline: none; border: none; } .cs-buttons { font-size:...

Cara Membuat Blockquote Hover

Cara membuatnya : 1.Login blogger 2.Rancangan, Edit Html, Cari kode ]]></b:skin> 3.Dan Simpan kode berikut diatasnya : blockquote { padding: 10px; height: auto; margin: 10px 0 10px 20px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglgTHxfAgYxsl7MHLxbP6-OGMvg2Hcp5AUhYI4ZN8y1Fx5UuXW3IugqArRfryUp8UfINFeyODj2uax87mNoT3OGYOqHlVm_hTR_aMMFH8Ctg6EpRmVvnPRl6jF7LMWQLe8xM-atmzn4auj/s1600/papers.jpg); font:...