Tips Membuat Efek Marquee

Apa itu Marquee? mungkin buat blogger baru kata marquee tidak terlalu akrab di telinga, padahal efek marquee ini sering kita lihat pada website atau blog yang sering kita kunjungi. Marquee adalah kode HTML yang bisa membuat teks bisa berjalan, dari kiri, kanan, bawah ataupun atas.

Teks berjalan atau marquee ini banyak diminati oleh para blogger, karena sifatnya yang dinamis, selain untuk menghemat tempat juga bisa menarik pengunjung. Berikut ini ada beberapa contoh marquee yang bisa sobat gunakan untuk blog sobat.

I. Contoh Marquee dari gerakan

<MARQUEE align="center" direction="right" height="50" scrollamount="2" width="80%">

TEXT BERJALAN DARI KIRI KE KANAN

</MARQUEE>

Hasilnya :

TEXT BERJALAN DARI KIRI KE KANAN

Atribut yang biasa digunakan :

1. Widht = lebar blok teks dalam pixel atau persen
   
   
2. Title = pesan yang akan muncul saat mouse berada di atas teks
   
   
3. Direction = “left / right / up / down” untuk arah gerakan teks
   
   
4. Scrollmount = kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
   
   
5. Bgcolor = warna background teks
   
   
6. Behavior = “scroll / slide / alternate” untuk mengatur perilaku gerakan

II. Contoh Marquee dari prilaku gerakan :

<MARQUEE align="center" direction="left" height="50" scrollamount="3" width="70%" behavior="alternate">

TEXT BERJALAN MENURUT PRILAKU

</MARQUEE>

Hasilnya :

TEXT BERJALAN MENURUT PRILAKU

III. Contoh Marquee yang didalamnya terdapat link :

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

<a href="http://miscah.blogspot.com/2009/04/cara-pasang-search-engine-di-blog.html">Cara Pasang Search Engine </a>

<a href="http://miscah.blogspot.com/2009/04/trik-membuat-read-more.html">Trik Membuat Read More (Template Baru) </a>

<a href="http://miscah.blogspot.com/2009/04/membuat-favicon.html">Cara Membuat Favicon </a>

<a href="http://miscah.blogspot.com/2009/04/cara-membuat-label-kategori.html">Cara Membuat Label (Kategori) </a>

<a href="http://miscah.blogspot.com/2009/04/mengganti-template-blogspot.html">Mengganti Template Blogspot </a>

<a href="http://miscah.blogspot.com/2009/04/cara-pasang-banner-di-blog.html">Cara Pasang Banner di Blogspot </a>

<a href="http://miscah.blogspot.com/2009/04/tutorial-membuat-text-area.html">Tutorial Membuat Text Area </a>

<a href="http://miscah.blogspot.com/2009/04/kode-html-tampil-di-postingan.html">Kode HTML Tampil di Postingan </a>

<a href="http://miscah.blogspot.com/2009/04/link-berkelip-warna-warni.html">Link Berkelip Warna-Warni </a>

</marquee>

Hasilnya :
(arahkan mouse kesini)
Cara Pasang Search Engine

Trik Membuat Read More (Template Baru)

Cara Membuat Favicon

Cara Membuat Label (Kategori)

Mengganti Template Blogspot

Cara Pasang Banner di Blogspot

Tutorial Membuat Text Area

Kode HTML Tampil di Postingan

Link Berkelip Warna-Warni



Selamat Mencoba !

Read more »

Verified Member Alertpay

Sebenarnya untuk menjadi verified member Alertpay tidaklah susah, sobat hanya harus menyiapkan dokumen pribadi sobat, seperti KTP atau SIM, data tagihan apa saja yang didalamnya tercantum nama sobat seperti tagihan telpon, listrik, PDAM atau tagihan kartu kredit sobat.

Untuk menjadi verified member silahkan sobat login ke www.Alertpay.com, setelah login ke Alertpay, sobat akan melihat pada halaman depan account sobat tampilan seperti ini :




berarti status sobat belum terverifikasi, untuk menjadi verified member klik verified, kemudian sobat akan dibawa ke halaman seperti berikut :




Klik Photo ID kemudian tekan next atau enter, dan kemudian akan ada halaman seperti dibawah ini :




ada 4 pilihan yaitu : Driver License ( SIM ), Passport, State ID ( KTP ), dan Country ID ( bisa juga KTP Nasional ). Pilih salah satu yang sobat punya,kemudian browse dan ukuran file tidak boleh lebih dari 5 Mb, jadi setelah sobat scan harap diperhatikan ukuran filenya. Klik next dan kemudian akan ada halaman preview hasil upload file sobat tadi, jika sudah yakin bisa klik tombol finish. sobat berhasil mengupload File ID sobat.

