Cara pasang widget Blogger Indonesia

Oke kawan, pada kesempatan ini saya akan mencoba sharing tentang sebuah cara memasang gadget blogger Indonesia, atau pun widget I love Indonesia. Widget seperti ini cocok buat anda yang ingin menunjukkan kecintaanya kepada tanah air kita Indonesia. Saya rasa cukup basa basinya, lang sung saja berikut script dan gambarannya:

Cara pasangnya, pertama harus login dulu ke blogger.com, kedua buka rancangan (design), pada halaman itu kita hanya perlu tambah gadget, kemudian pilih tambah kode HTML/JavaScript untuk judul kosongin aja, terus kopi kode script yang saya sediakan dibawah dan masukkan kode scriptnya ke form HTML/JavaScript, dan terakhir save. Ini dia gambaran dan scriptnya:

Berikut ini untuk script widget blogger indonesia:

1. widget blogger indonesia kanan atas

<script language="JavaScript" src="https://sites.google.com/site/fayesupload/fileupload/kananatas.fayescool" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cool("https://sites.google.com/site/fayesupload/fileupload/BLOGGERINDONESIAKANANATAS.png") </script>

2. widget blogger indonesia kiri atas

<script language="JavaScript" src="https://sites.google.com/site/fayesupload/fileupload/kiriatas.fayescool" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cool("https://sites.google.com/site/fayesupload/fileupload/BLOGGERINDONESIAKIRIATAS.png") </script>

3. widget blogger indonesia kanan bawah

<script language="JavaScript" src="https://sites.google.com/site/fayesupload/fileupload/kananbawah.fayescool" type="text/javascript"></script> <script language="JavaScript" type="text/javascript">
cool("https://sites.google.com/site/fayesupload/fileupload/BloggerIndonesiakananbawah.png") </script>


4. widget blogger indonesia kiri bawah

<script language="JavaScript"  src="https://sites.google.com/site/fayesupload/fileupload/kiribawah.fayescool" type="text/javascript"></script> <script language="JavaScript" type="text/javascript">
cool("https://sites.google.com/site/fayesupload/fileupload/BLOGGERINDONESIAKIRIBAWAH.png") </script>

Keterangan: script yang bercetak merah bisa anda ganti dengan alamat gambar lainya yang anda upload di suatu tempat hosting.

sumber dengan perubahan

Tip membuat link bila di klik akan membuka tab baru, baik manual maupun otomatis

Oke kawan, pada kesempatan ini saya admin vimovista.blogspot.com akan sharing tip untuk anda yang suka ngeblog. Tip kali ini adalah tentang membuat link yang membuka tab baru bila link tersebut di klik. Hal ini akan mempengaruhi trafik page kita, karena bila link keluar buka tab baru otomatis pengunjung belum meninggalkan blog kita meski beliau melakukan klik link ke alamat blog lain atau situs lain. Berikut ini beberapa cara untuk mewujudkan hal itu:

(1.) Link blank Manual.

Oke sebenarnya cara agar link membuka tab baru itu tidak lah sulit, cukup membuat kode seperti ini pada kode html link anda:

<a href="http://vimovista.blogspot.com/" TARGET="_blank">Contoh link blank</a>

Yang saya cetak tebal adalah yang harus anda tambahkan pada kode html link anda.

Hasilnya akan seperti ini: Contoh link blank

(2.) Link komentar buka tab baru

Bila link komentar membuka tab baru maka keuntungannya bila link tersebut di klik pengunjung belum meninggalkan blog kita. Caranya login dulu ke blogger, kemudian masuk ke rancangan, Edit HTML, kemudian jangan lupa centang pada Expand template widget. Kemudian cari kode berikut:

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

Untuk lebih mudahkan pencarian gunakan Ctrl + f di keyboard komputer anda.

Setelah ketemu tambahkan kode  target='_blank' sehingga menjadi seperti berikut:

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>

Jangan lupa antara 'nofollow' dan target='_blank' diberi sapasi (Taruh sepasi sebelum target='_blank')

Kemudian save

Contohnya silahkan klik link nama sahabat blogger yang commen di komentar blog vimovista ini....

(3.) Semua link External otomatis buka tab baru
Oke kawan ini adalah cara agar semua link external yang nofollow akan membuka tab baru:
Yang harus dilakukan tentusaja pertama anda harus login dulu ke blogger, kemudian klik rancangan, edit HTML. Cari kode </head> kalau sudah ketemu kopi kode berikut taruh di atas kode </head>

<!-- all Link external will open new tab -->
<script type='text/javascript'>
<!--//--><![CDATA[//><!--
function externalLinks() {if (!document.getElementsByTagName) return;var anchors = document.getElementsByTagName("a");for (var i=0; i<anchors.length; i++) {var anchor = anchors[i];
if (
anchor.getAttribute("href") && (
anchor.getAttribute("rel") == "external" ||
anchor.getAttribute("rel") == "external nofollow" ||
anchor.getAttribute("rel") == "nofollow external" ))anchor.target = "_blank";}}
window.onload = function() {externalLinks();}
//--><!]]>
</script>
<!-- all Link external will open new tab end -->

kemudian simpan lah tempale tersebut...


(4.) Semua link bila di klik akan open tab baru.
Weleh-weleh cara ini tidak saya sarankan karena semua link akan membuka tab baru tanpa pandang bulu, termasuk link kita sendiri. Terkadang akan menjadi jenuh bagi para pengunjung tapi sekedar saring jadi saya share aja sekalian, berikut tipnya: 

