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... -

Google tentunya senang apabila disetiap blog mempunyai sitemap (peta situs), karena sitemap itu dapat membantu meringankan google mengindex seluruh bagian dari sebuah website / blog baik di blogspot, wordpress,phpbb
, drupal, joomla dsb.untuk wordpress dan yang lainnya mungkin tidak terlalu sulit untuk membuat sitemap yang mana setiap platform sudah menyediakan plugin secara gratis namun bagaimanakah cara membuat sitemap untuk blogspot / blogger?
tidaklah sulit untuk menemukan cara membuat sitemap untuk blogger, karena kamu hanya memasukkan script yang sudah diramu dibawah ini,
Caranya :

1. Login Ke Blogger.com / blogspot.com
2. Klik New Post / Posting Baru
3. klik Edit Html posisinya disamping compose
4. Masukkan script dibawah ini








5. ubah Url yang berwarna kuning saja dengan url alamat blog kamu
6. Publish Post
7. Selesai
8. Alhamdulillah

mudah-mudahan sedikit tutorial ini bisa membantu kamu menemukan cara membuat sitemap untuk blogspot.

Read more... -

Cara Membuat Read More Otomatis

Berjumpa lagi kawan-kawan blogger !!! dipertengahan malam waktu posting ini, seperti biasa ingin berbagi tutorial-tutorial tentang blogspot atau bisa juga di sebut trik-tips lah... he..2x. thanks bgt buat o-om yang udah banyak bagi2 ilmunya kepada Ane pribadi khususnya...

Tanpa panjang lebar kita mulai aja yuk.... Upz, mungkin untuk sedikit gambaran, apa sih Auto readmore ituh??? oke deh, dari pada Ane suruh jelasin bla bla bla dan kurang jelas mending langsung ane kasih contohna aja kali yah, biar lebih Afdhol gitu loh... he2x, contohnya seperti di tampilan depan blog ini " arzaku.blogspot.com " ataupun bisa lihat disini " http://free-blogger-templates09.blogspot.com/ " ... kalo males liat linknya!!! oke deh ane kasih screen shootnya....

Kalo udah mudeng yuk siap2 seperti langkah-langkah mengedit template sebelumnya, dan yang perlu diperhatikan juga kalo blog kamu udah pake read more silahkan kembalikan seperti semula... hm.. kalo bingung kode apa aja yang perlu di buang baca tutorial read more yang ini biar paham bagian mana yang perlu dibuang, gimana????

Weleh masih bingung juga toh??? yaudah ane kasih scriptnya deh yang perlu ditendang

<div class='post-header-line-1'/>
<div class='post-body'>
<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/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

Nah ... udah ketahuan tuh... silahkan buang yang warna merah yah... kalau sudah sementara di Simpan dulu yah.

Masih pada area edit html kamu centang dulu expand widget dan temukan kode ini </head> dan silahkan taruh script dibawah ini diatasnya

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

dan temukan kode ini <data:post.body/> dan pastikan sudah di " centang widget" yah... dan ganti kode <data:post.body/> menjadi semua kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Klik simpan, Selesai dan "abra... kadabra... blog kamu jadi berbeda...


Pengaturan tambahan :

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Read more... - Cara Membuat Read More Otomatis

Ada beberapa hal yang mempengaruhi loading suatu blog, selain pemakaian kode HTML dan Javascript yang berlebihan yang tentunya akan membuat loading blog jadi lambat, pengaturan atau pemakaian kode css yang salah juga berpengaruh terhadap loading blog.

Jika sobat banyak menggunakan kode HTML atau javascript dan diletakkan di sidebar sebelah kiri, itu akan membuat loading blog terasa sangat berat, kenapa ?

Karena browser selalu membaca blog berurutan dari kiri atas sampai kiri bawah, kemudian akan berlanjut ke bagian kanan atas sampai kanan bawah, dan bagian footer atau bawah blog tentunya yang akan kebagian terbaca paling akhir.
Jadi saya sarankan gunakanlah template dengan kolom postingan yang terletak di sebelah kiri, atau jika sobat menggunakan sidebar di sebelah kiri, usahakan jangan terlalu banyak memakai kode HTML atau Javascript di sebelah kiri karena akan membuat loading blog jadi sangat berat.

Berlanjut pada topik utama kita, kompress kode css ini bisa kita lakukan secara manual maupun dengan menggunakan tools kompress css yang sekarang sudah banyak tersedia di internet. Saya akan berikan contoh kasusnya, perhatikan kode css berikut ini :

