Download Counter Untuk Blogger

Unduh Counter plugin diri-host wordpress (wordpress.org) bukanlah hal baru. Dengan menginstal Unduh Counter plugin, Anda dapat menampilkan total download ke download file yang telah didownload oleh pengunjung. Bisa Download Counter diterapkan Blogger? Tentu saja, Unduh Counter dapat diterapkan untuk Blogger, Dan Anda dapat melihat sampel counter download aplikasi pada http://blogtemplate4u.com.

Untuk menerapkan download counter di blogger, Anda dapat menggunakan layanan gratis di internet. Salah satu gratis penyedia layanan adalah http://dstats.net. Dengan menginstal script dari http://dstats.net, Anda dapat menampilkan berapa banyak pengunjung men-download file yang telah didownload. Berikut adalah langkah-langkahnya:

Langkah # 1

Upload file Anda (file-file template, lagu, software, film, dll) ke penyedia hosting yang biasanya menyimpan file; Itu dapat gratis hosting atau account hosting Anda sendiri. Contoh hosting gratis untuk meng-upload file-file tersebut rapidshare.com, 4shared.com, box.net, mediafire.com, ziddu.com, dsb Salin alamat link untuk penggunaan lebih lanjut. Misalnya: Kang Rohman telah meng-upload file template untuk box.net dan memiliki link alamat sebagai berikut:
http://www.box.net/shared/v7r85aju8t

Langkah # 2

Buka http://dstats.net. Setelah Anda berada di sana, klik menu "Code generator"Untuk pergi ke halaman generator. Isi bidang dengan keinginan Anda, misalnya:

1. Pilih counter jenis → pilih pada Unduh Counter (+ lagu download file)
2. Pilih URL untuk melacak (file, atau website dll) → mengisi keluar dengan mendownload file Anda, misalnya http://www.box.net/shared/v7r85aju8t
3. Masukkan teks link → mengisi keluar dengan kata-kata Anda sendiri, misalnya "Unduh”
4. Tampilan counter pada halaman Anda? → pilih "Ya, DStats.net gaya"
5. Klik tombol "<<<Menghasilkan>>>"
6. Salin kode di area teks dimasukkan ke dalam posting Anda nanti.

Contoh hasil kode:

<a href='http://dstats.net/download.php?file=http://www.box.net/shared/v7r85aju8t'> Download </ a>

<script type='text/javascript' src='http://dstats.net/dstatsjs.php?file=http://www.box.net/shared/v7r85aju8t'> </ script>

<script type='text/javascript'> document.write (dsdlcounter (dsCounter ));</ script>

Langkah # 4

Ketika Anda posting dan ingin menempatkan download script Anda baru saja dibuat, klik tab "Edit HTML”
Silakan sisipkan kode download yang telah Anda buat di dstats.com dalam setiap bagian dari posting Anda.

Langkah # 5

Mempublikasikan posting Anda. Selesai.

Jika Anda sudah familiar dengan kode-kode HTML, sebenarnya, Anda dapat mengubah sedikit kode download. Sebagai contoh, link download dapat diubah menjadi foto anda, counter Status ditempatkan terpisah, harap lebih kreatif.

Read more... - Download Counter Untuk Blogger

PTC YANG MEMBAYAR DAN BUKAN SCAM !!!

Jika Anda bingung mencari PTC yang benar-benar membayar ( $0.001 - $1 per-klik ), di bawah ini adalah beberapa PTC site yang saya ikuti :

Jika anda tertarik & ingin bergabung silahkan klik banner di atas !!! Mari sama-sama raih receh dari internet !  

Read more... - PTC YANG MEMBAYAR DAN BUKAN SCAM !!!

Cara Membuat Text Area

Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung. Untuk membuat text area, silahkan anda Copy kode di bawah ini : <p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p> Sebagai contoh :

<a href="http://kolom-tutorial.blogspot.com" target="_blank"><img src="http://i162.photobucket.com/albums/t253/rohman24/animasichicklet.gif" border="0" alt="Blog Tutorial" /></a>

Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya. Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya. Text Area dengan memakai HighLight Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="10">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form> Sebagai contoh :