Caranya login dulu ke blogger, kemudian masuk ke rancangan, Edit HTML, kemudian jangan lupa centang pada Expand template widget. Kemudian cari kode copy kode berikut ini, <base target='_blank'/> pastekan di bawah kode <head> sehingga akan menjadi seperti ini:

<head>

<base target='_blank'/>

Weleh-weleh demikian ulasan kali ini semoga berguna, Terus blogging, hoby blogging itu mengasikan bisa menjadi bisnis lagi... salam blogger....

Cara Memasang Sesuatu Di Halaman depan blog

Oke kawan pada kesempatan ini saya akan mencoba membagi info khusus buat yang belum tahu Cara Memasang Sesuatu Di Halaman depan blog, sebenarnya sesuatu yang saya maksud adalah Gadget, barangkali ada yang belum tahu. Oke kawan bagi yang belum tahu ini langkah-langkahnya:

1. Log in (masuk dengan akun yang sudah anda buat)  ke blogger

2. Cari dan klik menu RANCANGAN

3. Pilih sidebar, lalu klik 

4. Pilih side bar yang ingin dipasangi gadget baru lalu klik  tambah gadget

5. Setelah muncul halaman baru,  klik HTML/JavaScript

6. Pastekan  kode gadget, HTML , CSS atau Script - nya

7. Klik save

Ok kawan demikian lah info kali ini, tip diatas berfungsi untuk menaruh sebuah gadget yang biasanya dari pihak ke3, maksudnya bukan asli gadget blogger. Oke kawan terus blogging, blogging itu hoby yang mengasikkan dan dapat dijadikan bissnis...

Cara Ampuh Mengetahui Artikel Kita di Copy Paste

OK kawan lagi malas posting nih, ah mending kopi paste punya teman aja deh. Kali ini saya akan mencoba sharing tip Cara Ampuh Mengetahui Artikel Kita di Copy Paste yang saya jiplak alias kopas alias kopi susu eh maksudnya kopi paste dari blog nya sobat blogger alias m-wali blog. sudah gak sabar yach kaya apa postingan beliau, berikut yang bertulis miring adalah postingan beliau asli sama setidaknya untuk saat postingan ini saya kopi:

oke sobat, mungkin tidak semua nya, sebahagian orang Pasti Marah kalau artikel nya di copy paste, iya bukan? kecuali dia melampirkan LINK dari sumber asal nya, ya nggak Masalah dung. tapi kalau kopas mentah2 dan nggak melampirkan link asalnya karena malu. ya salah Besar Sobat, Kita sudah capek2 nulis artikel, malah kadang kadang tidak tidur Semalaman, eh dia malah enak saja ngopi Paste.

Trus boleh kah Copy Paste?Jawaban Nya boleh asal melampirkan Link Sumber artikel tersebut di Copy. misalnya: dibuat di bawah artikel sobat Sumber : http://m-wali.blogspot.com/2011/05/cara-ampuh-mengetahui-artikel-kita-di.html  ,

Kebanyakan Copy Paste di lakukan oleh blogger2 baru, yang malas atau pun nggak tau apa yang mau di tulis nya, okey sesuai judul Posting, kali ini saya akan menjelaskan cara paling akurat mengetahui Artikel kita di Copy Paste oleh orang lain. Walaupun sangat banyak situs untuk mengetahui artikel kita di copy paste.


Cara nya gini Sob,
1. Silahkan Copy satu Paragraf artikel Sobat

Copy Satu Paragraf

2. Kemudian Pastekan Ke Google

Lalu Paste kan Ke Google

3. Nah Ketahuan deh siapa yang mencuri artikel Kita
4. Lalu sobat tinggal Jitak tu si Pencuri Artikel .hehhee..(tidak disarankan)

cara yang lain banyak cuma menurut saya ini paling cepat dan akurat

Semoga Bermanfaat,

Oke kawan segitu aja dulu kapas hari ini bagi yang mau membuktikan saya beri pintu masuk ke postingan aslinya disini.

Tip mengamankan file gambar componen template blog agar tidak hilang

Oke kalo begitu pada kesempatan ini saya akan berbagi info tentang tip mengamankan file gambar componen template blog agar tidak hilang. Pernah suatu ketika saya jalan-jalan atau yang kerenya blog walking ke blog-blog sahabat blogger lain, eh tibalah di sebuah blog yang kacau balau headernya hilang dan berganti dengan tulisan seperti "Picture or video is deleted or moved"... Intinya gambar atau video sudah dihapus dari website penyedia layanan hostingnya. Kasus ini biasa terjadi kalau kita upload di photo bucket dan website hostingan sejenis. Ternyata kasus ini juga terjadi pada salah satu blog lama saya dan wew gambarnya hilang semua bagai lenyap dimakan hantu. Nah untuk mengatasi masalah ini yang mungkin terjadi dimasa depan maka lakukanlah hal-hal berikut:

1. Simpan semua gambar componen template di hardisk.
Bisa juga menyimpan di flashdisk atau CD juga sebagai backup kalau sewaktu-waktu terjadi kehilangan.