Untuk mengupload Proof Of Address sobat bisa klik menu verified lagi. Kemudian akan ada halaman seperti di bawah :




Sekarang klik Proof Of Address untuk memasukkan data tagihan bulanan sobat, seperti ini tampilannya :




pilih salah satu yang sobat punya :

• Utility Bill : tagihan PLN, PDAM, PBB, atau apa saja yang didalam tagihan tersebut tertera nama sobat dan alamat sobat.

• Phone Bill : tagihan telpon sobat, bisa tagihan kartu pasca bayar, atau tagihan telpon lainnya yang tertera nama dan alamat sobat.

• Credit Card Statement : tagihan kartu kredit sobat yang tertera nama dan alamat sobat.

• Bank Statement : tagihan apa saja dari Bank yang ada nama sobat dan alamat sobat.

semua data yang diminta adalah data 3 bulan lalu. kemudian pilih browse dan cari data sobat yang sudah di scan tentunya,
tekan tombol next dan akan muncul preview hasil upload file sobat. sobat bisa klik finish jika sudah yakin akan data sobat. Dan kemudian sobat
akan dibawa pada halaman seperti dibawah :




Tunggulah 10 hari kerja ( sabtu, minggu dan hari libur tidak termasuk hari
bisnis). Jawaban akan di konfirmasikan ke email sobat. Jika disetujui maka
status sobat akan menjadi verified. Sambil menunggu verified dari Alertpay,
sobat bisa mengikuti bisnis PTC yang saya informasikan.

Read more »

Mengapa Blog belum terindex?

Ada pertanyaan dari seorang teman, yaitu Mengapa Blognya belum terindex?. Pertanyaan ini susah-susah gampang untuk dijawab, saya akan mencoba memberikan jawaban pada tips blogger kali ini. Menurut google itu sendiri, ada beberapa sebab kenapa suatu blog atau situs belum terindex, kamu bisa melihat secara jelasnya di google webmaster tools.Beberapa cara sederhana yang memudahkan agar sebuah blog

Read more »

ALEXA Rank

Apa itu Alexa Rank ? sebagian para blogger baru mungkin banyak yang masih bertanya-tanya tentang Alexa rank. Menurut beberapa sumber, Alexa rank itu adalah sebuah peringkat website atau blog yang dibuat oleh Alexa. Dasarnya untuk mengetahui jumlah banyaknya pengunjung website atau blog kita. Sudah banyak yang menggunakan Alexa untuk mengetahui peringkat blog mereka, dari yang peringkatnya masih rendah atau yang sudah tinggi.

Semakin kecil angka yang tercantum pada Alexa, maka semakin tinggi peringkat blog kita. Jadi dengan dipasangnya Widget Alexa pada blog kita, maka akan semakin mudah kita memantau perkembangan blog kita. Tapi seberapa penting kah Alexa rank terhadap blog kita ?

Menurut saya pribadi, Alexa rank bisa kita jadikan tolak ukur blog kita untuk mengetahui seberapa terkenalnya blog kita di mata pengunjung. Berarti semakin tinggi Alexa rank blog kita, artinya ada banyak artikel menarik yang selalu dibaca oleh pengunjung. Coba jika sobat, tertarik pada 1 artikel pada sebuah blog, pastinya sobat akan mengingat alamat blog tersebut dan judul artikel yang sobat sukai, dan suatu saat sobat akan kembali membuka halaman dari website / blog tersebut lagi untuk sobat baca kembali isi artikelnya.

Nah, itu dia maksud dari tulisan saya ini. Intinya sobat harus bisa membuat tulisan atau artikel yang akan mengundang banyak orang untuk membacanya sehingga membuat orang untuk kembali dan kembali lagi untuk mengunjungi website / blog sobat. 

Pasang Alexa Toolbar pada blog sobat yang bisa sobat dapatkan langsung dari Alexa.com, atau bisa langsung mendownloadnya pada link dibawah ini.


Untuk pengguna Internet Explorer :




Untuk pengguna Mozilla Firefox :




Dengan dipasangnya Alexa Toolbar pada browser sobat, maka akan menguntungkan website / blog yang sering kita kunjungi, tapi saya yakin sobat akan lebih sering mengunjungi blog sobat sendiri ketimbang blog orang lain. Tapi terlepas dari itu semua, yang paling penting adalah buatlah artikel yang jujur, jangan menjiplak dari blog orang lain. 

