Berikut Cara Mengganti Navigasi Blog Dengan Gambar:1. Login ke akun Blogger anda
2. Plih Layout > Edit HTML, lalu centang Expand Widget Template
3. Cari kode berikut:
- <data:newerPageTitle/> ganti dengan <img [...]
Mengganti Tulisan Older Post, Newer Post, Home
Posted by Rusdi Nice on Tuesday, May 22, 2012
{ Add comments }
Memperkenalkan TBZ-Bookmarking Widget
Posted by Rusdi Nice
Berikut Cara Memasang Widget TBZ-Bookmarking1. Login ke akun Blogger anda
2. Plih Layout > Edit HTML, lalu centang Expand Widget Template
3. Cari kode </head>, lalu paste kode berikut di atasnya:
<!-- TBZ-Bookmark [...]
{ Add comments }
Hidden Chatbox
Posted by Rusdi Nice
Chatbox ini untuk memasang shoutmix sehingga blog saya tidak terlihat sesak lagi(walau sebenarnya masih sesak banget, hehehehe....). Anda juga mau memasang shoutmix dengan trik ini? Baca baik-baik ya...
Trik Hidden Chatbox [...]
{ Add comments }
Artikel Dicuri? Lindungi Blog Anda!
Posted by Rusdi Nice
1. Buka situs MyFreeCopyRight. Anda harus membuat akun anggota dengan memasukkan alamat email beserta password
2. Jika akun anda sudah aktif, segera login untuk mendaftarkan blog anda beserta artikelnya. Klik tombol PROTECT [...]
{ Add comments }
Membuat Icon External Link Dengan jQuery
Posted by Rusdi Nice
Berikut Cara Membuat Icon Link External
1. Login ke akun Blogger anda
2. Pilih Layout > Edit HTML
3. Cari kode </head>, lalu paste kode berikut di atasnya:
<!-- EXTERNAL LINKS ICON -->
<style>
.exlicon [...]
{ Add comments }
Cara Mudah Membuat Tooltip Dengan Kode CSS
Posted by Rusdi Nice
Menyiapkan Kode CSS
1. Login ke akun Blogger anda, lalu pilih Layout > Edit HTML
2. Cari kode ]]></b:skin>, lalu paste kode css berikut tepat di atasnya:
a.tip {position:relative}
a.tip span {
display:none;
padding:5px;
z-index:100;
background:#000;
color:#fff;
text-decoration:none;
width:200px; [...]
{ Add comments }
Drop Shadow Mempercantik Tampilan Gambar
Posted by Rusdi Nice
Drop Shadow adalah sebuah efek bayangan yang timbul pada suatu objek, bisa pada sebuah kotak, tabel, dan gambar. Coba anda perhatikan gambar yang ada pada setiap postingan blog ini. Semua gambar tersebut memiliki bayangan [...]
{ Add comments }
Cara Memasang Tombol Google Buzz di Blog
Posted by Rusdi Nice
Ada 2 pilhan untuk tombol Buzz, yaitu icon besar dan icon kecil. Kodenya:
1. Icon Besar
<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}'><img [...]
{ Add comments }
Social Bookmarking Widget Untuk Homepage
Posted by Rusdi Nice
Berikut Cara Membuat Social Bookmarking Widget untuk Homepage
1. Login ke akun Blogger anda
2. Pilih Layout > Page Elements
3. Tambahkan Page Elements dengan HTML/Javascript, lalu paste kode di bawah ini ke dalam kotak [...]
{ Add comments }
Cara Membuat Separator Artikel
Posted by Rusdi Nice
Berikut Cara Membuat Separator Artikel:
1. Login ke akun Blogger anda
2. Plih Layout > Edit HTML
3. Cari kode berikut:
.post {
margin: 0 0 40px 0;
width: 90%
}
4. Paste kode berikut tepat di bawah kode .post
background: url(LINK-GAMBAR-SEPARATOR-ANDA);
background-repeat: [...]
{ Add comments }
Membuat Link Warna Warni
Posted by Rusdi Nice
Hmm.. Link warna warni? Apa maksudnya?
Untuk menjawab pertanyaan itu, coba anda arahkan cursor anda ke salah satu text yang memiliki link di blog ini.
Udah? Gimana hasilnya? Pasti warna link itu berubah-ubah? Seperti pelangi yang memiliki banyak warna [...]
{ Add comments }
Meletakkan Iklan Google Adsense Di Tengah Artikel
Posted by Rusdi Nice
Selamat malam Blogger! Kali ini saya mau bahas sedikit tentang Google Adsense. Meskipun saya belum punya akun Adsense :v, tapi tidak apa2 lah, yang jelas saya sudah mau berbagi tentang apa yang saya tau, ya nggak?
Ok, mari kita mulai. Secara umum, [...]
{ Add comments }
Meletakkan Widget Di Bawah Header
Posted by Rusdi Nice
Berikut Cara Meletakkan Widget Di Bawah Header:1. Login ke akun Blogger anda
2. Pilih Layout > Edit HTML
3. Untuk jaga2, bacup dulu template nya
3. Udahkan? Sekarang cari kode berikut:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>4. [...]
{ Add comments }
Cara Modifikasi Kotak Komentar
Posted by Rusdi Nice
Anda bosan dengan tampilan kotak komentar yang diberikan oleh Blogspot? Mau yang lebih unik dan menarik? Tenang, kali ini saya akan coba menjelaskan cara memodifikasi kotak komentar yang membosankan itu :). Tapi perlu diingat, kode2 dalam tips kali [...]
{ Add comments }
Cara Memasang Video Di Artikel
Posted by Rusdi Nice
Berikut Cara Memasang Video Di Artikel:
1. Daftarkan diri anda ke situs Youtube.com, lalu klik link Sign Up
2. Isi data yang diperlukan, centang kotak disamping tulisan Sign me up for the "Broadcast Yourself" email - I agree to the terms of use and [...]
{ Add comments }
Cara Membuat Tabel Di Blog
Posted by Rusdi Nice
abel merupakan sebuah elemen yang berfungsi untuk mengelompokkan beberapa variabel dengan variabel lain ke dalam sebuah kotak sehingga mudah untuk memahami pembagiannya (itu defenisi menurut saya, menurut anda gimana?). Bagi anda para Blogger yang [...]
{ Add comments }
Cara Membuat Read More Automatis + Thumbnail (Versi 3)
Posted by Rusdi Nice
Berikut Cara Membuat Read More Automatis +Thumbnail:
1. Seperti biasa, login dulu ke akun Blogger anda
2. Pilih Layout > Edit HTML
3. Letakkan kode berikut di di bawah kode </head>
<!-- Read more v3 -->
<script type='text/javascript'>
//<![CDATA[
function [...]
{ Add comments }
Cara Memasang Jadwal Sholat
Posted by Rusdi Nice
Berikut Cara Memasang Jadwal Sholat Di Blog:
1. Buka situs IslamicFinder.org
2. Klik link Add new sevices to your site yang berada di bagian bawah halaman utama
3. Klik dropdown menu yang ada tulisan Select a Country
4. Plih Negara tempat tinggal anda. [...]
{ Add comments }
Cara Membuat Cursor Animasi
Posted by Rusdi Nice
Wow, 2 hari yang lalu ada yang request ke email saya dari mbak "C". Begini katanya, "Mas, saya mau tau cara membuat cursor yang unik seperti yang ada di profil friendster dan yang ada di blog lainnya. Tiap kali saya blogwalking saya selalu ngiri nih [...]
{ Add comments }
Membuat Efek Zoom Gambar Dengan jQuery Image Magnify v1.1
Posted by Rusdi Nice
Sebelum saya menjelaskan lebih lanjut, silahkan baca kutipan berikut dari Dynamic Drive tentang jQuery Image Magnify v1.1:
jQuery Image Magnify enables any image on the page to be magnified by a desired factor when clicked [...]
{ Add comments }