2. Gunakan web hostingan dari account sendiri.
Hostingan dari account sendiri lebih aman dari pada pakai account orang lain. Bayangkan kalau yang upload file menghapusnya?? Ilang sudah kan? Maka dari itu pindahkan semua file gambar yang di blog kita ke account kita terutama yang di template... Saran saya bila anda ngeblog dengan blogger.com simpanlah gambar di album picasa (untuk postingan langsung saja dari insert image yang sudah ada di blogger ketika kita mau membuat postingan baru, gambar akan langsung ada di album picasa), sedangkan file umum di google site (bisa gambar, zip, ebook, dll).

Untuk sementara demikian dulu tip dari saya ada kurangnya saya mohon maaf, ada gunanya silahkan di nikmati....

Blogger tip - Cara membuat Widget TRANSLATOR alias penerjemahan

Oke kawan pada saat ini saya akan mencoba sharing tentang cara membuat translator di bloggger widget seperti yang punya saya itu, saya hanya bermaksud bagi informasi saja bukan menggurui lho, soalnya saya juga masih blogger amatiran....

Oke kalo begitu langsung saja berikut ini adalah langkah-langkahnya:

Pertama Download dulu kode htmlnya di SINI (jangan lupa pencet tombol SKIP), file yang di download adalah "TRANSLATE-VIMOVISTA.TXT" tanpa tanda petik dan berukuran 5.34 kb saja (ukuran yang sangat kecil).

Kedua sudah pasti login dulu di blogger.com

Ketiga masuk ke rancangan...

Keempat add gadget pilih tipe html/JavaScript...

Kelima Copi kode Yang terdapat dalam file TRANSLATE-VIMOVISTA.TXT yang tadi di download dan pastekan di gadget....

Keenam save dan lihat hasilnya....

Hasilnya akan terlihat seperti gambar dibawah ini:

Warna background akan menyesuaikan dengan warna di tema blog anda (kebetulan warna thema blog saya hitam jadi background nya hitam)...

Terimakasih telah baca artikel ini anda boleh mengkopinya tapi bila berkenan dengan menyertakan link sumbernya...

Blogger tip - Cara membuat menu Horisontal di blogger alias blogspot

Halow sahabat blogger, ketemu lagi dengan saya di blog vimovista, oke kali ini saya akan mencoba share tentang Cara membuat menu Horisontal di blogger alias blogspot, oke langsung saja langkah-langkah nya sebagai berikut:

Pertama login ke akun blogger dulu....

Kedua masuk ke rancangan......

Ketiga klik edit html.....

Keempat centang bagian Expand Widget Template....

Kelima jangan lupa di back up dulu guna antisipasi bila gagal.....

Keenam Cari kode yang mirip-mirip di bawah ini:

/* Header

-----------------------------------------------

 */

#header-wrapper {

  background: url("http://i161.photobucket.com/albums/t219/freetemplates4/silhouettes-heading.jpg") no-repeat;

  width:880px;

  height:485px;

  margin:0 auto;

  padding:0;

  text-align:left;

  }

#header {

  margin:0;

  padding:350px 0 0 78px;

}

#header h1 {

  margin:0;

  padding:0;

  font-size: 150%;

  font-weight:bold;

  line-height: 1.4em;

  letter-spacing:.2em;

  font-style:italic;

  color:#91c348;

}

#header a {

  color:#91c348;

  text-decoration:none;

  }

#header a:hover {

  color:#91c348;

  text-decoration:underline;

  }

.descriptionwrapper p {

  margin:0;

  padding:3px 0 10px 0;

  line-height: 1.3em;

  font-style: italic;

  font-weight:bold;

  font-size:.8em;

  letter-spacing:.1em;

  color: #9205c6;

 }

Ketujuh taruh kode berikut ini di bawah kode tadi:

/* EDIT MENU part1 */

#top-nav ul {padding: 0;margin: 0 ; background-color: #1d1d1d color: #000000;float: left;width: 100%;font-weight:bold;}

#top-nav ul li {display: inline;}

#top-nav ul li a {padding: 0.2em 1em ; color: #6db201;text-decoration: none;float: left;border-right: 1px solid #000000;}

#top-nav ul li a:hover {background-color: #1d1d1d color: #000000;}

keterangan: #000000 adalah warna hitam pada backround bisa anda ganti sesuaikan dengan tema blog anda, #6db201 warna text.....

Kedelapan save template.....

Kesembilan buka rancangan Elemen laman....

Kesepuluh Buatlah sebuah gadget baru tipe html/java scrip dengan nama gadget kosongin aja...

Kesebelas copikan kode dibawah ini pada gadget tersebut....

<!-- EDIT MENU part2 </ul> -->

<div id='top-nav'>

  <ul class='nav'> 

   <li><a href='/'>HOME</a></li>

   <li><a href='http://linkanda'>menu anda</a></li>

   <li><a href='http://linkanda'>menu anda</a></li>

   <li><a href='http://linkanda'>menu anda</a></li>

  </ul>

  </div>

<!-- END OF EDIT MENU </ul> -->

Keduabelas ganti yang bercetak tebal dengan link dan nama menu anda...

Ketigabelas bila mau di tambah menunya copi    <li><a href='http://linkanda'>menu anda</a></li> sebelum </ul></div>

Keempatbelas jangan lupa save alias disimpan gadgetnya.

Ketujuhbelas letakkan gadget di bawah header agar menu keluar dibawah head atau terserah anda mau mengeluarkan menunya dimana bisa dibawah bisa diatas dan lain-lain....