Sobat juga bisa mendaftarkan blog sobat ke berbagai search engine terkenal, seperti Google, Yahoo dan MSN. Tentang mendaftarkan blog ke berbagai search engine sudah saya bahas pada tulisan sebelumnya. Bisa juga dengan ikut dalam forum seperti Friendster, Facebook, Myspace, dll sebagai ajang untuk promosi, tapi jangan terlalu sering promosinya karena bisa dianggap Scam.

Setelah menulis artikel yang bagus, kemudian promosikanlah blog sobat ke berbagai situs iklan gratis, atau bisa memakai layanan yang mengeluarkan kocek sedikit, misalnya pasang iklan di KlikSaya, Kumpulblogger atau kalau mau lebih dahsyat lagi bisa pasang iklan di Google Adword.

Oke deh, selamat menulis artikel, tingkatkan terus traffic blog sobat.

Read more »

Link Berkelip Warna-Warni

Perhatikan semua link yang terdapat di dalam blog saya, coba sobat sorot dan lihat hasilnya.
Tampak link yang disorot akan berkelip warna-warni seperti pelangi, hehe..

Sobat bisa menggunakan jasa penyedia script gratisan yang ada di Internet yaitu dengan menggunakan jasa http://www.dynamicdrive.com, filenya bernama rainbow dalam format java script yang bisa sobat download secara gratis.

Atau jika ingin menggunakan hasil download dari saya juga tidak apa-apa, monggo mas..sama gratisnya.
Berikut beberapa langkah untuk membuat link berkelip warna-warni.

^^Langkah Pertama :

1. Download file script rainbow, klik disini untuk mendownload.
   
   
2. Kemudian extract file tersebut dari format zip menjadi file java.
   
   
   
3. Kemudian upload file tersebut ke GoogleCode.
   
   
4. Simpan alamat url yang terdapat diatas address bar. Contohnya seperti ini :
   
   

   http://miscah.googlecode.com/files/rainbow.js
   

   
   
5. Setelah itu ubahlah alamat url tadi menjadi seperti ini :
   
   

   <script src='http://miscah.googlecode.com/files/rainbow.js'/ >
   

^^Langkah Kedua :

1. Login Ke Blogger Menggunakan ID sobat
   
   
2. Klik "Tata Letak"
   
   
3. Klik "Edit HTML"
   
   
4. Cari kode seperti ini : </head>
   
   
5. Kemudian copy paste kode tadi dibawah kode </head>
   
   
6. Seperti ini hasilnya :
   

   </head><script src='http://miscah.googlecode.com/files/rainbow.js'/>

7. Setelah itu "Simpan Template"

Selamat Mencoba !

Read more »

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.

Read more »

Cara Pasang Jam di Blog

Agar blog sobat terlihat cantik dan enak dilihat, sobat bisa mencoba dengan memasang jam pada blog sobat. Wuih terlihat cantik, emangnya dian sastro.. what ever lah. Ada banyak layanan online yang menyediakan script jam untuk di pasang di blog, salah satunya adalah clocklink.

langkah pertama untuk mendapatkan kode HTML nya, silahkan simak caranya berikut ini :

1. Login ke www.clocklink.com
2. Klik tulisan Want a Clock on Your Website?
3. Kemudian pilih model jam yang akan sobat pasang pada blog.
4. Setelah itu klik tulisan View HTML Tag.
5. Lalu klik Accept.
6. Pilih zona waktu, untuk Indonesia bagian barat GMT +7:00
7. Bisa juga sobat klik radio button Select by the City --> lalu pilih Indonesia sebagai country dan Jakarta sebagai city
8. Set ukuran jam disamping tulisan Size.
9. Copy kode HTML nya ke dalam notepad.

Langkah kedua, silahkan sobat login ke Blogger.

1. Klik Tata Letak.
2. Klik tab Elemen Halaman.
3. Lalu klik Tambah Gadget.
4. Pilih yang HTML/Javascript.
5. Kemudian copy paste kode yang tadi sobat dapat dari clocklink.
6. Save.

Selamat Mencoba !! have a nice day..

Read more »

Cara Pasang Meta Tag

Semua tahu bahwa meta tag sangat berperan penting dalam posisi kita di search engine. Meta tag sendiri adalah identitas dari blog kita. Ada berbagai cara yang di ajarkan oleh master SEO tentang cara pemasangan meta tag pada kode HTML blog kita, tapi saya akan coba membantu buat sobat yang belum tahu caranya memasang meta tag pada blog.