<script language="JavaScript"> function clickIE() { if (document.all) { return false; } } function clickNS(e) { if (document.layers(document.getElementById&&!document.all)) { if (e.which==2e.which==3) { return false; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS; } else{ document.onmouseup=clickNS; document.oncontextmenu=clickIE; } document.oncontextmenu=new Function("return false") </script>

Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area. Elemen tombol highlight All :

1. <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda 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 anda jangan merubah tulisan ini.

3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

Element text area :

1. <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
2. <text style="WIDTH: 300px">-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"
3. HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.

Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode <HEAD> dan </HEAD> selamat mencoba.

Read more... - Cara Membuat Text Area

Cara Pasang Meta Tag di Blogger

Meta tags merupakan cara menyampaikan infomasi penting ke search engine (Mesin Pencari) mengenai informasi suatu halaman, Ada banyak meta tag sesuai dengan standar HTML 4.0 dari World Wide Web Consortion, tapi sebenarnya yang betul-betul dipakai oleh search engine hanya 3, description, keyword, dan robots. Mengenai penjelasan meta tags karena sudah terlalu banyak yang menulis hal ini jadi saya pilih aja salah satu situs terbaik yang bisa dipercaya, informasi yang saya ambil berasal dari alamat ini http://www.promosi-web.com/ (semua penjelasan tidak ada pengeditan sebagaimana aslinya)

Meta Tag Description

Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web Anda. Ukurannya disarankan tidak lebih dari 200 karakter. Dan usahakan agar description ini bisa menjadi
kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan. Contoh penulisan meta tag description adalah sebagai berikut :
<meta name="description" content="Promosi-web.com is a search engine tutorial that explain how to get
top rangking in all major search engine and get high traffic for your web site. Available in Bahasa
Indonesia.">

Beberapa search engine seperti Nothern Light dan Google tidak memakai meta tags sebagai deskripsi hasil pencariannya. Yang mereka gunakan adalah kalimat-kalimat awal yang ada pada halaman tersebut.
Itulah sebabnya kenapa saya sarankan agar Anda menggunakan isi dari meta tag description sebagai kalimat pembuka. Dan jika bagian paling awal dari web Anda berupa sebuah menu, maka deskripsi yang
ditampilkan pada hasil pencarian Northern Light adalah seperti ini :
Home | Products and Service | Contact Us | About Us ...welcome to our online store, the best place on the
web to...

Meta Tag Keyword

Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa yang bisa menemukan halaman web tersebut pada search engine. Sintak dasar dari meta tag keyword adalah
sebagai berikut :
<meta name="keywords" content="keyword1 keyword2 keyword3 ...">
atau ada juga yang menulis dengan pemisah tanda koma :
<meta name="keywords" content="keyword1, keyword2, keyword3, ...>

Keduanya berfungsi sama dan tidak ada pengaruhnya pada search engine. Tujuan pemakaian tanda koma agar keyword-keyword tersebut lebih mudah dibaca. Yang perlu diperhatikan disini adalah jangan
mengulang sebuah kata lebih dari 3 kali, karena akan dianggap spamming. Contoh pemakaian meta tag keyword yang salah adalah :

<meta name="keywords" content="bali, bali hotels, travel in bali, bali island, bali weather>
Disini terlihat sekali bahwa kata "bali", diulang lebih dari 3 kali. Contoh berikut ini tidak akan dianggap spamming oleh search engine :
<meta name="keywords" content="bali hotels travel bali island bali weather">
Yang tak kalah pentingnya mengenai keyword adalah jangan membuat keyword yang tidak ada hubungannya dengan isi halaman web Anda. Hal ini juga akan dianggap spamming. Misalkan web Anda
memuat informasi mengenai pariwisata di Bali, jangan sekali-kali menambahkan "MP3" atau "Britney Spears" sebagai keyword hanya karena keyword-keyword ini merupakan keyword favorit di internet dan
banyak dicari orang.

Meta Tag Robots

Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman web yang mana bisa diindex oleh spider dan halaman web mana yang tidak. Tag ini sangat berguna sekali terutama jika seuatu
website memakai frame untuk navigasinya. Tentunya kita tidak ingin menampilkan menu-menu dalam frame untuk dibaca oleh search engine. Format dasar dari meta tag robots adalah sebagai berikut :
<meta name="robots" content="index | noindex | follow | nofollow">
Sebagai contoh, jika Anda ingin agar spider membaca main page, dan menelusuri semua link yang ada maka tambahkan perintah berikut ini :
<meta name="robots" content="index follow">
Dengan perintah ini spider akan meng-index main page Anda dan menjadwalkan untuk mengindex halaman-halaman lain yang bisa dicari melalui hyperlink (<a href="">).
Perintah berikut ini akan menginstruksikan agar spider tidak meng-index maupun menelusuri link yang ada pada suatu halaman web.
<meta name="robots" content="noindex nofollow">

Lalu bagaimana memasang Meta Tags di Blogger ?

Untuk memasang Meta tag diBlogger caranya cukup mudah, pertama masuk ke Edit HTML kemudian copy paste  kode dibawah ini, biasanya kode meta tags diletakan dibawah kode <title><data:blog.pageTitle/></title>  dan jangan lupa merubah kode warna merah di bawah sesuai dengan deskripsi blog kamu.

<meta content=' Tulis deskirpsi disini'  name='description'/>
<meta content='keyword1 keyword2 keyword3 ...' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Selama Mencoba !

Read more... - Cara Pasang Meta Tag di Blogger

 Blogger mania, tentunya kalian sudah tahu yang dimaksud dengan navbar. Betul, navbar adalah sebaris menu default dari www.blogger.com yang letaknya berada di bagian paling atas halaman blog.

Saya rasa sebagian besar blogger juga sudah tahu bagaimana cara mengutak-atik navbar ini. Ada yang menghilangkan navbar, ada juga yang membuat navbar menjadi transparan, dan yang terakhir membuatnya menjadi auto-hide (bila kursor mouse diarahkan pada bagian atas halaman blog, maka secara otomatis navbar akan muncul. Sebaliknya bila kursor digerakkan menjauh dari posisi navbar, maka navbar akan hilang). Keren kan?
Catatan: Menghilangkan NavBar melanggar TOS dari blogger.com. Ada informasi yang simpang-siur mengenai hal ini. Ada kabar, bahwa seorang blogger pernah menanyakan hal ini kepada blogger. Dan dijawab oleh blogger, menghilangkan navbar diperbolehkan. Kepastiannya? Belum pasti.

Nah buat kamu yang tetap ingin menghilangkan navbar, ayo, ikuti caranya satu persatu!

1. Menghilangkan NavBar
2. Membuat NavBar Menjadi Transparan
3. Membuat Auto-Hide NavBar

1. MENGHILANGKAN NAVBAR

Seperti biasa login ke akun blogger dan masuk ke Tata Letak >> Edit HTML.

Lalu letakkan kode di bawah ini di atas ]]>

#navbar-iframe {

display : none;

height : 0;

visibility : hidden;

}

Dan jangan lupa menyimpan perubahan di atas dengan klik tombol Simpan Template.

2. MEMBUAT NAVBAR MENJADI TRANSPARAN

Sama dengan cara di atas, letakkan kode berikut di atas >]] :

#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:0.5;filter:alpha(Opacity=100, FinishedOpacity=50)}

3. MEMBUAT AUTO-HIDE NAVBAR

Pada dasarnya metode auto-hide dengan transparan adalah sama, hanya pada auto-hide nilai opacity dibuat nol (0) agar navbar sama sekali tidak terlihat.

Kode yang digunakan adalah:

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)

Kemudian klik simpan, lihat preview  & wuuzzz.... navbar sudah berubah atau hilang !

Selamat mencoba  !

Read more... -