Kedelapanbelas sebelumnya sadarkah anda kalau kelimabelas dan keenambelas diatas tidak ada?

Kesembilanbelas terima kasih dah mau baca yang mau komen dipersilahkan....

keduapuluh Demikian lah tipnya semoga berguna....

Cara membuat read more otomatis (automatic read more)

Pada kesempatan ini saya akan mencoba berbagi informasi buat sahabat blogger tentang cara membuat read more atau yang sering terlihat baca selengkapnya secara otomatis, dengan read more otomatis kita tidak perlu membuat read more pada setiap postingan karena read more akan muncul secara otomatis.
Berikut contoh sekilas gambarannya yang di ambil dari blog vimovista http://vimovista.blogspot.com/:



Oke langsung saja berikut langkah langkahnya:

Pertama-tama  login dahulu ke bloger.com

kemudian masuk ke rancangan

Berikutnya masuk ke edit html

Jangan lupa centang pada kotak
Expand Template Widget

angan lupa untuk mem backup agar bila gagal tidak terjadi pusing...

Kemudian cari kode: </head>

Kalau sudah ketemu, kopi kode berikut, letakkan diatas kode </head> tersebut...

<!-- Star of auto read more part1 -->
<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[
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>
<!-- End of auto read more part1 -->

Lankah berikutnya cari kode <data:post.body/> ganti dengan kode berikut:

<!-- Auto read more part2 <data:post.body/> diganti kode berikut -->
<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>
<!-- Auto read more part2 End -->

Simpan themplate

Selesai.....

Keterangan :

summary_noimg = 250;  = tinggi artikel terpenggal tanpa image
summary_img = 250; = tinggi artikel terpenggal dengan image
img_thumb_height = 120; = ukuran tinggi gambar pada thumbnails
img_thumb_width = 120; = Ukuran lebar gambarpada tumbnails
READ MORE = Bisa diganti dengan Baca Selengkapnya, ,ocehan sepenuhnya, full read, dll...

Cara membuat blog di blogger.com

Heh heh heh heh ketemu lagi di vimovista, kali ini saya akan sharing cara membuat blog di blogger, barangkali saja ada yang belum bisa bikin blog... langsung saja ke TKP:
Cara Membuat Blog di Blogger :

• Buka http://www.blogger.com. Atau anda bisa KLIK di sini .
• Anda akan memasuki sebuah halaman dengan sebuah logo dan teks "Blogger" besar berwarna oranye. KLIK pada teks BUAT BLOG.
• Terlihat halaman baru ber - nomor1 dengan judulCiptakan sebuah Akun Google.
• Isi Formulir Pendaftaran Blogger:
a. Tuliskan Alamat Email :.
Contoh :
• Rahasia@yahoo.com
• Komengnsule@gmail.com
b. Ketik Ulang Alamat Email.
c. Tuliskan Password anda !.
• Password = Kode Rahasia sesuai Kode Rahasia Email (Biasanya bila memakai akun gmail).
d. Tulis kembali Password anda !
e. Tuliskan Nama Tampilan
• Nama Tampilan akan dituliskan di blog sebagai penulis (author).
• Ulang Tahun diisi dengan menulis tanggal lahir.
• contoh:2011/04/14 --> Tahun/Bulan/Tanggal
f. Verifikasi Kata.
• Tuliskan Karakter yang tersedia pada kotak di bawahnya. Apabila karakter terlalu sulit dibaca anda bisa KLIK gambar kecil di kanan kotak isian (spt gambar orang sedang duduk) supaya muncul karakter baru.
g. Penerimaan Persyaratan.
• Beri tanda pada kotak kecil di sebelah kiri teks "Saya Menerima Persyaratan dan Layanan".
• KLIK kata Lanjutkan" yang berwarna oranye di kanan bagian bawah.
Keterangan :
• Pada tahap ini, sering kali terjadi kita harus melakukan pengisian ulang selama beberapa kali. Ini adalah sebuah prosedur standar yang memang diterapkan oleh Blogger
• Langkah selanjutnya Anda diminta untuk melakukan Verifikasi Akun dengan cara :
• Mengisi Nama Negara.
• Menuliskan Nomor Ponsel (HP).
• KLIK Button yang bertuliskan "Kirim kode Verifikasi ke ponsel saya".
• Periksa HP untuk melihat KODE Verifikasi dari Blogger.
• Tuliskan Kode Verifikasi di kolom yang tersedia.
• KLIK button "Verifikasi".
• Setelah Verifikasi selesai, lanjutkan dengan Tuliskan Nama Tampilan (author).
• Pada Halaman "Beri Nama Blog Anda".
• Tuliskan Nama Blog Anda (Judul Blog).
• Tuliskan Alamat Blog (bisa seperti di Email atau nama lain).
• Anda diminta untuk memilih template dengan cara memberi tanda pada template terpilih.
• KLIK Lanjutkan !
• Blog Anda Sudah jadi dan dipersilahkan untuk memulai blogging !

Selamat ... anda sudah memiliki sebuah blog ! Saat ini anda berada di halaman posting. Selamat bekerja dan selamat berkarya !

Cara Membuat Kategori / Label di Blogger plus bonus SPOILER

Artikel artikel di blog terkadang perlu untuk di kategorikan, tujuanya agar tidak campur aduk. Pengalaman saya waktu belum tau bagai mana mengelompokkan kategori saya harus bolak balik buat link untuk dikategorikan. ternyata eh ternyata tidak terlalu sulit untuk membuat label ini. Langsung saja kita bergerak:
ternyata eh ternyata caranya cuman sepertidi bawah ini:

Anda mesti login ke blogger dulu lalu Klik Posting --> Edit Post

* Membuat Kategori / Label
Pilih atau beri tanda centang pada artikel yang ingin diberi label/dikategorikan. Lalu pada Combo box (yang ada tulisannya "label action") pilih "New Label" lalu beri nama label tersebut.

* Menghapus Kategori / Label
Beri tanda centang pada postingan yang ingin dihapus labelnya, trus klik combo box trus klik label dibawah tulisan "Remove label",....

* Mengganti Kategori / Label
Hapus dulu label yang ada, kemudian kasih label baru.

Trus bagaimana cara memasang/menampilkannya di blog?
Gini nih caranya:
1. Klik Template --> Page Elements
2. Tambahkan page elements kemudian pilih Label trus disitu atur sendiri :P
udah ngerti kan?

Tapi bila anda berminat untuk meng aplikasikan kedalam spoiler yang bila di klik akan keluar nama kategori seperti dibawah ini:

Blogger Tips

Caranya : buat dahulu kategori/label yang tadi, kemudian buat widget baru tipe html/java script...

isi dengan kode berikut:

<div><div style="margin-bottom: 2px;"><i><b><small></small></b></i><input value="FREE TIPS" style="margin: 0px; padding: 0px; width: 200px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;FREE TIPS&#39;; }" type="button" /></div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

  <li><a href="http://vimovista.blogspot.com/search/label/blog-tips">Blogger Tips</a></li>

</div></div></div>
 
Anka 0px yang berwarna pink adalah ukuran border, saya seting 0 biar gak terlihat di blog, namun bila anda ingin mencoba melihatnya silahkan di tambah jadi 1 atau 2, yang 200px berwarna hijau adalah panjangnya butom atau tombol bisa anda seting biar sesuai dengan ukuran widget di blog anda, Yang berwarna kuning ganti dengan nama tombolnya, yang berwarna merah ganti dengan nama blog anda, sedang yang berwarna biru ganti dengan nama label yang tadi anda buat.....

langkah terakhir kopi paste ulang untuk mendapatkan tombol baru....


Ket: sebenarnya saya mendapatkan ide pembuatan label dari http://yudhim.blogspot.com sedang cara membuat spoiler saya dapati dari remo-xp.com tapi versi modivikasi dari www.vimovista.blogspot.com ini lebih mudah karena yang asli lebih membingungkan dan belum ada penjelasanya saya juga pertamanya bingung-bingung-bingung.... Akhirnya ide keduanya saya gabungkan dan beginilah hasilnya...
terimakasih atas kunjungannya....

terimakasih semoga berguna....... kalo mau kopi tips ini keblog saudara tolong di beri link sumbernya nya ya....
.
.

Cara mempercepat blog dengan mudah

Kecepatan loding web blog bisa mempengaruhi pengunjung, bila loding untuk membuka situs anda terlalu lama bisa-bisa pada kabur tuh para pengunjung, untuk itu ada beberapa tip dari saya untuk percepat loding blog:
Sebelum anda menerapkan tip di bawah ini anda bisa cek dulu kecepatan loading blog anda di link dibawah ini:

Test loading speed pada blog

Oke langsung saja, pada kesempatan ini saya akan memberikan sedikit tips tentang mampercepat loading blog antaralain sebagai berikut:

1. Ukuran dan banyaknya gambar yang kita masukkan kedalam blog baik dalam postingan maupun widget.Namun bila tidak ada gambar ya gimana gitu yach kurang menarik rasanya blog kita, Tapi kalo bisa perkecil ukuran gambar dan gambar secukupnya saja pada blog.

2. hilangkan spasi pada kode html blog yang berlebihan. yang ini cukup signifikan, sudah saya praktekkan.

3. Kurangi script dari pihak ke 3 baik itu berupa widget ataupun kode2 iklan

4. kurangi pemasangan label, gunakan label secukupnya saja. 

5. Dengan meng kompres kode css, caranya sebagai berikut:

Login dulu ke account kalian mau itu Yuwie, Friendster, Myspace, Blogger, atau apapun..

Masuk ke edit profile dan backup kode CSS kalian, caranya copy kode CSS'nya dan paste di Notepad atau wordpad. hal ini dilakukan sebagai backup kalo takut terjadi kegagalan kalo gak takut sih terserah anda.

Klik situs dibawah ini
http://www.cssdrive.com/index.php/main/csscompressor/

Setelah sampai di CSS Compressor, klik pada tulisan Advanced Mode

Di Advanced Mode, saran saya ceklist pilihan (buat yang paham mengenai kode CSS bisa memilih pilihan yg lain seperti "remove all new line" dan lain-lain)

Paste kode CSS kalian di kolom yg disediakan dan klik Compress-it!Setelah kode di compress, klik Highlight Code dan paste kembali ke edit profile kalian.

Langkah terakhir, Save kode CSS'nya dan liat perbedaannya.

6. Dengan meng uplode kode CSS ke hosting gratisan, caranya sebagai berikut:
a. Masuk ke blogger anda dulu
b. Klik tata letak
c. Klik Edit HTML
d. Jangan lupa back up dulu dengan download full (Download Template Lengkap)
e. Anda bisa klik Expand Template Widget atau tidak terserah anda
f. Ambil kode css yang akan anda compress misalnya seperti dibwah ini:

#header h1 {

margin:5px 5px 0;

padding:15px 20px .25em;

line-height:1.2em;

text-transform:uppercase;

letter-spacing:.2em;

font: $pagetitlefont;

}

