Pertama anda cari dulu Cursor – cursor yang mau anda taruh di blog anda. Ini ada beberapa situs web yang menyediakan download cursor gratis :
totallyfreecursors
moocursors
cursors-4u
Dan masih banyak lainnya yang menyediakan download cursor gratis. Setelah itu copy URL cursor tersebut. Dan ini cara mengganti cursor di blog :
Untuk Pengguna Blogger
Buka Blogger.com dan Login.
Buka Rancangan >> Edit HTML
Cari Tag CSS body { lalu pastekan kode berikut di dalam body :
cursor:url(http://
Ekstensi harus .cur untuk hasil yang sempurna kalo tidak punya tinggal cari converternya saja.
Lalu Save Template anda
Contoh : body {cursor: url(http://fairuz.web.id/cursor.cur),default;}
Untuk Pengguna WordPress
Login di Dashboard WordPress
Buka Apperance >> Editor
Pilih Header.php lalu pastekan kode berikut di atas tag
Cara mengganti logo blogspot tab icon
masukan link gambar
<link href='masukan link gambar' rel='shortcut icon' type='image/jpg'/>
simpan di bawah meta tag
Setelah itu save template, dan lihat hasilnya.
Oke semoga Tips dan Trik singkat ini bermanfaat selamat mencoba
Cara mengganti logo wordpress tab icon
WordPress, tab icon adalah logo favicon atau gambar di tab browser yang berada di atas tepat di tab browser. Biasa WordPress tab icon/favicon pada wordpress adalah logo berbentuk huruf W. Nah buat kamu yang ingin mengganti wordpress tab icon ini dengan logo, foto dan gambar milik kamu sendiri sangat simple. Monggo langsung saja di simak tips dan trik nya, berikut ini :
Login ke Dasbor wordpress
Pengaturan — KLIK General
Lihat Pada Blog Picture/Icon (di sebelah kanan atas)
Unggah (download) logo, foto atau gambar milik kamu dari komputer
KLIK UPload Gambar
Kemudian Crop atau potong gambar, yang ingin di tampilkan.
KLIK Potong Gambar (saya mengunakan foto bayi seperti ini, sebagai contoh)
Seep, beres tunggu beberapa saat, ini membutuhkan waktu untuk di tampilkan di tab pada browser, Kemudian buka blog sobat, KLIK Refresh untuk menampilkan gambar. oke selamat mencoba. Salam ngeblog.
Cara Membuat Tab View Widget Pada SideBar
Langkah Pertama
- Login ke akun Blogger kamu.
- Dari halaman dashboard, pilih Edit HTML.
- Pada halaman Edit HTML, cari kode ]]>; pada script template blog kamu. Tekan Control F untuk mencarinya.
- Kopikan kode CSS berikut (gunakan Control C) dan letakkan di atas kode]]>; tersebut./* Menu Tab ViewPada bagian yang diberi tanda keterangan, kamu dapat mengubahnya sesuai dengan yang diinginkan, seperti pada ukuran, warna maupun jenis hurup.
----------------------------------------------- */
div.TabView div.Tabs {
padding-top: 0px;
height: 24px;
overflow: hidden;
}
/* Menu Utama */
div.TabView div.Tabs a {
float: left;
display: block;
width: 80px; /*ukuran lebar tabmenu*/
text-align: center;
height: 24px; /*ukuran tinggi tabmenu*/
padding-top: 3px;
margin-right:4px; /*jarak antartabmenu*/
vertical-align: middle;
border: 1px solid #CCC; /*warna border menu*/
border-bottom-width: 0;
font-family: "Arial", Times New Roman, Serif; /*jenis hurup menu*/
font-size: 12px; /*besar hurup menu*/
letter-spacing: -1px;
background-color: #A4A4A4; /*warna latar menu*/
color: #FFFFFF; /*warna hurup menu*/
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
}
div.TabView div.Tabs a.Active {
background-color: #888888; /*warna background menu aktif*/
color: #FFFFFF;
}
div.TabView div.Tabs a:hover {
background-color: #999999; /*warna background menu hover*/
color: #FFFFCC;
font-weight: bold;
}
/* Kotak Utama */
div.TabView div.Pages {
clear: both;
border: 1px solid #CCC; /*warna border kotak utama*/
overflow: hidden;
background:url("http://sites.google.com/site/ruangsc/image/bgtabview.gif");/*background kotak utama*/
}
div.TabView div.Pages div.Page {
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad {
padding: 3px 5px;
font-size: 12px; /*besar hurup kotak utama*/
} - Setelah itu letakkan sumber script berikut di bawah ]]>Pada tulisan yang berwarna merah tebal dapat kamu ubah disesuaikan dengan kebutuhan. Milsalnya pada ukuran width (lebar) dan height(tinggi), dapat kamu gunakan ukuran % atau pixel (px) yang disesuaikan dengan lebar sidebar blog kamu. Begitupun dengan judul Menu dan Isi Menu dapat kamu buat sendiri sesuai keinginan.
Selain itu kamu juga bisa menambahkan menu-menu lain (lebih dari 4) asalkan lebar sidebar blog kamu mencukupi. Atau bisa juga mengakalinya dengan cara memperkecil ukuran lebar menu pada scriptyang tadi diletakkan pada HTML template blog kamu. - Simpan hasil kerjaan kamu dan lakukan pratinjau (preview) untuk melihat hasilnya.
Nah, cukup mudah kan? Ok coy, selamat mencoba....
Tidak ada komentar:
Posting Komentar