Tidak perlu teknik tingkat tinggi untuk melakukan pemasangan meta tag ini, karena caranya sangat mudah, mudah menurut saya..hehe
Untuk memasangnya kita cukup sedikit mengedit kode HTML blog kita.
Berikut langkah-langkahnya

1. Login ke Blogger dengan ID Blogger sobat.

2. Masuk ke halaman "Edit HTML".

3. Cari kode <title><data:blog.pageTitle/></title>

4. Ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

5. kemudian pasang kode meta tag dibawah ini tepat dibawah kode tadi

<meta expr:content='data:blog.pageTitle + " - Deskripsi blog kamu disini"' name='description'/>
<meta expr:content='data:blog.pageTitle + ", Keyword 1, keyword 2, keyword 3, dst "' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Contohnya seperti ini :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

<meta expr:content='data:blog.pageTitle + " - Deskripsi blog kamu disini"' name='description'/>
<meta expr:content='data:blog.pageTitle + ", Keyword 1, keyword 2, keyword 3, dst "' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

6. Jangan lupa "Save Template" setelah selesai memasang meta tag.

Selamat Mencoba !

Read more »

Dapat ratusan-ribuan dollar dari jualan Link

Ada banyak cara para blogger matre kita mencari pundi-pundi dollar. Salah satunya adalah dengan cara jualan link. Dan cara ini sudah sangat terbukti, beberapa blogger bisa mengahasilkan ratusan bahkan ribuan dollar perbulannya hanya dengan menjual link pada blog mereka.Saya sendiri juga mengikuti program ini, tapi yah masih 3 digit, belum sampai ribuan seperti para master kita.Jika kamu ingin

Read more »

Daftarkan Blog ke Search Engine

Siapa yang tidak kenal dengan search engine Google, Yahoo, Bing. 3 search engine diatas yang harus sobat fokuskan untuk promosi blog. Dari statistik, saat ini Google adalah search engine yang paling banyak digunakan orang untuk mencari kata kunci atau keyword.

Dalam tulisan ini saya tidak akan menjelaskan secara detail bagaimana cara mengoptimalkannya, tapi sobat akan saya jelaskan tentang bagaimana cara melakukan promosi blog ke Google, Yahoo dan Bing.

I. Cara daftar ke Google !

Bisa dibilang Google adalah rajanya Search Engine, saya sangat menyarankan sobat untuk mendaftarkan blog sobat pertama kali di Google.

Untuk cara mendaftarnya arahkan ke http://www.google.com/addurl atau klik disini. Pada halaman formulir pendaftaran, isi alamat blog sobat dan beri komentar sesuai tema blog sobat, kemudian klik tombol Add Url.

II. Cara Daftar ke Yahoo !

Untuk mendaftarkan blog sobat ke Yahoo, syaratnya harus sudah punya account Yahoo terlebih dahulu. Kalau sobat sudah punya account di Yahoo, silahkan tuju halaman http://siteexplorer.search.yahoo.com/submit atau langsung saja klik disini. Kemudian untuk mengisi formulir pendaftarannya, perhatikan dua kolom isian yang di sediakan oleh Yahoo.

Kolom yang pertama sobat bisa isikan alamat Website atau Blog sobat, seperti ini contohnya :

http://www.namablog.blogspot.com

Kolom yang kedua sobat bisa isikan alamat sitemap sobat, contoh :

 http://www.namablog.blogspot.com/atom.xml

Kemudian klik Submit.

III. Cara Daftar ke Bing !

Search Engine bing cukup lumayan banyak dipergunakan orang sebagai mesin pencari, jadi saya sarankan sebisa sobat daftarkan juga blog sobat ke bing.
Silahkan tuju halaman http://www.bing.com/docs/submit.aspx?FORM=WSDD2 atau langsung saja klik disini.

Kemudian pada halaman formulir, isi kode verifikasi dan sobat diminta memasukkan alamat blog sobat.

 

Silahkan dicoba, semoga blog sobat segera terindeks di Google, Yahoo dan Bing.

Read more »

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

Read more »

Kode HTML Tampil di Postingan

Para Blogger yang ingin menerangkan kepada pengunjung blog yang mengharuskan adanya kode HTML di dalam postingan pasti membutuhkan tips ini. Ada 2 cara membuat kode HTML muncul di dalam postingan blog kita.
Yang pertama dengan mengganti kode - kode HTML yang akan ditampilkan dengan notasi tertentu atau bisa dengan menggunakan cara text area.

Tapi saya tidak akan menggunakan 2 cara diatas, kita akan menggunakan cara yang paling mudah, yaitu dengan menggunakan fasilitas "Parse HTML" online.

