- Cara Membuat Kotak Daftar Isi
- Cara Membuat Tabel Pada Blogger
- Membuat Navigasi Halaman Untuk Blog
- Menambah Signature Di Bawah Postingan
- Mengganti Author Name Atau Nama Penulis Pada Blog
- Membuat Teks Berjalan di Menu Bar
- Memasang Label Cloud Pada Blogger
- Tips Agar Blog Terlihat Profesional
- Tips Menghilangkan Border atau Garis Pinggir pada Gambar
- Mengganti Ukuran Lebar Menu Dropdown
- Memasang Iklan PPC di Bawah Postingan (Tanpa Read More)
- Memasang Iklan PPC di Bawah Postingan (Dengan Read More)
- Memasang Label Animasi atau Tag Cloud pada Blogger
- Cara Membuat Footer Multi Kolom
- Cara Membuat Sidebar 2 kolom
- Cara Mengganti Tulisan Older Post dan Newer Post Dengan Icon Gambar
- Menambah/ Memasang Emoticon di Kotak Komentar
- Cara Membuat Teks Dan Link Berkedip
- Cara Menambahkan Add a Gadget pada Template Blogger
- Cara Menghilangkan Angka Pada Label
- Cara Membuat Kotak Scrollbar Pada Blogger
- Tips Menghilangkan Warna Pada Kotak Blockquote
- Menambahkan Search Box atau Kotak Pencari Pada Blogger
- Cara Memasang Related Post atau Artikel Yang Berkaitan
Membuat Menu Multi Kolom
Membuat menu multi kolom disini maksudnya membuat lebih dari satu menu dalam satu kolom, ini berguna sekali untuk menghemat space blog anda yang sudah memiliki menu yang banyak seperti pada contoh screenshot berikut:
Lanjutin baca di “Membuat Menu Multi Kolom” »»
Langkah-langkah untuk membuat menu multi kolom silahkah ikuti seperti dibawah ini:
1. Login ke blogger anda
2. Layout-->Edit HTML
3. Kemudian cari kode ]]>
4. Masukan kode dibawah ini sebelum kode diatasdiv.TabView div.Tabs
Keterangan :
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; text-align: center;
height: 24px;
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000;
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif;
font-weight: 900;
color: #000;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900;
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E;
overflow: hidden;
background-color: #FF9900;
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
- Angka yang berwarna merah-->lebar kotak menu utama
- Angka yang berwarna biru--> tinggi kotak menu utama
- Kode yang berwarna hijau--> warna border menu utama
- Kode yang berwarna ungu-->warna Font menu utama
- Kode yang berwarna abu-abu-->Warna background menu utama
- Kode yang berwarna kuning-->Warna border kotak utama
- Kode yang berwana orange-->warna background kotak utama
Untuk mengetahui kode-kode warna silahkan klik disini
5. Silahkan masukkan kode dibawah ini sebelum kode
6. Kemudian Save
Kemudian ke menu Layout-->Page Elements-->pilih Add Gadget yang akan kamu tempatkan menu multi kolom ini-->HTML/Javascript
Silahkan masukkan script menu multi kolom dibawah ini:
Keterangan
- kode yang berwarna hijau adalah title menu anda
- kode yang berwarna biru adalah lebar dan tinggi menu multi kolom
- kode yang berwarna merah adalah isi dari menu anda
Silahkan dicoba,,semoga berhasil!!!
Memasukkan Ikon Yahoo 8 Kedalam Blog
Bagi para pechatter Yahoo Messenger tentu sudah tidak asing lagi dengan ikon-ikon yang seperti ini :
Ikon seperti ini merupakan perwakilan dari ungkapan yang diwakilkan dengan gambar saat berchatting. Atau bisa juga sebagai penguat maksud dari ketikan baik di room atau pun di PM.
Trus gimana caranya agar kode-kode itu bisa di masukkan kedalam blog atau friendster kita. Gampang kok, kamu copy-pastein aja kode html yang sudah saya buat di bawah ini kedalam kotak html kamu.
Khusus untuk para blogger nih, kode yang telah kamu copy, selanjutnya kamu pastekan pada kotak "edit html" postingan kamu. ingat ya di kotak "edit html" bukan "tulis".
Lanjut Baca “Memasukkan Ikon Yahoo 8 Kedalam Blog” »»
Membuat Read More (Baca Selengkapnya)
Membuat "baca selengkapnya" atau istilah kerennya "read more" caranya sangat gampang.
Langkah Pertama
Pergi ke Pengaturan
klik Format dan lihat dibagian bawah. Disana ada kotak Template Posting yang masih kosong.
Terus temen isi deh kotak itu dengan kode dibawah ini :
Klik Simpan Pengaturan
Langkah Kedua
klik Tata Letak
Trus pilih Edit HTML dan beri tanda centang pada Expand Template Widget
selanjutnya temen cari code dibawah ini :
atau mungkin bentuk kodenya hanya seperti ini :
kode diatas dihapus, kemudian temen gantikan dengan kode dibawah ini :
kalau udah, temen klik Simpan Template
Lanjut Baca “Membuat Read More (Baca Selengkapnya)” »»
Menampilkan Photo di Kotak Komentar
Untuk menampilkan photo di kotak komentar seperti yang anda lihat pada screenshoot pada blog saya dibawah ini dan untuk membuatnya silakan ikuti langkah-langkah berikut:
1. seperti biasa Login ke blogger anda
2. pada halaman Dashboard-->Layout--Edit HTML jgn lupa centang kotak 'Expand Widget Templates"
3.Silakan temukan kode dibawah ini tanpa kode yang berwarna merah dan setelah ketemu silakan tambahkan kode yang berwarna merahnya
untuk mempermudah menemukan kode nya silakan ketik Ctrl + F di browser anda
4.Selanjutnya cari kode dan silakan copy paste kode berikut diatas kode
Angka 30 merupakan ukuran fhoto seperti ukuran pada blog saya, silakan ganti ukurannya sesuai keinginan anda
5. Langkah terakhir Save Template,,
GOOD LUCK,,,
Pasang Skrip Alert Di Blog
Mungkin anda pernah mengunjungi satu blog yang ketika di buka tidak langsung terlihat isi blognya, namun ada pesan yang mirip dengan gambar di samping. Lain orang tentu lain keinginan, jika kang Rohman sendiri sedikit kurang menyukai untuk memasang script ini karena mengurangi kenyamanan para pengunjung di sebabkan setiap buka halaman baru pesan ini akan selalu muncul dan harus selalu di klik oleh pengunjung blog.
Jika anda ingin memasang script ini, di sarankan agar tidak memasang terlalu banyak. Pernah kang Rohman mengunjungi suatu blog dengan alert yang banyak sehingga terasa kurang nyaman.
Untuk memasang fasilitas alert di blog tidak lah sulit, karena script yang di pasang tidaklah banyak. Contoh script yang di pasang seperti ini :
Tulisan yang berwarna merah adalah tulisan yang hendak anda tuliskan, tentunya ini sesuai dengan keinginan anda. Satu script adalah untuk satu alert, jika ingin menambahnya berarti tinggal menambahkan script tambahkan sesuai dengan keinginan. Misal ingin memasang dua buah alert, maka misalkan scriptnya jadi seperti ini :
Sangat sederhana bukan? selain dengan memakai script di atas, tentu saja masih banyak cara untuk membuat alert, misal dengan memakai script ini :
Hasilnya akan sama, jadi silahkan mau pilih yang mana.
Masih bingung cara memasangnya di blog? berikut adalah langkah-langkahnya :
- Login ke blogger.
- Klik Tata Letak.
- Klik tab Edit HTML
- Klik tulisan Download Template Selengkapnya.
- Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
- Cari kode .
- Copy paste kode berikut di atas kode (ganti tulisan yang berwarna merah dengan yang anda inginkan).
- Klik tombol SIMPAN TEMPLATE.
- Selesai. Silahkan buka blog anda untuk melihat hasilnya.
Pasang Alexa Traffic Rank
Sebelumnya akan saya jelaskan terlebih dahulu apa yang dimaksud Alexa traffic rank,yaitu sebuah peringkat yang dibuat oleh alexa.com berdasar kan kunjungan website kita dan data kunjungan kita itu berdasarkan jutaan pengunjung yang memasang toolbar alexa traffic rank pada blog mereka,alexa traffic rank sangat berbeda dgn sitemeter bahkan bisa dibilang kebalikannya,peringkat alexa dimulai dari satu,berarti angka satu yang paling bagus peringkatnya jadi semakin kecil angkanya berarti semakin bagus blog tersebut,,supaya gak penasaran silakan pasang linknya seperti langkah berikut ini:
1. Silakan sign in di sini untuk ke Alexa.com
2.Di halaman Site Widgets ada 3 pilihan widget
3.Silakan pilih salah satu untuk mendapatkan kode HTMLnya
4.Isi alamat bloh anda tanpa http:// atau www
5.Klik tombol Build Widget
6.Silakan copy kode HTMLnya
7.Copy kode tersebut ke blog anda dgn cara seperti biasa tp akan saya jelaskan lagi
disini Layout->Page Element->Add Gadget->HTML/Javasript->Save setting
8.Selesai silakan lihat traffic alexa rank anda
Catatan: Jika nilai traffic rank anda 9 berarti itu belum nilai traffic rank blog anda tetapi masih nilai blogger.com tunggu beberapa waktu nanti nilai nya akan berubah ke nilai aslinya
GOOD LUCK!!
Cara Pasang dan Daftar Sitemeter di Blog
Untuk mengetahui berapa banyak pengunjung dan asal pengunjung yang telah mengunjungi blog anda karna semakin banyak pengunjung yang mengunjungi blog anda semakin tinggi traffic blog anda maka diperlukan yang disebut site meter, berikut cara daftar dan pasang sitemeter di blog:
1. Sign up disini www.sitemeter.com atau klik disini pilih sitemeter basic Free
2. Isikan data2 blog / web anda kemudian next sampai semua data terisi lengkap
3. Setelah semua diisi lengkap akan muncul pesan Success! Thank You.
4 Pilih menu Manager
5. Pilih jenis sitemeter di meter style
6. Untuk mendapatkan kode HTMLnya klik di HTML code pilih Site Meter JavaScript HTML untuk yg pakai new blogger/XML/Java Script
atau Site Meter Regular HTML untuk yg pakai blogger klasik
7. Kemudian copy di blogger anda di layout->add gadget ->pilih edit HTML/Javasricp->copy kode tersebut
8.save setting
Fungsi di menu Site meter
General
Sumary : Jumlah semua pengunjung dari awal kita pasang sitemeter.
Who's On : Jumlah pengunjung pada saat ini.
Traffic Prediction : prediksi Traffic untuk blog/website kita
Recent Visitor
By Details : detail pengunjung sepeti alamat domain/IP, jumlah halaman yang dilihat, waktu kunjungan, dan lama kunjungan.
By Referrals : asal pengunjung.
By World Map : menampilkan asal kota atau negara asal pengunjung dalam bentuk peta.
By Location : menampilkan data kota atau negara asal pengunjung.
By Out Clicks : link yang diklik pengunjung pada saat meninggalkan blog.
By Entry Pages : halaman yang dituju pada saat pengunjung datang.
By Exit Pages : halaman yang terakhir dilihat oleh pengunjung.
Visits : menampilkan data pengunjung dalam bentuk diagram
Current Day : per hari
Previous 7 Days : per minggu
Previous 30 Days : per bulan
Previous 12 Month : per tahun
Visits and page views : menampilkan data kunjungan dan jumlah halaman yang dilihat oleh pengunjung
Current Day : per hari
Previous 7 Days : per minggu
Previous 30 Days : per bulan
Previous 12 Month : per tahun
Page ranking : rangking halaman berdasarkan halaman pada saat masuk (Entry page),
atau keluar (Exit Pages)
Selamat mencoba
0 komentar:
Posting Komentar