Anda bisa memilih css lain karena biasanya setiap template berbeda beda
g. Cut kode css anda tadi dan paste ke notepad kemudaian save dengan ekstensi .css misalnya klimak.css
h. Kemuadian upload klimak.css tersebut ke hosting gratisan, saya sih menggunakan google site saja
i. Anda akan mendapat alamat url css anda seperti dibawah ini

http://sites.google.com/site/vimovista/file-cabinet/klimak.css

j. Masukan url seperti dibawah ini

<link href='http://sites.google.com/site/vimovista/file-cabinet/klimak.css' rel='stylesheet' type='text/css'/>

k. Terakhir letakan kode diatas ini setelah kode ]]></b:skin>
l. Save dan rasakan hasilnya,

Referensi alias sumber:  Berekperimen sendiri  ditambah dari http://www.gusbud.web.id/ dan http://www.illusion-design.co.cc/ dan ada beberapa sumber lain tapi sayang alamatnya saya sudah lupa.

NB: Selalu backup dahulu template kode anda karena bila terjadi kegagalan akan memderita pusing tujuh keliling bila tak ada backup
Anda bisa test  kecepatan blog anda setalah di edit bandingkan dengan sebelum dieditdi link berikut ini:

Test loading speed pada blog

.      

Test loading speed pada blog