1. Siapkan kode HTML yang ingin sobat tampilkan, kemudian klik disini
2. Masukkan kode HTML yang tadi sobat copy ke dalam kotak yang tersedia dan klik Parse

Sobat akan melihat kode yang telah di parse dan siap ditampilkan ke dalam postingan, seperti ini hasilnya :

 

&lt;a href=&quot;http://miscah.blogspot.com/2009/04/tutorial-membuat-text-area.html&quot;&gt;Tutorial Membuat Text Area&lt;/a&gt; 

 

Untuk menampilkan di dalam postingan, sobat klik Edit HTML pada kotak post, kemudian masukkan kode yang sudah sobat parse, contoh gambarnya seperti ini :

 

Maka kode HTML tersebut akan tampil seperti dibawah ini :

 

<a href="http://miscah.blogspot.com/2009/04/tutorial-membuat-text-area.html">Tutorial Membuat Text Area</a>

Untuk memperhalus hasil kode tersebut caranya sangat mudah, sobat tinggal memasukkan kode tersebut diantara kode HTML ini : <code>kode yang telah di parse</code>

 

Seperti ini hasil yang sudah diperhalus :

<a href="http://miscah.blogspot.com/2009/04/tutorial-membuat-text-area.html">Tutorial Membuat Text Area</a>

Selamat Mencoba !

Read more »

Happy Earth Day

Happy earth day, Logo google hari ini tgl 22 April 2009 berubah menjadi gambar pemandangan yang asri dan berbagai macam mahluk hidup yang hidup dengan damai di dalam air yang jernih.

Selamat hari Bumi, mari kita selamatkan bumi dari berbagai hal yang dapat merusak bumi kita tercinta. Pemanasan global telah menghantui seluruh umat manusia dibumi ini. Berbagai peringatan telah disampaikan oleh bumi yang marah
seperti banjir, musim yang tidak teratur lagi, panas yang diluar normal dan hujan angin yang sangat dahsyat. Sekarang ini kita hannya dapat mencegah tapi akan sangat sulit untuk mengembalikan bumi yang bersahabat seperti dulu.





Memperingati Hari Bumi hari ini, mari kita walaupun hanya bisa sedikit mengurangi Global warming semampu kita dengan tidak mencemari udara, membuang sampah pada tempatnya, menanam penghijauan dan yang sangat meresahkan, kita hentikan ilegal logging yang sangat berperan dalam memperparah Pemanasan Global.





Selamat hari Bumi .... Happy earth day dari penulis yang kurang tahu ini...

Read more »

Tutorial Membuat Text Area

Apa itu Text Area ? text area adalah area tempat untuk menyimpan text atau tulisan baru, atau bisa dikatakan sebuah komponen HTML yang digunakan untuk menampilkan text atau kode script dalam bentuk dan format text.

Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung ke dalam postingan di blog. Jadi fungsi dari text area ini kurang lebih untuk memudahkan pengunjung mengcopy seluruh isi text.

I. Text Area standard

Untuk membuat text area, silahkan copy code di bawah ini :

<p align="center"><textarea name="code" rows="2" cols="15"> Tulis text atau kode HTML yang sobat inginkan disini </textarea></p>

berikut hasilnya :

Tulis text atau kode HTML yang sobat inginkan disini

Keterangan :

untuk "rows"=3 adalah tinggi dari text area, jadi jika sobat menginginkan text area yang lebih tinggi silahkan sobat ganti dengan angka yang lebih tinggi.

untuk cols="15" adalah lebar dari text area, jadi jika sobat menginginkan text area yang lebih lebar silahkan sobat ganti dengan angka yang lebih tinggi.

Cukup paham ? mari kita lanjutkan.

II.Text Area dengan menggunakan Highlight

Variasi lainnya dari text area yaitu dengan menggunakan tombol Highlight, jadi dimaksudkan agar lebih memudahkan untuk mengcopy seluruh isi text area hanya dengan menekan tombol Highlight.

 

Hanya dengan menekan tombol highlight maka seluruh isi dari text area akan di highlight dan tinggal di copy saja. Fungsi tombol highlight ini sangat berguna untuk mencegah tertinggalnya satu atau beberapa isi dari text area.

Silahkan copy kode HTML di bawah ini :

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></form></div>

dan seperti ini hasilnya:

simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung

Agar dapat memahami kode diatas, saya akan berikan uraian tentang kode-kode text area diatas.

