Tutorial

Saat kita melakukan Blog Walking sering kita jumpai terdapat Salam pembuka pada blog temam kita. Untuk membuatnya ada berbagai macam cara dan salah satunya yang sangat sederhana adalah seperti di bawah ini.






<script language='JavaScript'>


window.alert(" SELAMAT DATANG DI BLOG TUTORIAL");


</script>



Copy kode diatas dan paste di Layout-->Add a Gadget-->HTML/JavaScript dan Save.

Hasilnya seperti dibawah ini.

Text bergerak atau berjalan sering kali dipakai di blog untuk membuat halaman blog lebih menarik. Kode program HTML nya simpel seperi dibawah ini.





<marquee direction="up" width="100%" scrollamount="4" height="130px" align="center">



<b>Welcome ..... Selamat Datang</b>



</marquee>



Kode HTML ini akan membuat tuliasan bergerak dari bawah ke atas. Ganti up dengan down untuk bergerak turun, left untuk ke kiri dan right untuk gerakan kekanan. scrollamount untuk mengatur kecepatan, width dan height untuk mengatur lebar dan tinggi
area text.



Hasilnya seperti dibawah ini.






Welcome ..... Selamat Datang

Menu dropdown banyak digunakan oleh para Blogger untuk mengurangi tempat didalam
halaman blog sehingga bisa dipakai untuk menampilkan tool-tool yang lainnya. Menurut saya menu dropdown sangat cocok digunakan untuk link list yang biasanya selalu bertambah banyak setiap harinya, maka akan sangat menyingkat ruang jika kita menggunakan menu dropdown.

Feedjit.com adalah salah satu penyedia layanan realtime blog trafific yang sangat menarik untuk kita pakai di blog. Dengan memasang widget dari Feedjit.com yang menyediakan 4 jenis Widget yang dapat kita pilih sesuai kebutuhan kita,


Kita akan dapat manfaat yang sangat besar manfaatnya bagi pemilik blog terutama untuk mengetahui statistik pengunjung.

Untuk memasang Widget dari Feedjit.com langsung saja kita menuju lokasi http://feedjit.com/joinjs/, Pilih widget yang kita inginkan :


-Live Traffic Feed : Untuk mengetahui lokasi ISP pengunjung, dari link mana pengunjung masuk dan keluar dari blog kita.

- Live Traffic Map : Map/peta lokasi pengunjung.

- Recommended Reading : Artikel yang sedang dibaca pengunjung.

- Page Popularity : PErsentadi halaman blog yang di buka pengunjung.


Setelah kita pilih widget yang kita inginkan, kita bisa setting warna dan lebar widget dengan klik First Customize it!

Selanjutnya Copy script, dan letakkan di bagian blog yang kita inginkan.



Hebat...hebat..Feedjit.com memang baik hati ya ..he..he..

Salah satu contoh Widgetnya seperti dibawah ini.

Salah satu cara yang sangat ampuh untuk memingkatkan trafic dan Alexa Rank adalah saling bertukar link atau link exchange. Cara yang paling sederhana adalah dengan menambahkan alamat URL blog teman ke dalam link list. Tetapi akan lebih menarik jika kita menggunakan banner yang ukurannya kecil untuk saling bertukarlink. Cara membuatnya adalah sbb :






1. Buat banner yang kita inginkan, tapi sebaiknya yang kecil saja gara tidak banyak
memakan tempat.


2. Upload banner yang telah kita buat keserver igae hosting seperti imageshack.us,
photobucket.com, picasaweb.google.com atau yang lainya.


3. Copy kode dibawah ini dan ubah sesuai kebutuhan.





<textarea rows="5" cols="20"><a href="http://the--tutorial.blogspot.com" title="Blog Tutorial">
<img border="0" src="http://2.bp.blogspot.com/_bL0lqaUaUYg/SejKrLU_ydI/AAAAAAAAAT0/T-RQtAOc_YQ/s320/blogbanner.JPG"/></a>
</textarea>





4. Jangan lupa ganti alamat URL banner, URL blog dan titel.


5. Paste di lokasi blog yang kita inginkan.


Hasilnya bisa dilihat bibawah ini.



Link akan tampak seperti:








<a href="http://the--tutorial.blogspot.com" title="Blog Tutorial"><br /><img border="0" src="http://2.bp.blogspot.com/_bL0lqaUaUYg/SejKrLU_ydI/AAAAAAAAAT0/T-RQtAOc_YQ/s320/blogbanner.JPG"/></a><br />