Mau mengetahui seberapa kencengkah kecepatan blog atau situs anda.
Test kecepatan blog Anda disini.
Caranya masukkan alamat blog anda contohnya seperti  http://vimovista.blogspot.com/ pada kolom di bawah ini lalu tekan check
Coba bandigkan dengan google atau facebook... Anda juga bisa memasukkan beberapa link sekaligus secara berurutan kebawah, maksimal 10 link alamat blog, web atau situs.

Your domain(s): Enter each address on a new line (Maximum 10) (eg. vimovista.blogspot.com/)

Powered by VIMOVISTA


Blog anda terlalu lambat loding anda bisa baca tips memperingan loading blog sebagai berikut:

Cara mempercepat blog dengan mudah 

.

Menyembunyikan Title dan Description pada Blog

Hey sobat ada yang ingin menyembunyikan title dan description nya dari blog kamu. Sahabat blogger ada tips nih yang ku temukan dari jalan-jalan ke blog orang lain, nah saat itu saya menemukan di blog http://www.serba-tersedia.co.cc, sudah gak sabar mau liat tips nya baik inilah tips nya:
A. Cara Menyembunyikan Judul Blog (Hide Title Blog):

1. Login di Blogger, pada Dashboard klik Layouts/Tata Letak, kemudian pilih Edit HTML, kasih tanda centang pada Expand Widget Template dan ingat sebelum mulai mengedit kode-kode dalam Template sebaiknya Download Template dahulu karena apabila gagal, maka hasil download tadi bisa untuk mengembalikan kondisi template kembali seperti sebelumnya;
2. Cari stuktur kode seperti bawah ini:
   
   
   #header h1 {
   margin:0;
   padding:10px 30px 5px;
   line-height:1.2em;
   font: normal bold 354% 'Trebuchet MS',Verdana,Arial,Sans-serif;
   display:none;
   }
3. Tambahlah kode display:none; pada baris kode seperti contoh di atas;
4. Klik tombol Pratinjau untuk melihat perubahannya dan jika belum berhasil, silahkan klik tombol Bersihkan Edit, kemudian coba lagi pada struktur kode lainnya sampai berhasil;
5. Simpan Template.

B. Cara Menyembunyikan Keterangan Blog (Hide Description Blog):

1. Langkah-langkahnya hampir sama dengan cara menyembunyikan judul blog, selanjutnya cari kode di bawah ini:
   
   
   #header .description {
   
   margin:0;
   
   padding:5px 30px 10px;
   
   line-height:1.5em;
   
   font: normal normal 110% 'Trebuchet MS',Verdana,Arial,Sans-serif;
   display:none;
   
   }
2. Tambahlah kode display:none; pada baris kode seperti contoh di atas;
3. Klik tombol Pratinjau untuk melihat perubahannya dan jika belum berhasil, silahkan klik tombol Bersihkan Edit, kemudian coba lagi pada struktur kode lainnya sampai berhasil;
4. Simpan Template.
   
   
   Demikian lah tipsnya tips ini gue dapat dari  http://www.serba-tersedia.co.cc

Cara membuat popular post di blogspot

Sesuai judul, kali ini kita belajar membuat widget popular post di blogspot. nanti widget ini bisa kita tampilkan di sidebar blog sobat masing-masing. fungsinya adalah untuk menampilkan postingan paling populer menurut jumlah comment terbanyak.

lho bukanya semua udah tahu cara buat widget popular post. emang iya sih, tapi kali ini kita mau belajar buat popular post versi terbaru karena yang lama saya rasa terkadang tidak dapat berfungsi dengan baik. ya udah langsung aja yuk kita simak cara bikinnya. gampang kok.