1. <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.
   
   
2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi sobat jangan merubah tulisan ini.
   
   
3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika sobat ingin merubah tulisan ini silahkan ganti dengan kata yang sobat inginkan.
   
   
4. <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika sobat ingin text area sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
   
   
5. <text style="WIDTH: 150px">-->kata "WIDTH:150px" menunjukan lebar dari text area tersebut sebanyak 150 pixel, jadi jika sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang sobat inginkan. misal: "WIDTH:500px;"
   
   
6. HEIGHT: 80px --> angka "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika sobat ingin merubahnya tinggal ganti angka tersebut dengan angka yang sobat inginkan. Misal : HEIGHT:160px.

Nah itu dia sedikit penjelasan tentang Text Area. Silahkan dicoba !

Read more »

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.

Favorit LinkBlog TutorialSoko Guru SuwungWidget for Freebelajar seo - aalil blogantiqueAzzalea BlogDinda27 BlogObrolan Lepas

Read more »

Pasang meta tag yang benar pada blog

Kita semua tahu bahwa meta tag sangat berperan penting pada posisi kita pada search engine. Meta tag adalah identitas dari blog kita. Untuk pemasangan meta tag ada cara yang berbeda-beda yang diberikan oleh master SEO di dunia blogger ini, tapi saya akan mencoba membantu para pemula yang ingin memasang meta tag yang benar pada blog.Caranya sangat mudah dan tidak perlu keahlian khusus untuk

Read more »

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.

Read more »

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:








<a href="http://free-blog-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

Read more »

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.

Read more »

Cara Membuat Favicon

Buat para Blogger baru nama favicon pasti begitu asing di telinga. Sebenarnya yang namanya favicon itu letaknya tidak jauh dari address bar atau judul halaman sebuah blog. Tepat di sebelah kiri tulisan halaman url letaknya. Seperti ini contohnya :

Sekarang sobat sudah bisa membayangkan akan membuat favicon seperti apa untuk Blog sobat. Sobat bisa merancang sendiri lewat Photoshop atau kalau tidak mau repot bisa mendownload gambar di Internet.

Bagaimana caranya membuat favicon nya?
Untuk membuatnya, sobat harus punya gambar yang akan dipakai untuk membuat faviconnya. Jika sudah punya, simak baik - baik caranya berikut ini.

I. Buka browser sobat dan arahkan ke alamat www.genfavicon.com

1. klik Browse dan cari gambarnya di komputer sobat. Kemudian klik Upload Image
   
   
   
   
2. Atur sendiri gambarnya, tarik kotak view sampai penuh (besar).
   
   
   
   
3. Klik ukuran yang sobat inginkan kemudian Klik Capture & Preview. Pilih ukuran yang paling kecil saja. 
   
   
   
4. Selanjutnya klik Download: jpg dan simpan gambarnya di komputer sobat. 
   
   
   
   
5. Langkah selanjutnya adalah sobat harus mengupload gambar tersebut ke tempat penyimpanan online, contoh adalah ke Photobucket atau Google Sites.
   
   
6. Sekarang anggap saja sobat sudah menyimpan gambar sobat di tempat penyimpanan online, seperti ini contoh gambar yang telah saya simpan di google sites :
   
   
   http://sites.google.com/site/dodyfarial/image/RSS-Blue.png
   
   

II. Buka Blogger, masuk menggunakan ID sobat.

1. Pilih Tata Letak.
   
   
2. Klik Edit HTML.
   
   
3. Pada halaman HTML, sobat harus mengganti tulisan yang saya tandai dengan warna ungu dengan alamat url favicon sobat :
   
   
   <link href='http://sites.google.com/site/dodyfarial/image/RSS-Blue.png' rel='shotcut icon'/>
   
   
4. Kemudian letakkan halaman url baru sobat diatas kode </head>
   
   
5. Kemudian Save Template, mudah kan.

Selamat mencoba !!

Read more »

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

Read more »

Membuat Recent Posts dan Recent Comments

Recent posts adalah beberapa postingan terakhir blog kita dan recent comments adalah beberapa komentar terakhir dari pengunjung blog kita, termasuk komentar kita juga. Yang akan kita bahas di sini adalah membuat recent posts dan recent comments menggunakan feeds url blog kita. Caranya sangat mudah, yang sobat butuhkan adalah kode - kode seperti berikut ini :

"http://nama blog sobat.blogspot.com/feeds/posts/default"
"http://nama blog sobat.blogspot.com/feeds/comments/default"

Untuk membuatnya silahkan sobat login terlebih dahulu ke blogger.

1. Klik Tata Letak.
2. Tab Elemen Halaman.
3. Klik Tambah Gadget.
4. Pilih Tulisan Feed.
   
   
5. Kemudian isikan data berikut pada kolom kecil di atasnya
6. Untuk membuat recent posts :
   http://nama blog sobat.blogspot.com/feeds/posts/default