a:link {
color:#006699;  text-decoration:none;
}
a:visited {
color:#006699;  text-decoration:none;
}
a:hover {
color:#006699;  text-decoration:underline;
}
#main .post-body a:link {
color:#006699;  text-decoration:underline;
}
#main .post-body a:visited {
color:#006699;  text-decoration:underline;
}
#main .post-body a:hover {
color:#006699;  text-decoration:none;
}

kode css diatas adalah kode standard yang biasa sobat jumpai di HTML template, jika saya kompress secara manual maka hasilnya akan seperti dibawah ini :

a:link,a:visited,#main .post-body a:hover {
color:#006699;
text-decoration:none
}
a:hover,#main .post-body a:link,#main .post-body a:visited {
color:#006699;
text-decoration:underline
}

apa yang membedakan kedua bagian diatas ? jika sobat cermat melihat seluruh kode css yang paling atas (sebelum saya kompress) bahwa semua bagian dalam kurung {....} yang membedakan hanya dua bagian yaitu pada penulisan text-decoration:none dan text-decoration:underline. Pemakaian spasi juga sangat berpengaruh dalam penulisan css, jika saya rapatkan maka hasilnya menjadi seperti berikut ini :

a:link,a:visited,#main .post-body a:hover{color:#006699;text-decoration:none}
a:hover,#main .post-body a:link,#main .post-body a:visited{color:#006699;text-decoration:underline}

Untuk mengkompress kode css pada template, sobat tidak perlu susah payah mengkompress-nya secara manual, karena sekarang sudah banyak tools gratisan yang menyediakan fasilitas kompress css, salah satu yang biasa saya gunakan adalah  situs http://www.csscompressor.com

1. Untuk mengkompress css-nya silahkan kunjungi situs tersebut.
   
2. Kemudian pada halaman depan, ada pilihan jenis kompress dari yang low, standard, high sampai highest, kemudian masukkan kode css milik sobat kedalam kotak kosong yang tersedia lalu klik compress.
   
   
3. Maka akan terlihat hasil kompress dibawahnya, seperti pada gambar berikut
   
   
4. Kemudian klik Select All dan copy semua kode yang sudah di kompress tadi.

Ada banyak tools lainnya yang bisa sobat coba, sobat bisa cari di search engine..oke sob, selamat mengkompress ria, semoga dengan di kompress-nya kode css blog sobat akan menjadi lebih enteng..

Read more... -

Cara Veryfikasi Paypal Gratis Dengan Bank Lokal di Indonesia

Cara dan langkah verify Paypal Gratis dengan Bank Lokal di Indonesia...
Mungkin para blogger atau artikel tentang verify Paypal Gratis sudah banyak yang memposting.
caranya mudah saja kok untuk verify paypal. Sorry nih buat para tukang bikin VCC. Ckckckck
jadi ga laku nih..hehehehe

 Cara dan langkah-langkahnya sebagai berikut  :

1. Buka situs Paypal

2. Setelah itu login paypal kamu

3. Klik my account

4. Selanjutnya klik Get Verify atau klik profile selanjutnya klik Add/Edit bank account

5. Selanjutnya klik Link My Bank Account..
    setelah itu isi form pengisian.
    Kalau mau lihat Bank Name ( Nama Bank Penerima ) dan Bank Code ( Sandi Bank Penerima)
    silahkan Klik DISINI.

6. Hati-hati dengan pengisian pada form kalau sampe salah bakal kena charge Rp 50.000. Kalau
    sudah benar mengisi form baru klik continue dan klik add account.

Semoga sukses !

Read more... - Cara Veryfikasi Paypal Gratis Dengan Bank Lokal di Indonesia

Cara Mengganti Template di Blogspot

Pertanyaan yang muncul, apakah template pada blogspot bisa kita ganti ?.. 

Dan bagaimana cara menggantinya?

Ada dua cara untuk mangganti template, yang pertama kita bisa gunakan template yang ada di blogspot, namun template bawaan dari blogspot ini fitur-fiturnya kurang menarik, kita tidak bisa hanya menggunakan template yang ada atau template bawaan dari blogspot saja. Yang kedua kita bisa mendownload template dari luar blogspot, sekarang sudah banyak sekali template gratisan di Internet dan fitur-fiturnya pun sangat menarik. Bahkan ada pula yang memberikan template gratis yang SEO friendly.

Sebelum belajar menggati template di blog sobat, ada baiknya save atau download terlebih dahulu template lama sobat ke dalam hard disk sobat. Karena jika dalam penggantian template nanti, terjadi kerusakkan template
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. Blog akan menerangkan bahwa "Widget, Arsip, dll" akan dihapus.
   
7. Kemudian klik "Simpan"
   
8. Selamat Mencoba..

Read more... - Cara Mengganti Template di Blogspot