Pertama. masuk dulu dong ke account blogger sobat masing-masing.

kedua. cari menu rancangan - elemen laman

ketiga. silahkan sobat mau ditempatkan sidebar mana, terserah sobat. klik menu tambah gadget-html/javascript.

keempat. silahkan copy script dibawah lalu paste-kan di gadget html tersebut.

<script language='javascript'>

aBold = false;

numposts=200;

maxshowresult=7;

home_page = "http://Blogsobat.blogspot.com/";

</script>

<script type='text/javascript'>

//<![CDATA[

var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<li><a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+" ("+postCommentar[f]+" comments)</a>";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');

//]]>

</script>

Keterangan untuk yang cetak merah
(abold= false;)        = bisa dirubah menjadi true jika ingin tulisanya menjadi cetak tebal.
(numposts=200;)    = hasil dari penelusuran 200 postingan
(maxshowresult=7;)= jumlah popular post yang ingin ditampilkan
home_page            = rubah dengan URL blog sobat


kelima. klik simpan, Selesai
silahkan lihat hasilnya.

NB: Se benarnya saya menemukan tips ini dari blog lain: http://www.suranegara.com/ dari bertanya di gugle saat akan menerapkanya pada blog saya ini... thank agan yang buat buat sahabat blogger semoga tips ini bisa berguna....

Cara Menghilangkan Navbar di Blogger

Apa itu navbar?? Navbar (Navigation Bar) adalah suatu frame yang muncul secara default di bagian atas setiap blog blogger (jika masih menggunakan template bawaan blogger). Navbar blogger seperti ini:

Fitur Navbar meliputi:
- (B): Membawa anda kembali ke www.blogger.com
- Cari Blog: Mencari postingan blog di halaman tersebut.
- Ikuti: Mengikuti secara publik dan memantau terus entri terkini blog di Dasbor Blogger anda.
- Berbagi: Memungkinkan anda mempromosikannya di situs sosial.
- Laporkan Penyalahgunaan: Melaporkan blog karena telah menyalahi aturan tertentu.
- Blog Berikut: Membawa anda ke sebuah blog Blogger secara acak.
- (Alamat Email): Jika anda login ke account anda, anda akan melihat alamat email anda. Orang lain akan melihat alamat email mereka sendiri jika mereka login.
- Dasbor: Jika anda masuk log, anda akan memiliki link ke dasbor anda sendiri.
- Masuk/Keluar: Menampilkan pilihan yang sesuai, tergantung pada apakah anda login atau tidak.

Walaupun navbar blogger mempunyai fitur yang cukup baik, namun banyak juga yang masih merasa terganggu dengan adanya navbar di blogger, sehingga banyak yang menghilangkannya. Apakah menghilangkan navbar akan melanggar TOS??, saya juga belum tahu pasti, namun sejauh ini belum ada blogger yang dibanned atau di hapus karena menghilangkan navbar (termasuk saya). Berikut ini cara menghilangkan navbar di blog anda, jika anda merasa terganggu :)

1. Login dulu di Blogger.
2. Klik "Rancangan", pilih tab "Edit HTML"

3. Letakkan script dibawah ini ke dalam tag <head>
#navbar-iframe {
display: none !important;
}

misalnya seperti ini:

-----------------------------------------------
Blogger Template Style
Name: XxXxX
Designer: abcdef
URL:http://vimovista.blogspot.com/
Date: Februari 2010
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
4. Simpan dan lihat hasilnya.
5. Enjoy

Kumpulan kode warna html

Berikut ini kumpulan kode warna dalam Hex, diambil dari my.opera.com :