7. Untuk membuat recent comments :
   http://nama blog sobat.blogspot.com/feeds/comments/default
8. Jangan lupa ganti alamat yang saya tandai warna merah dengan alamat blog sobat.
9. Kemudian akan ada halaman seperti berikut :
   
   Untuk recent posts :
   
   
   
   Untuk recent comments :
   
   
   
10. Atur sesuai keinginan sobat, pada Tanggal Item dan Sumber / Pengarang Item bisa sobat contreng jika sobat ingin menambahkan tanggal dan penulis.
11. Kemudian Simpan.

Semoga bermanfaat..

Read more »

sMs luCu

Wek.............e...................e.....
cIntA itU ButA. bUta Itu MatA. Mata iTu BulaT. BulAt Itu teLur. Telur Itu Kuning. KuninG itu tAek. TaeK iTu bAu. BaU iTu kAmU......
ArtInya cinta KamU Itu bAuuuuuu.................................!!!!!!!

setelah JABOTABEK pemerintah akan membuat program 3 kota bersaudara (three sister cities) yaitu, NGAWI - CENGKARENG - CIOMAS yang apabila disingkat NGACENGMAS...........................

teganya kau............aku tlpn kau tak mau. aku sms pun kamu tak mau, dasar jahat. ok aku sadar sekarang bahwa pulsa habis harus diisi.........

cewek itu penyayang binatang
semua buaya cowok itu buaya!!
jadi siapa yang salah Donk.....??????

Mau sehat minumlah susu, mau cantik mandilah susu, mau sexy rawatlah susu, mau iseng senggolah susu, mau nikmat hisaplah susu, mau pu.......as janganlah kesusu

cinta ini, cinta adalah, cinta untuk, cinta membuat, cinta monyet, cinta bingung,#######"bacalah tanpa menggunakan kata cinta"
Pelanggan yth,
Selamat anda mendapatkan jaguar dari Pepsodent,
Silahkan kirim gusi & gigi untuk mengecek kebenaran anda sebagai pelanggan setia pepsodent

Read more »

Puisi

Di setiap langkahku hanya keresahan yang mengiringi,
Di setiap malamku hanya kegelisahan yang selalu menghantui,
Andai aku bisa kan ku raih rembulanku,
Andai aku mampu kan kuraih bintangku,
mungkin waktu tak berputar lagi,
dan mungkin dunia telah marah padaku,
disini aku bagai tersesat di tengah hutan,
tak tau arah... tak tau jalan,
merana itulah aku,
kehilangan cinta dan cita,
membuat aku tak bisa hidup lebih lama.

Apa kamu menganggap aku sudah mati rasa,
Apa kamu kira aku nggak punya rasa sakit,
Kejam................... sungguh kejam,
Kau buat aku seperti ini,
Kau sakiti perasaanku,
Sulit.........................sungguh sulit,
Kau tak bisa mengerti aku,
Kau tak pernah tau isi hatiku,
Kasih...........,
Jangan kau begitu kesemua lelaki,
Karena lelaki juga ingin di CINTA,DIMENGERTI,dan DISAYANG,
Andai hatiku terbuat dari batu,
Mungkin aku tak kan seperti ini,
ku takkan hiraukan smua,
Ku takkan menahan rasa sakiiiiit,
asalkan aku bahagia, aku senang.............

Sang mentari berputar tanpa lelah,
begitupun dengan yang tak pernah lelah tuk menCINTAI-MU,
Sebening embun pagi......<}}>itulah Cintaku,
Yang tulus dan SUCI,
dan mungkin dunia akan menjadi miliku,
jika kau selalu bersamaku,
DaN MungKin Hari-haRI ku AkaN selaLU CeraH DaN ceria,
jika kau selalu mendampingi aku,
K A S i h. . . . . . .
Jangan TINGGALKAN AKU dan JANGAN LUUUUPAKAN AKU,
Karena ku ingin kau slalu jadi miliku
S-----------------L=--------A=------M=..a....n y....a,,,,,,,

Read more »

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 :




<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

Read more »

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

Read more »

Menambah penulis atau author pada blog

Bagaimana cara menambah penulis atau author pada blog?. Biasanya jika kita ingin berbagi blog kita agar orang lain atau blogger lain bisa ikut menulis pada blog yang kita miliki, kita harus melakukan tips atau trik ini.Sebenarnya caranya sangat mudah, tapi mungkin para pemula belum bisa melakukannya, untuk itu saya akan mencoba sedikit berbagi.Jika kamu ingin menambah penulis pada blog, silahkan

