Selasa, 28 Februari 2012
Sidikalang Dairi Kota Indah taman wisata iman sumbul
Aku terlahir disana dan besar disana hingga saat ini
Jumat, 24 Februari 2012
Membuat Kotak Blogroll
Setelah sebelumnya telah diposting mengenai Cara Membuat Dropdown Menu, kali ini akan diposting Cara Membuat Kotak Blogroll. Seperti namanya kotak ini berisikan link blog. Namun selain link bisa diisi yang lain sepertiDaftar Isi Artikel dll.
Karena ini berupa kotak yang bisa diatur besarnya tentu sangat menghemat ruang/space blog kita.
Karena ini berupa kotak yang bisa diatur besarnya tentu sangat menghemat ruang/space blog kita.
Cara membuatnya :
- Login dulu di Blogger.com / Blogspot.com
- Klik menu "Page Element"
- Pilih Add Page Elements --> HTML/JavaScript
- Copy script dibawah ini
<a href="http://fanttupa.blogspot.com/2012/02/cara-memasang-jam-di-blog.html">Cara Memasang Jam di Blog</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/cara-memasang-google-translator-di-blog.html">Memasang Google Translator 1</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/membuat-animasi-halaman-blog.html">Membuat Animasi Halaman Blog</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/membuat-read-more-potongan-artikel.html">Membuat Read More</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/membuat-teks-berjalan-pada-blog.html">Membuat Text Berjalan</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/membuat-navigation-bar-menjadi.html">Nav Bar Menjadi Transparan</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/membuat-kotak-blogroll.html">Membuat Kotak Blogroll</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/membuat-google-translator-2.html">Membuat Google Tanslator 2</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/read-more-automatic.html">Membuat Read More Automatic</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/auto-hide-nav-bar-blogspot.html">Auto Hide Nav Bar</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/membuat-tab-view.html">Membuat Tab View</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/pasang-kalender-di-blog.html">Pasang Kalender di Blog</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/mengetahui-statistik-pengunjung.html">Mengetahui Statistik Pengunjung</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/membuat-daftar-isi-blog.html">Membuat Daftar Isi Blog</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/menampilkan-user-yang-online.html">Menamplkan User Yang Online</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/huruf-besar-pada-awal-postingan.html">Huruf Besar Pada Awal Postingan</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/membuat-tag-cloud.html">Membuat Tag Cloud</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/membuat-form-berlangganan-via-email.html">Membuat Artikel Berlangganan via Email</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/menampilkan-page-rank-blog.html">Menampilkan Page Rank Blog</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/cara-membuat-search-engine.html">Membuat Search Engine</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/menampilkan-status-yahoo-messenger.html">Menampilkan status Yahoo Messenger</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/membuat-menu-horizontal.html">Membuat Menu Horisontal</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/icon-unik-pada-address-bar.html">Icon Unik Pada Address Bar</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/menampilkan-peta-pengunjung.html">Menampilkan Peta Pengunjung</a>
<hr />
<a href="http://fanttupa.blogspot.com/2012/02/judul-artikel-sebagai-judul-blog.html">Judul Artikel Sebagai Judul Blog</a>
<hr />
</div>
Tulisan warna biru adalah script membuat kotak blogroll.
Tulisan warna merah adalah script link kamu, silahkan ganti dengan punya kamu.
SIMPAN
Hasilnya seperti ini:
Membuat Artikel Berhubungan
Membuat Menu Dropdown
Membuat Text Link Berkelap-kelip
Efek Salju Pada Blog (1)
Memberi Higlight Pada Postingan
Memasang Jam di Blog
Memasang Google Translator 1
Membuat Animasi Halaman Blog
Membuat Read More
Membuat Text Area
Membuat Text Berjalan
Nav Bar Menjadi Transparan
Membuat Kotak Blogroll
Membuat Google Tanslator
Menghilangkan Navbar
Membuat Read More Automatic
Tambah Ekspresi Dengan Smiley
Auto Hide Nav Bar
Menghapus Angka Label
Membuat Menu Vertikal
Menampilkan IP Address
Membuat Tab View
Pasang Kalender di Blog
Efek Salju Pada Blog 2
Menghilangkan Nav Bar
Mengetahui Statistik Pengunjung
Membuat Daftar Isi Blog
Menamplkan User Yang Online
Huruf Besar Pada Awal Postingan
Membuat Tag Cloud
Membuat Artikel Berlangganan via Email
Menampilkan Page Rank Blog
Membuat Search Engine
Menampilkan status Yahoo Messenger
Membuat Menu Horisontal
Membuat Shout Box
Icon Unik Pada Address Bar
Menampilkan Peta Pengunjung
Judul Artikel Sebagai Judul Blog
Keterangan:
<div style="overflow:auto;width:95%;height:150px;padding:10px;border:1px solid #eee; background:#FFCCFF">
width:95% adalah lebar kotak bisa kamu ubah pakai pixel, misal 250px
height:150px adalah tinggi kita bisa kamu ubah sesukamu
background:#FFCCFF adalah background kotak. Untuk melihat kode warna silahkan lihat disini. Atau kode background:#FFCCFF bisa dihapus kalau tidak suka.
solid pada kode border:1px solid adalah jenis/style border, kamu bisa ganti dengan style yang lain. Kalau mau ganti style border lihat disini.
Selamat Berkreasi
Membuat Menu Horizontal
Kamu ingin buat menu horisontal............. seperti ini nihcontohnya. Oke yuk kita lanjutkan...
- Login ke blogger
- Pilih Layout --> Edit HTML
- Centang pada kotak "Expand Widget Templates".
Menampilkan Status Yahoo Messenger
Jika kamu ingin menampilkan status Yahoo Messenger sehingga pembaca tau bahwa kamu lagi online atau offline saat ini.....?
begini to caranya...
- Login ke blogger
Cara Membuat Search Engine
Siapa yang gak tau Google…..? Pasti deh gak ada yang gak tau. Kalau gak tau wah kebangetan sekali. Google adalah merupakan mesin pencari terbaik dan terpopuler saat ini. Nah postingan kali ini kita akan Membuat Search Engine sehingga pembaca blog kamu bisa dengan mudah mencari artikel cukup dengan mengetik keyword.
Ikuti langkah berikut:Menampilkan Page Rank Blog
Ingin Menampilkan Page Rank (PR) blog kamu.
Begini caranya:
Langkah Pertama:
- Kunjungi situs http://www.prchecker.info/pagerank-check-button.php
- Pada halaman situs tersebut ada tulisan Pagerank Icons - Add one to your site - It's FREE!
- Dibawah tulisan tersebut ada logo beserta kode HTML
Membuat Form " Berlangganan Via Email "
Apakah kamu ingin memberi layanan langganan artikel via email kepada pembaca. Dengan demikian setiap kamu posting artikel baru, otomatis pembaca akan mendapat kiriman artikelmu ke emailnya. Nah pingin tau cara membuatnya....
Langkah Pertama:
- Kunjungi situs http://www.feedburner.com
- Setelah masuk ke situs tersebut maka kamu disuruh mengisikan alamat feed blogmu. Biasanya
Membuat Tag Cloud
Apa itu Tag Cloud....? Itu lho Kategori atau Label yang tulisan bisa besar atau kecil tergantung dari banyaknya artikel atau postingan pada Kategori atau Label tersebut. Semakin banyak postingan pada Label tersebut tulisan akan menjadi semakin besar pula.
Nih lihat contoh gambar di bawah ini....
Huruf Besar Pada Awal Postingan
Kadang-kadang kita bosan dengan tampilan atau gaya tulisan pada postingan kita. Jika kamu ingin menampilkan gaya tulisan yang berbeda seperti layaknya di koran, yaitu dimana pada huruf awal artikel biasanya dipakai huruf yangBESAR. Ikuti tutorial Cara Membuat Huruf Besar Pada Awal Postingan.
Seperti dibawah ini.
Menampilkan User Yang Online
Widget user online diperlukan oleh sebuah blog untuk mengetahui jumlah pengunjung yang sedang online di blogkita. Anda mau menampilkan widgets user online…?
Kalau gitu ikuti langkah-langkah berikut:
Kalau gitu ikuti langkah-langkah berikut:
Langkah Pertama:
Membuat Daftar Isi Blog
Kadang-kadang kalau blog kita sudah banyak berisi artikel, kita akan kewalahan terus meng-update daftar isi secara manual. Disamping itu pengunjung mungkin rada bosan mencari-cari artikel yang diinginkan karena kebanyakan. Untuk mengatasi hal tersebut sebaiknya anda pasang daftar isi secara automatis. Coba aja lihat contoh daftar isi ini.
Pasang Kalender di Blog
Mau pasang kalender di blog kamu.....
Gampang dan simple caranya.
Langkah Pertama:
- Kunjungi situs http://www.free-blog-content.com
- Setelah berada di situs tersebut lihat-lihat dan trus pilih yang kamu sukai. Ada Animated Calendars,
Membuat Tab View
Apa itu Tab View…? Apa ya…..
Atau lihat deh contohnya disini, lihatDaftar Isi di side bar kanan. Dalam Tab View bisa kita tampilkan Link, Komentar, Artikel postingan, Banner dll. So, karena berbentuk sebuah kotak yang bisa kita atur besarnya sehingga dapat menghemat ruang sidebar blog kita.
Atau lihat deh contohnya disini, lihatDaftar Isi di side bar kanan. Dalam Tab View bisa kita tampilkan Link, Komentar, Artikel postingan, Banner dll. So, karena berbentuk sebuah kotak yang bisa kita atur besarnya sehingga dapat menghemat ruang sidebar blog kita.
Auto Hide Nav Bar Blogspot
Sebelumnya telah diposting Cara Menghilangkan Navbar Blogspot. Kali ini kita akan membuat Auto Hide Navbar, bagi mereka yang masih menginginkan adanya Navigation Bar.
Langkah-langkah untuk membuat Auto Hide Navbar adalah sebagai berikut :
Read More Automatic
Sebagian orang mungkin merasa agak ribet jika memakai read more, karena jika kita memposting artikel akan menggunakan kode
<span class="fullpost">
…… petikan artikel........
Mengetahui Statistik Pengunjung
Mau mengetahui dari mana aja pengunjungmu, atau mau tau apa aja yang di klik oleh pengunjung di Blog kamu. Pasang aja statistik pengunjung.
Mau tau cara buatnya.....
Langkah Pertama:
- Kunjungi situs www.sitemeter.com
Membuat Google Translator 2
Beberapa waktu lalu telah diposting caraMembuat Google Translator versi 1. Tampilan Versi 1 tersebut mungkin kurang menarik. Nah sekarang akan diposting versi 2 tentunya lebih menarik dari versi sebelumnya, karena ada gambar bendera negara segala.
1. Login ke Blogger
2. Trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "Tambah Gadget".
Icon Unik Pada Address Bar
Pada Blog di blogspot yang masih standar maka akan tampak gambar icon huruf B latar belakang warna orange. Nah jika kamu gak puas dan ingin mengganti icon tersebut, begini caranya:
Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar defaultnya.
Bagaimana cara mengubahnya?
Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar defaultnya.
Bagaimana cara mengubahnya?
Menampilkan Peta Pengunjung
Ingin Blog kamu lebih mendunia......? tampilin aja peta pengunjung sedunia. mau tau cara buatnya
Langkah Pertama:
Langkah Pertama:
- Kunjungi situs http://www.clustrmaps.com
- Klik link Get One! yang ada di bagian atas
- Kamu akan ditunjukkan 3 langkah mudah dalam memperoleh kode HTML/JavaScript yang menyusun tampilan peta pengunjung.
Judul Artikel Sebagai Judul Blog
Trik Membuat Judul Artikel Sebagai Judul Blog akan meningkatkan pencarian search engine. Dengan demikian blog kita akan lebih dikenal dong tentunya.....
Nah bagi yang ingin blognya masuk 10 Top Google, gak ada salahnya mencoba
Nah bagi yang ingin blognya masuk 10 Top Google, gak ada salahnya mencoba
- Login ke Blogger.com
- Pilih Layout -->Edit HTML
- Cari kode ini
Membuat Navigation Bar Menjadi Transparan
Beberapa waktu yang lalu sudah pernah diposting Cara Menghilangkan Navbar Blogspot, maka kini kita akan membuat Nav Bar atau Navigation Bar jadi transparan.
Ikuti Langkah-langkah berikut ini :
1. Login ke Account Blogger-mu
2. Klik Menu Layout atau Tata Letak
Membuat Teks Berjalan Pada Blog
Pernah lihat tulisan berjalan di blog. Kalau belum lihat contoh di sini. Tampak tulisan selamat datang di bawah header. Mau tau cara buatnya...?
Script 1.
<marquee>Contoh Text Berjalan</marquee>
Hasilnya :
Membuat Read More (Potongan Artikel)
Untuk Membuat Read More atau potongan artikel ikuti langkah berikut ini :
- Login ke account blogger
- Pertama, backup dulu template-mu, dengan klik DownloadTemplate
- Trus pilih menu "Layout/ Tata Letak --> Edit HTML"
- Beri tanda centang pada kotak "Expand Widget Template"
- Cari script berikut ini
Membuat Animasi Halaman Blog
Pasti ingin dong blog kamu lebih atraktif. Buat aja gambar animasi yang bisa bergerak di halaman blog kamu.
Kamu bisa meletakkannya di pojok kiri atas, kiri bawah, kanan atas ataupun kanan bawah
Mau tau cara buatnya..?
Ikuti langkah-langkah berikut ini.
Kamu bisa meletakkannya di pojok kiri atas, kiri bawah, kanan atas ataupun kanan bawah
Mau tau cara buatnya..?
Ikuti langkah-langkah berikut ini.
Langkah I:
1. Login ke Account Blogger-mu
2. Klik Layout / Tata Letak
3. Klik Edit HTML
Langganan:
Postingan (Atom)
