Diberdayakan oleh Blogger.

Jumat, 22 Mei 2009

MEMBUAT META TEXT DI BLOGGER


Meta text fungsinya yang sederhana adalah untuk memberitahukan kepada search engine yang meng index blog kita tentang garis besar isi blog, kata kunci blog dan siapa yang menulis blog tersebut. (Emangnya knapa jika ndak pasang meta text ???) ya...nggak papa sih, untuk google.com jelas bisa mendata semua informasi diatas karena blogspot adalah punya google ... tapi untuk search engine seperti yahoo, lycos, altavista, Windows Live tidak akan tahu isi blog, kata kunci apalagi penulisnya dan yang akan muncul biasanya hanya judul dan keterangannya biasanya tidak jelas menerangkan isi blog. (Oooo.. gitu ya baru tahu aku .... sama aku juga..hehe..)



Trus caranya gimana ..??



Ok, cukup copy kode dibawah ini, ganti yang dicetak tebal dengan keterangan blok sobat, baris pertama adalah keterangan atau deskripsi blog, baris ke dua kata kunci dan yang terakhir adalah penulis blog.


<meta content='Sarana Bagi kita untuk saling bertukar informasi mengenai Trik-trik atau kiat-kiat ngeblog.' name='description'/>

<meta content='Blog Tutorial, Belajar Ngeblog, Blog Widget, Blog Tool' name='keywords'/>

<meta name='author' content='Pixel'/>



Buka dashboard blog -->layout --> Edit HTML --> Download Full Template (biasa ... untuk bakup template)

Cari kode <title><data:blog.pageTitle/></title> paste kode dibawahnya dan Save.


Selamat ya ... blog sobat telah mempunyai meta text ....

Sebelum menambahkan meta text sebaiknya sobat memeriksa meta text blog di http://www.submitexpress.com/analyzer/ dan setelah ditambahkan meta text di cek lagi untuk mengetahui perbedaanya ...







Senin, 11 Mei 2009

CARA CEPAT TERINDEX DI GOOGLE SEARCH

Google.Com mempunyai tool untuk mendaftarkan blog kita agar terindex di mesin pencari google yaitu Webmaster Tool.Dengan tool ini nggak sampai 1x24 jam blog dan semua postingang kita sudah terdaftar di google.

Caranya ???







1. Langsung kita menuju lokasi http://www.google.com/webmasters/tools (kita akan dibawa kehalaman Dashboard)


2. Isikan alamat URL Blog misal "http://free-blog-tutorial.blogspot.com" Klik Add site



3. Tunggu sampai muncul "your site has been add ...." klik Verify your site



4. Pilih mode Verifikasi "Add a meta tag" akan muncul meta tag kode, blog dan copy


5. Buka dashboard blog kita -->layout --> Edit HTML --> Download Full Template (untuk bakup template)


6. Cari kode <head> dan paste kode verifikasi dibawahnya dan Save


7. Kita kembali ke webmaster tool klik tombol Verify dan tunggu sampai muncul pemberitahuan bahwa verivikasi blog kita sukses ... ses...






8. Sudah selesai .... ?? Belum. Kita akan menambahkan sitemap. Klik Sitemaps disebelah kiri.



9. Ketik atom.xml disamping alamat blog dan klik "Submit Sitemap"

10. Ini baru beres..Akan muncul "You have added free-blog-tutorial.blogspot.com/atom.xml. Reports may take several hours to update. Thank you for your patience!" yang artinya kira2 kita disuruh menunggu beberapa jam sampai Pak Google selesai memeriksanya.



Coba kita tunggu besok saja dan kita cek hasilnya di google search dengan memasukkan keyword "site:http://free-blog-tutorial.blogspot.com" kalau tidak ada yang salah akan muncul semua postingan kita di mesin pencari punya mbah google .... hehe...Trims ya Mbah.




Rabu, 06 Mei 2009

MEMBUAT RECENT POST DAN RECENT COMMENT

Seperti posting saya sebelumnya tentang membuat recent comment, banyak cara lainnya untuk membuat recent post atau recent comment. Salah satunya seperti dibawah ini. Untuk membuat recent post atau recent comment sebenarnya membutuhkan kode-kode yang sangat rumit terutama untuk orang awam seperti saya. Tapi dengan Script Generator seperti dibawah ini membuat recent post dan recent comment menjadi sangat simpel.







Kita tinggal memasukkan alamat URL blog misalnya http://free-blog-tutorial.blogspot.com dan berapa jumlah komentar atau posting terbaru yang
akan ditampilkan lalu klik Enter. Kita tinggal copy kode dan letakkan di lokasi blog yang kita inginkan. Setandarnya Script Generator adalah kode recent post, untuk recent comment tinggal kita ganti kode http://free-blog-tutorial.blogspot.com/feeds/posts/default
dengan http://free-blog-tutorial.blogspot.com/feeds/comments/default , hasil dari recent post generator seperti dibawah ini.





Tapi jangan lupa, kalau tidak keberatan tolong link balik blog ini ya. thanks.


Selasa, 05 Mei 2009

MEMBUAT GAMBAR BERJALAN

Seperti pernah kita bahas sebelumnya tentang membuat text berjalan, untuk membuat gambar berjalan kita hanya perlu menambahkan alamat url gambar tesebut. Contoh gambar dibawah ini adalah gambar banner dari blog teman kita. Kodenya seperti dibawah ini :






<marquee direction="up" onmouseover="this.stop()" width="180" onmouseout="this.start()" scrollamount="2" height="200">




<a href="http://bermaindiblog.blogspot.com" target="_blank"> <img border="0" alt="banner02" src="http://i620.photobucket.com/albums/tt284/ppipyo/Banner-002-1.gif"/></a>


<a href="http://freegamerevolution.blogspot.com/" target="_blank"><img border="0" width="155" src="http://i249.photobucket.com/albums/gg207/er_vachum_k/banner_azzalea.gif" title="Download Free PC Game"/></a>





</marquee>




Copy kode dan ganti URL gambar dengan alamat url yang mau di pasang, dan letakkan di blog melalui Layout-->Add a Gadget-->HTML/JavaScript Paste Kode dan Save.







direction="up" bisa diganti down (bergerak turun), left (bergerak ke kiri) dan right (berkerak ke kanan).

width="180" untuk menentukan lebar area

height="200" untuk menentukan lebar area dan

scrollamount="2" untuk menentukan kecepatan gerak.



Hasilnya akan seperti dibawah ini.





banner02








Jumat, 01 Mei 2009

MEMBUAT TEXT BERJALAN DI TITLE BAR

Titel bar di blog secara default berisi judul halaman blog yang kita buka. Kita dapat mengganti tulisan tersebut dengan tulisan berjalan.







Kodenya seperti dibawah ini :


<script language='javascript'>

message = "TERIMA KASIH ATAS KUNJUNGAN ANDA ^"



scrollSpeed = 100

lineDelay = 0




txt2 = ""



function scrollText(pos) {

if (message.charAt(pos) != '^') {

txt2 = txt2 + message.charAt(pos)

document.title = txt2

prt = scrollSpeed

}

else {

prt = lineDelay

txt2 = ""

if (pos == message.length-1) pos = -1

}

pos++

setTimeout("scrollText('"+pos+"')",prt)

}




scrollText(0)

</script>


Copy kode dan ganti text sesuai dengan keinginan, dan letakkan di blog melalui Layout-->Add a Gadget-->HTML/JavaScript Paste Kode dan Save.






Sekarang kita lihat blog kita. Kita lihat di title bar Browser kita akan terlihat tulisan berjalan. Trims atas perhatiannya.

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