SPRINGGREEN – #00FF7F
STEELBLUE – #4682B4
TAN – #D2B48C
PURPLE – #800080
RED – #FF0000
TOMATO – #FF6347
TURQUOISE – #40E0D0
ROSYBROWN – #BC8F8F
ROYALBLUE – #4169E1
SADDLEBROWN – #8B4513
SALMON – #FA8072
SANDYBROWN – #F4A460
SEAGREEN – #2E8B57
SEASHELL – #FFF5EE
SIENNA – #A0522D
SILVER – #C0C0C0
SKYBLUE – #87CEEB
SLATEBLUE – #6A5ACD
TEAL- #008080
THISTLE – #D8BFD8
VIOLET – #EE82EE
WHEAT – #F5DEB3
WHITE – #FFFFFF
BISQUE – #FFE4C4
BLACK – #000000
BLANCHEDALMOND -#FFEBCD
BLUE – #0000FF
BLUEVIOLET – #8A2BE2
BROWN – #A52A2A
BURLYWOOD – #DEB887
CADETBLUE – #5F9EA0
CHARTREUSE – #7FFF00
CHOCOLATE – #D2691E
CORAL – #FF7F50
CORNFLOWERBLUE -#6495ED
CORNSILK – #FFF8DC
WHITESMOKE – #F5F5F5
ANTIQUEWHITE -#FAEBD7
AQUA – #00FFFF
AQUAMARINE – #7FFFD4
AZURE – #F0FFFF
BEIGE – #F5F5DC
CRIMSON – #DC143C
CYAN – #00FFFF
DARKBLUE – #00008B
DARKCYAN – #008B8B
DARKGOLDENROD-#B8860B
DARKGRAY – #A9A9A9
DARKGREEN – #006400
DARKKHAKI – #BDB76B
DARKMAGENTA – #8B008B
DARKOLIVEGREEN – #556B2F
DARKORANGE – #FF8C00
DARKORCHID – #9932CC
DARKRED – #8B0000
YELLOW – #FFFF00
YELLOWGREEN – #9ACD32
ALICE BLUE – #F0F8FF
DARKSALMON – #E9967A
DARKSEAGREEN – #8FBC8F
DARKSLATEBLUE – #483D8B
DARKSLATEGRAY – #2F4F4F
DARKSLATEGREY – #2F4F4F
DARKTURQUOISE – #00CED1
DARKVIOLET – #9400D3
DEEPPINK – #FF1493
DEEPSKYBLUE – #00BFFF
DIMGRAY – #696969
DODGERBLUE – #1E90FF
FIREBRICK – #B22222
FLORALWHITE – #FFFAF0
FORESTGREEN – #228B22
FUCHSIA – #FF00FF
GAINSBORO – #DCDCDC
GHOSTWHITE – #F8F8FF
GOLD – #FFD700
GOLDENROD – #DAA520
GRAY – #808080
GREEN – #008000
GREENYELLOW – #ADFF2F
HONEYDEW – #F0FFF0
HOTPINK – #FF69B4
INDIANRED – #CD5C5C
INDIGO – #4B0082
IVORY – #FFFFF0
KHAKI – #F0E68C
LAVENDER – #E6E6FA
LAVENDERBLUSH – #FFF0F5
LAWNGREEN – #7CFC00
LEMONCHIFFON -#FFFACD
LIGHTSALMON – #FFA07A
LIGHTSEAGREEN – #20B2AA
LIGHTSKYBLUE – #87CEFA
LIGHTSLATEGRAY – #778899
LIGHTSTEELBLUE – #B0C4DE
LIGHTYELLOW – #FFFFE0
LIME – #00FF00
LIMEGREEN – #32CD32
LINEN – #FAF0E6
MAGENTA – #FF00FF
MAROON – #800000
MEDIUMAQUAMARINE -#66CDAA
MEDIUMBLUE – #0000CD
MEDIUMORCHID – #BA55D3
MEDIUMPURPLE – #9370D8
MEDIUMSEAGREEN – #3CB371
MEDIUMSLATEBLUE – #7B68EE
MEDIUMSPRINGGREEN -#00FA9A
MEDIUMTURQUOISE -#48D1CC
MEDIUMVIOLETRED – #C71585
MIDNIGHTBLUE – #191970
MINTCREAM – #F5FFFA
LIGHTBLUE – #ADD8E6
LIGHTCORAL – #F08080
LIGHTCYAN – #E0FFFF
LIGHTGOLDENRODYELLOW- #FAFAD2
LIGHTGRAY – #D3D3D3
LIGHTGREY – #D3D3D3
LIGHTGREEN – #90EE90
LIGHTPINK – #FFB6C1
MISTYROSE – #FFE4E1
MOCCASIN – #FFE4B5
NAVAJOWHITE – #FFDEAD
NAVY – #000080
OLDLACE – #FDF5E6
OLIVE – #808000
OLIVEDRAB – #6B8E23
ORANGE – #FFA500
ORANGERED – #FF4500
ORCHID – #DA70D6
PALEGOLDENROD -#EEE8AA
PALEGREEN – #98FB98
PALETURQUOISE -#AFEEEE
PALEVIOLETRED – #D87093
PAPAYAWHIP – #FFEFD5
PEACHPUFF – #FFDAB9
PERU – #CD853F
PINK – #FFC0CB
PLUM – #DDA0DD
POWDERBLUE – #B0E0E6
SLATEGRAY – #708090
SNOW – #FFFAFA

Semoga bisa membantu

Cara Mengubah Warna Link

Saya sebelumnya pusing me lihat link di blog saya sama warnanya dengan warna tulisan artikel saya sebelum akhirnya menemukan artikel ini:

Sudah lama rasanya saya tidak menulis artikel tentang tips blogger, terakhir kali kayanya saya menulis tentang Cara Memasang Yahoo Messenger Di Blogger. Pada kesempatan kali ini saya akan menulis tentang tips blogger yang ringan-ringan saja, yaitu bagaimana cara mengubah warna link pada blog.

Untuk mengubah warna link, silakan sobat blogger cari kode berikut (Mirip juga gak apa-apa) :

a:link { color: #FFFFFF; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline; }
a:visited { color: #80FF00; text-decoration: underline; }

Penjelasan :
a:link { color: #FFFFFF; text-decoration: underline; }
Berarti warna sebuah link putih dan menggunakan garis bawah

a:hover { color: #000000; text-decoration: underline; }
Berarti warna sebuah link apabila di sorot oleh cursor akan berubah warna menjadi hitam dan bergaris bawah

a:visited { color: #80FF00; text-decoration: underline; }
Berarti warna sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna hijau muda dan bergaris bawah.

Untuk sobat blogger yang tidak suka menggunakan garis bawah, silahkan ganti text-decoration: underline; dengan text-decoration: none;

Selamat Mencoba

artikel ini saya ambil dari REMO-XP.com

Untuk mengetahui kode warna apasaja yang anda butuhkan anda bisa melihatnya melalui phothoshop atau program-program edit gambar yang lain atau kalau mau  lihat disini.