Baca juga : MENDAFTARKAN BLOG DI BLOG DIREKTORI

Recen Comment sangat sering digunakan oleh blogger untuk mengetahui kementar-komentar terbaru. Banyak kode-kode HTML yang bisa digunakan untuk menampilkan komentar terbaru. Tapi ada cara yang sangat mudah untuk menampilkan komentar terbaru (Recnt Comment) Caranya seperti posting saya yang terdahulu MEMASANG RSS FEED DI BLOGSPOT :





1. Buka Layout blogger kita, dan klik add a Gadget di lokasi yang kita inginkan.


2. Akan tampil halamam baru dan kita pilih FEED(Add content from an RSS or Atom feed to your blog.)


3. Kita masukkan alamat http://alamat-blog-anda.blogspot.com/feeds/comments/default Kemudian klik Continue.


4. Klik Save.


5. Selesai, Lima dari Komentar terakhir akan tampil dihalaman Blog.

Baca juga : Mengganti Warna Navbar Blogspot.

Seperti posting saya sebelumnya Menghias blog dengan jam, Ini juga alternatif untuk menambahkan jam di blog agar kelihatan lebih menarik. Alamat situs penyediannya adalah http://www.nackvision.com/goodies/clocks/ kita tinggal memilih style yang kita inginkan dan copy kode lalu kita letakkan diblog.

Sering kali terutama posting yang membahas masalah tutorial kita harus memasukkan kode-kode HTML di dalam posting. Jika kita tulis kode HTML apa adanya yang akan muncul adalah hasil dari kode tersebut. Untuk itu sebelum kita posting kode tersebut harus kita rubah dahulu. Cara manualnya adalah dengan mengganti kode-kode yang akan diterjemahkan oleh browser yang kita pakai.

Contohnya :




< diganti dengan &lt;

> diganti dengan &gt;

" diganti dengan &quot;


dll.

Untuk kode yang sederhana mungkin kita bisa melakukannya, tapi untuk kode-kode HTML yang banyak rasanya sangat membosankan sekali.

Cara yang paling mudah adalah :

1. Menggunakan TOOL Encode HTML, Banyak situs yang menyediakan tool tersebut diantaranya :


- http://centricle.com/tools/html-entities/

- http://www.eblogtemplates.com/blogger-ad-code-converter/

- http://www.blogcrowds.com/resources/parse_html.php



Kita tinggal masukkan kode HTML yang akan di posting dan klik Encode, dalam sesaat akan jadi kode yang siap untuk diposting.



Contohnya kode :



<a href="ymsgr:sendIM?id_YM">

<img border=0 src="http://opi.yahoo.com/online?u=id_YM&m=g&t=1" /></a>



Untuk tampil diposting kodenya adalah :



&lt;a href=&quot;ymsgr:sendIM?id_YM&quot;&gt;

&lt;img border=0 src=&quot;http://opi.yahoo.com/online?u=id_YM&amp;m=g&amp;t=1&quot; /&gt;&lt;/a&gt;

2. Menggunakan text area :


Caranya seperti dibawah ini.





<textarea rows="5" cols="30">
<a href="ymsgr:sendIM?id_YM">
<img border=0 src="http://opi.yahoo.com/online?u=id_YM&m=g&t=1" /></a>
</textarea>



akan tampak seperti :




<br /><a href="ymsgr:sendIM?id_YM"><br /><img border=0 src="http://opi.yahoo.com/online?u=id_YM&m=g&t=1" /></a><br />

Baca juga : KODE WARNA HTML

Yahoo Messenger merupakan salah satu aplikasi chatting dari Yahoo.com yang banyak digunakan oleh para pengguna internet untuk melakukan komunikasi. Kita dapat memasang status YM di blog, sehingga pengunjung tahu apakah kita sedang online atau tidak.

Warna Default navbar blogspot adalah biru, jika kita kurang suka kita bisa menggantinya dengan warna yang lain. Caranya adalah, Masuk ke Customise blogger anda, Kemudian Layout --> Page Elements,

Klik edit pada Navbar, akan muncul window baru dan pilih warna Navbar yang kita sukai.

Klik save.

Untuk mengganti Warna dan ukuran Font standard, Klik layout --> Fonts and Colours,
Tinggal kita pilih warna-warna yang kita inginkan. Save.

Baca Juga : MEMASANG RSS FEED DI BLOGSPOT

