Diberdayakan oleh Blogger.

Sabtu, 25 April 2009

MEMBUAT SALAM PEMBUKA

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.








Kamis, 23 April 2009

MEMBUAT TEXT BERGERAK

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







Senin, 20 April 2009

MEMBUAT MENU DROPDOWN

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.



Untuk membuatnya kita cukup copy kode dibawah ini dan ganti option value dengan link yang akan dipasang sebelum dipastekan di blog. Untuk menambah jumlah link tinggal kita tambahkan option value sebanyak yang kita butuhkan.



<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" style="width:200px;">



<option value="">Favorit Link



<option value="http://free-blog-tutorial.blogspot.com">Blog Tutorial

<option value="http://blog1.com">Blog1

<option value="http://blog2.com">Blog2

<option value="http://blog3.com">Blog3

<option value="http://blog4.com">Blog4

</select>

</form>


Hasil dari menu dropdown seperti dibawah ini.









Minggu, 19 April 2009

REALTIME BLOG TRAFFIC DARI FEEDJIT.COM


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.











Jumat, 17 April 2009

MEMBUAT FORM LINK EXCHANGE / FORM TUKERAN LINK

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://free-blog-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:











Baca juga : MENDAFTARKAN BLOG DI BLOG DIREKTORI






MEMBUAT RECENT COMMENT DI BLOGGER

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.




Rabu, 15 April 2009

MENGHIAS BLOG DENGAN JAM (2)

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.








Tampilan di blog seperti dibawah ini.




More Goodies @ NackVision


Baca juga : MENGINSTALL ALEXA TOOLBAR




CARA POSTING KODE HTML

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 :







Baca juga : KODE WARNA HTML





Selasa, 14 April 2009

MEMASANG STATUS YM DI BLOG

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.




Untuk memasangnya kita cukup Copy kode dibawah ini dan pastekan di blog.
Kodenya adalah sbb :



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



Ganti id_YM dengan id YM anda dan angka 1 bisa diganti 1-24, Pilih fitur yang
paling anda sukai.


Contoh status YM di Blog adalah seperti dibawah ini.



No 1 :




No 2 :





No 3 :




No 4 :




No 24 :





Baca Juga : MEMBUAT SEARCH BOX DI BLOG





Sabtu, 11 April 2009

MENGGANTI WARNA NAVBAR BLOGSPOT

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