Read more »

Cara Membuat Read More (Template Baru)

Apa sih Read More itu dan untuk apa read more itu dibuat? read more adalah kata yang dipakai untuk mempersingkat tulisan pada Blog atau Website. Atau dengan kata lain, fungsi dari read more sendiri adalah membagi postingan menjadi 2 bagian. Bagian pertama pembukaan dan bagian kedua tampilan postingan secara penuh atau lengkap.

 

Misalnya pstingan pada blog ini, saya memakai kata read more dibawah tulisan ini untuk membawa pembaca ke isi tulisan secara lengkap. Selain untuk menghemat halaman blog, read more juga bisa membuat pengunjung jadi penasaran isi selengkapnya dari postingan kita.

 

I. Setting Pada Pengaturan

1. Login Ke Blogger Menggunakan ID sobat
   
   
2. Klik Pengaturan
   
   
3. Kemudian klik Format
   
   
4. Pada layar kosong paling bawah pada halaman Format, disamping tulisan Template Posting isi dengan kode berikut :
   
   
   <span class=”fullpost”>
   
   
   </span>
   
   
   
5. Kemudian Simpan Pengaturan

II. Meletakkan Kode Read More

1. Klik Tata Letak.
   
   
2. Kemudian Klik Edit HTML, simpan dulu template sobat dengan mengklik Download Template Lengkap.
   
   
3. Beri tanda centang pada Expand Template Widget.
   
   
4. Cari kode dibawah ini pada template sobat.
   
   <data:post.body/>
   
   
5. atau kode berikut, sama saja
   
   <p><data:post.body/></p>
   
   
6. Hapus Kode diatas dan ganti dengan kode dibawah ini :
   
   
   <b:if cond='data:blog.pageType == "item"'>
   <style>.fullpost{display:inline;}</style>
   <p><data:post.body/></p>
   <b:else/>
   <style>.fullpost{display:none;}</style>
   <p><data:post.body/>
   <a expr:href='data:post.url'><strong>Read More...</strong></a></p>
   </b:if>
   
   
   
   
7. Kemudian Klik Simpan Template.

Tata cara penulisan

 

Perhatikan contoh postingan dibawah ini :

 

Pertanyaan yang muncul, apakah template pada blogspot bisa kita ganti, dan bagaimana cara menggantinya? ada dua cara untuk mangganti template, yang pertama kita bisa copy paste seluruh kode HTML template secara manual. Yang kedua kita bisa mendownload template, dan menguploadnya langsung dari menu ganti template dari blogger.<span class=”fullpost”>

 

Sebelum belajar menggati template di blog sobat, ada baiknya save atau download terlebih dahulu template lama sobat. Karena jika dalam penggantian template terjadi kegagalan, sobat tinggal restore kembali template lama sobat ke dalam blog……………………………………………dst </span>

 

Kode yang berwarna merah yang membagi postingan yang ingin tampil di depan dan postingan secara keseluruhan. Postingan bagian pertama di belah oleh kode <span class=”fullpost”> dan keseluruhan postingan ditutup dengan </span>

 

Sangat mudah bukan ! semoga tutorial read more ini bermanfaat.

Read more »

Mengganti Template Blogspot

Pertanyaan yang muncul, apakah template pada blogspot bisa kita ganti, dan bagaimana cara mengganti template blogger? ada dua cara untuk mangganti template, yang pertama kita bisa copy paste seluruh kode HTML template secara manual.

 

Yang kedua kita bisa mendownload template, dan menguploadnya langsung dari menu ganti template dari blogger.

 

Sebelum belajar menggati template di blog sobat, ada baiknya save atau download terlebih dahulu template lama sobat. Karena jika dalam penggantian template terjadi kegagalan, sobat tinggal restore kembali template lama sobat ke dalam blog.

Berikut cara mengganti template ke dalam blogspot.

 

1. Login ke Blogger menggunakan ID sobat.

    

2. Klik Tata Letak

    

3. Klik Edit HTML

    

4. Kemudian backup terlebih dahulu template lama sobat, silahkan lihat sebelah kanan atas ada tulisan Download Template
   
    
   
5. Untuk memasukkan template baru, Klik Browse, cari file dalam bentuk XML yang sebelumnya sudah sobat download dari layanan template, kemudian Unggah
   
    
   
6. Blogger akan menerangkan bahwa arsip, link, label, dll tidak ada pada template yang baru, apakah anda akan mempertahankannya.
   
7. Kemudian Simpan Template

Read more »