Salah satu cara Untuk meningkatkan Alexa rank Blog atau situs kita adalah dengan
menginstall Alexa Toolbar di komputer kita dan menjadikan Blog kita sebagai homepage nya. Alexa toolbar juga memudahkan kita untuk mengetahui berapa Alexa rank Situs atau blog yang kita buka karena langsung akan terdeteksi oleh Alexa Toolbar yang kita install.

Jadi saat kita melakukan Blog Walking kita bisa meninggalkan jejak pada Blog-blog yang mempunyai Alexa rank yang lebih tinggi dari blog kita, ini juga salah satu cara untuk meningkatkan Alexa rank blog kita.

Alamat Downloadnya di : http://www.alexa.com/toolbar/

Baca Juga : CARA MEMASANG ALEXA WIDGET

Searchsignht.com merupakan salah satu Search Engine yang cukup terkenal dikalangan blogger karena merupakan salah satu media promosi dan sangat mudah untuk cepat terindex di dalam database nya. Searchsignht.com juga mempunyai Search box yang bisa di pasang di blog kita. Seperti posting saya tentang search box dan yahoo search, cara memasang search box dari Searchsignht.com juga sangat mudah yaitu :


- Masuk ke http://searchsight.com/searchform.htm

- Pilih satu dari dua style yang tersedia.

- Copy dan pastekan kode di blog.

- Search box siap untuk digunakan.

Contoh Search Box Searchsignht.com seperti dibawah ini.

Baca juga :


1. SITE METER, STATISTIK BLOG YANG SEMPURNA

2. MENDAFTARKAN BLOG DI BLOG DIREKTORI

Sering kali jika kita menambahkan tool di blog, kita harus menesuaikan warna tulisan, Latar belakang warna link dan lain-lain, kita memerlukan kode warna HTML yang sesuai degan warna yang kita inginkan. Di internet banyak situs yang menyediakan tool kode warna ini. Salah satu yang sangat mudah di gunakan adalah
http://html-color-codes.info.

Untuk mendapatkan kode warna html kita tinggal klik warna yang kita inginkan dan
kode HTML nya sudah tersedia di bawahnya.

Baca Juga MENGHIAS BLOG DENGAN JAM

Disini saya mengajak semua blogger Indonesia dan mancanegara untuk saling bertukar link Silakan isi form komentar untuk saling tukar Link, nanti link sobat sekalian akan saya pasang.



Tapi setelah itu tolong link balik blok ku ya ... plz n Thanks..

DAFTAR BANNER SAHABAT

src="http://i1148.photobucket.com/albums/o576/opalse/bannerku.gif"width="120"height="90"
/>

Untuk melakukan pencarian suatu topik atau kata tertentu pengunjung blog biasanya akan menuju ke kotak pencarian atau search box. Untuk menbuatnya cukup kita copy kode HTML di bawah ini dan letakkan di blog kita.

Kodenya sbb :




<br /><br /><form method=get action="http://alamatblog.blogspot.com/search"><br /><input type="text" class="textinput" name="q" size=29/><br /><input type="submit" name="submit" value=" Cari " class="buttonsubmit"/><br /></form><br /><br />

Dengan search Box ini pengunjung yang ingin mencari kata tertentu di dalam artikel
di blog kita tinggal memasukkan key word dan semua artikel yang mengandung kata
tersebut akan muncul sebagai search result. Alamat Blog dan lebar search Box bisa diganti sesuai kebutuhan.

Tampilan search box seperti dibawah ini.

Baca Juga MENAMBAH YAHOO SEARCH BOX DI BLOG.

Untuk mengetahui pengunjung dari negara dan kota tempat/kota pengunjung terhubung dengan internet kita dapat menggunakan Tool dari Globetrackr.com. Caranya kita hanya perlu mendaftar di Globetrackr.com untuk mendapatkan kode HTML nya.

Langkah-langkahnya adalah sbb :







1. Ketik alamat http://www.globetrackr.com di browser kita.

2. Klik register

3. Isi Username dan Password dan klik register

4. Login dengan Username dan Password yang telah kita daftarkan.

5. Klik setup web site details

6. Isi data-data blog yang akan kita pasang Globetrackr dan Save

7. Klik setup and reports

8. Klik I want to track visitors and I would like to display information about my visitors as an image

9. Ubah setingan sesuai yang kita inginkan dan klik Update preview and code

10. Copy dan paste kan kode HTML yang telah jadi di blog kita.

Setelah selesai langkah-langkah diatas tunggu beberapa hari sampai Globetrackr.com
menampilkan Lokasi pengunjung blog kita. Contoh nya seperti di bawah ini.