cara mengubah VAVICON dengan mudah

Kali ini saya akan sharing bagaimana cara membuat Vavicon (icon) langsung diinternet. Jadi disini kita tidak perlu editor gambar untuk membuatnya. Cukup simpel dan menghemat waktu, karena waktu yang dibutuhkan untuk membuat vavicon juga tergolong cepat. Kita tinggal menyediakan saja gambar yang akan diubah ke icon (vavicon). Setelah ini kita kunjungi http://genfavicon.com/, setelah itu maka icon akan terbentuk.

Ok, langsung saja, sebelum praktek, siapkan dulu gambar yang akan anda buat menjadi vavicon, setelah itu, ikuti langkah berikut:

1. kunjungi http://genfavicon.com/
2. Setelah itu, upload gambar yang telah disediakan tadi di bagian “Select Your Image” dengan klik tombol “Telusuri”, kemudian ikuti dengan klik tombol “Upload Image”
   
3. Pada bagian previewnya, anda bisa mengatur bagian gambar yang akan dipakai
4. Ditahap yang kedua dibagian “Cut and Preview” anda bisa mengatur ukuran dari vavicon yang akan dibuat dengan mengatur “Select the Size”, selanjutnya klik tombol “Capture & Preview”
5. Setelah itu, proses selesai, anda bisa mendapatkan hasilnya dibagian ke tiga, yaitu “Vavicon Resulting”. Disana anda disediakan 2 format pilihan,yaitu “download Vavicon” dan “Download Jpeg”
   
6. Setelah itu, anda bisa memanfaatkan vavicon tersebut untuk mengganti vavicon blog atau web anda

trus cara menerapkannya di BLOG sebagai berikut

     Setelah itu, file yang sudah di save tadi diupload terlebih dahulu ke website yang menyediakan fasilitas upload. sebagai contoh, saya menggunakan photobucket.com

Setelah di upload pada google pages, maka perhatikan lokasi url dari icon anda tersebut dan catat untuk nanti ditambahkan pada blog anda untuk menambahkan ke blog, login ke blogger dan klik edit html dan temukan tag seperti berikut :

<> … < /head >

dan tambahkan script berikut :

<link href='http://i25.tinypic.com/axeua.jpg' rel='SHORTCUT ICON'/>

ganti tulisan yang bercetak tebal dengan link tempat menguploud file gambar anda,kurang lebih seperti di atas...
langkah terakhir adalah SIMPAN,selesai dehhh..

Read more »

Free Template Bloggercollection templateHot DealsBERITA_wongANtengSEOtheproperty-developer

cara gampang mengkompres html blog agar lebih cepat

  setelah saya berbincang bincang dengan teman teman saya di kampus,di antaranya JINGGO,KOPLO,dll,dan brosing di internet ,akhirnya ketemu juga cara gampang mengkompres html blog,tanpa panjang lebar lagi ni saya kasi tau caranya : engingeng

pertama, masuk kebagian DASBOR > RANCANGAN > EDIT HTML
copy semua kode yang ada di html mu dengan cara tekan ctrl + a agar lebih mudah untuk copy paste kodenya.
lalu pergi ke http://www.textfixer.com/html/compress-html-compression.php
setelah itu, kamu masukkan kode html mu ke dalam HTML Compression Tool . Kemudian centang 
Don't compress HTML head  lalu klik compress html.
setelah kode baru muncul di bawah kode lama, kamu pastekan kode tersebut ke html mu. jangan lupa disimpan ya (^_^)

Read more »

Free Template Bloggercollection templateHot DealsBERITA_wongANtengSEOtheproperty-developer

CARA MENGUBAH/MENGGANTI TEMPLATE BLOG

Oleh : Endang Kusmana
Tulisan ini saya peruntukan bagi anda yang suka dan sedang belajar ngeblog di Blogspot.com. Mungkin anda kurang merasa sreg dengan tampilan template yang disediakan oleh Blogspot. Karena blogspot tidak cukup banyak menyediakan  template, dan tampilannya standard.
Anda bisa mengganti template blog anda yang sekarang masih standard dengan template blogspot sesuai selera anda. Saat ini banyak sekali template blogspot yang menarik. Download template blogspot di http://freetemplates.blogspot.com/….. (copas alamat URL tersebut ke browser anda). Lalu file template simpan di komputer anda.

Selanjutnya, cara mengganti template blogspot sangat mudah, ikuti langkah-langkahnya sebagai berikut :

1. Buka blog anda dan login dengan akun anda,
2. Masuk Dashboard
3. Pilih Layout,
4. Pilih Edit HTML,  … lihat gambar :

5. Centang —-> Expand Widget Templates

6. Lakukan  —–> Upload File template tadi  dari komputer anda,
7. Klik —–> KEEP WIDGETS
8. Klik ——>  View Blogs
9. Selesai, template blog anda sudah jadi ….gampang khan ?
SELAMAT MENCOBA…. !

Read more »

Free Template Bloggercollection templateHot DealsBERITA_wongANtengSEOtheproperty-developer

Apa Itu Alexa Rank dan Manfaatnya

  Apa itu Alexa rank?
Alexa rank adalah sebuah alat yang dibuat oleh Alexa.com untuk menganalisa seberapa besar trafik atau page views dari sebuah website berdasarkan jumlah pengunjung yang memasang alexa toolbar pada browser mereka. Setelah itu, data-datanya akan dikumpulkan dan kemudian dirangking berdasarkan trafiknya. Semakin besar trafiknya semakin rendah rangkingnya.

Lalu bagaimana cara untuk mengetahui ranking Alexa website kita?
Ada 2 cara yang bisa anda gunakan untuk mengetahui rangking alexa rank web anda yaitu:

I. Memasang widget alexa pada blog anda yang tampilannya seperti ini

Cara pemasangan:

1. Buka http://alexa.com lalu klik For Site Owners

2. Kemudian klik Site Widgets yang terletak disebelah kiri

3. Masukkan alamat website anda pada widget yang ingin anda pasang. Contohnya: hermanblog.com lalu klik Build Widget

4. Copy kode widget yang ingin anda pasang lalu pastekan ke blog anda. Selesai

Read more »

Free Template Bloggercollection templateHot DealsBERITA_wongANtengSEOtheproperty-developer

Pasang Auto Read More di Blogger Posts

  Saya yakin pembaca sudah tidak asing dengan fitur read more yaitu sebuah metode untuk menyembunyikan sebagian isi artikel dari halaman depan blog agar tampilan blog terlihat lebih rapi dan profesional.

Untuk metode read more yang lama, biasanya pemilik blog harus menyelipkan kode pada setiap postingan agar fitur read more bekerja. Kelemahan dari cara ini tentu kurang praktis.

Nah bagi anda yang tidak mau repot, anda bisa menggunakan fitur 'auto read more'. Dengan fitur ini anda tidak perlu lagi menambah kode read more dalam setiap postingan namun sistem akan secara otomatis menghasilkan link read more untuk postingan anda. Dengan cara ini tentu kerja kita akan menjadi lebih ringan.

Nah bagi anda yang ingin menerapkan sistem auto read more pada blog anda langsung saja ikuti langkah-langkah dibawah ini.

Catatan:
Bagi anda yang pernah memasang read more manual harap dihapus terlebih dahulu kodenya sebelum memasang kode auto read more.

1. Login ke Blogger. Masuk ke menu Design->Edit HTML
2. Beri centang pada "Expand Widget Templates"
3. Letakkan kode dibawah ini tepat diatas </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; summary_img = 301; img_thumb_height = 150; img_thumb_width = 150; </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");
if(img.length<1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9hncGdjYoOspXrSV8PMvMeAzlHARvaXJC9YTkahzEhTBafq_WeLVPYTyHzELol78osH-k13dH5i1VU80f21qCuUsPKH-ciU4_Ru2aIMaXU7es_eyUre6P9CUBjgVQ0y0jfrlzmRexPA/s1600/def-thumb.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}
if(img.length>=1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><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>

Keterangan:
summary_noimg = 300 menunjukkan jumlah karakter yang ditampilkan tanpa gambar
summary_img = 301 menunjukkan jumlah karakter yang ditampilkan termasuk gambar
img_thumb_height = 150 menunjukkan tinggi gambar thumbnail
img_thumb_width = 150 menunjukkan lebar gambar thumbnail
float:right menunjukkan posisi gambar thumbnail di kanan. Jika anda ingin gambar thumbnail berada di kiri ganti right menjadi left
img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9hncGdjYoOspXrSV8PMvMeAzlHARvaXJC9YTkahzEhTBafq_WeLVPYTyHzELol78osH-k13dH5i1VU80f21qCuUsPKH-ciU4_Ru2aIMaXU7es_eyUre6P9CUBjgVQ0y0jfrlzmRexPA/s1600/def-thumb.png" adalah gambar cadangan yang muncul jika tidak ada gambar dalam postingan. Anda bisa ganti gambar cadangan dengan gambar lain atau hapus saja alamat gambarnya jika anda tidak mau menggunakan gambar cadangan.

4. Kemudian cari <data:post.body/> atau <p><data:post.body/></p>

5. Ganti kode tersebut dengan kode dibawah ini

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

6. Kalau sudah, simpan template anda.

7. Selesai. Silahkan lihat hasilnya

Seperti biasa anda bisa mengkreasi sendiri link read more misal dengan menambah judul posting didalamnya atau mengganti link read more dengan gambar. Caranya sama dengan read more manual. Selamat mencoba!!

Read more »

Free Template Bloggercollection templateHot DealsBERITA_wongANtengSEOtheproperty-developer

Membuat Link Warna Warni Atau Rainbow Link Pada Blog

Rainbow link atau link pelangi merupakan suatu link dimana jika mouse pointer kita diarahkan ke link tersebut maka linknya akan berkedip warna-warni seperti warna pelangi.

Jika anda masih bingung. Silahkan berkunjung kesini lalu arahkan kursor mouse anda ke salah satu link untuk melihat hasilnya. Gmn menarikkan? Nah untuk memasang link warna-warni ini caranya sangat mudah. Anda cukup memasukkan kode javascript-nya pada blog anda maka efeknya akan langsung berfungsi. Biar lebih mudah. Silahkan ikuti cara berikut ini:

1. Seperti biasa, login ke blogger. Kemudian pada menu Edit HTML

2. Letakkan kode dibawah ini diatas kode <body>

<script src='http://hbhost.googlecode.com/files/rainbow-link.js'/>

3. Klik Save Template.

4. Selesai. Silahkan liat hasilnya.

Read more »

Free Template Bloggercollection templateHot DealsBERITA_wongANtengSEOtheproperty-developer

Cara Mengganti Link Older Post dan Newer Post Dengan Icon Gambar

Secara default, setiap template blogger akan dilengkapi dengan link older post dan newer post yang masing-masing berfungsi untuk menampilkan postingan lama dan baru.

Nah agar tampilannya lebih menarik, anda bisa menggantinya dengan icon-icon mungil. Contohnya seperti gambar dibawah ini.


Menarik bukan? Klu anda tertarik silahkan ikuti langkah-langkah dibawah ini

1. Pada menu klik Design -> Edit HTML
2. Biar aman backup dulu template anda dengan klik Download Full Template
3. Beri tanda centang pada kotak "Expand Widget Template"
4. Lalu cari kode <data:olderPageTitle/>5. Kalau sudah ketemu ganti kode tersebut dengan kode icon dibawah ini.


kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2yOp-AIltjU87HV_UBi-S2AzP574r2qSIJ5TcmlNPA_IfZUTUcoikhivyg7CB_mCUhszPhucCYuC27i2Hord_bBqVLZaruoCJQwH8VlvvNZG8HBJBrhRi_-2RSdR7lSgTXhzyu1cdl_xt//" border="0" >

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFB-nwyF5MiB_ezSMQN1Cqb7hkLHG4SA_j2jKsygUZyTyEzfTIvY1CkVgbV0nI0MU6KjCyINjvSF9LFIgHZ1tesndT6M6GS73ApQZM_nypDpkKOE_Z5nHUVa4WPJCrothMlrmBAJxbxLmz//" border="0" />

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh16zbGPu96qDkRpKabBuOesndiOAYxOebNKOcIFGAQCai-wi1fD1rB3b8jrOeBB_JnA43631ca8hytmOmPi3X3mG1QBhnZV9ux9jRMkZRCWUePGLPAHXXK9XyaC0Pj7i0t4UmjIqI6KTQ//" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6dSt2XagIzg5iqzNJ7ZF2BGjfDwaPBh4JLb0YGQtIGaOJXeh4xUGwpPBKISIFqzZo0Gx6iBgw4-pqsLF3YCHjqwzO-9r6RsAZ4WMs1H69E1MAdVfgFWTAwv2smQa5irx15-y-K7JEqgIH//" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Drn5ULO5Po3OsZPfGanD_bZJLptyvsX41lpW5ZWF0muo5vVzgi8M-ndia6nGB3n9PnMrU2UJn_KC_bcR8tqr6ETOIPxgM31TeVG6pKGOOpos9xBCQE9HbmijFYOH0gfSaKTxvcMpLcNo//" border="0" />

6. Contohnya anda mau menggunakan icon maka ganti kodenya dengan <img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/bt-right.png" border="0" />

7. Untuk mengganti link newer post. Cari kode <data:newerPageTitle/> lalu ganti dengan kode icon dibawah ini.


Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgiKvz6wFMmDOK8EgqO17WSnn4yeWHvhg4wItPZ8woAhFljbGXfjnRKwa8isMvu-XuS75HHrxF5tMEasgTFefaCn_TR5aaL4om7F6TUoO4H5U_Q0qaeGcjCnWzSEuKjfjEmuGwyHsmZ-Uo//" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Oee2HDGZWTfKuBcIFPQ8iBepz99P3nJ8avG74HYkq7ggpk_h6RO6gugu3fh7CJU_3C41ZrMSQIpwc9i31b7giTSjUcCEytkVxst3pZBfsuYBEZ47qGfzLfmZ3rqxuf-6Wg84QLMTCtBH//" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsrfS6tKiXQxGD6eLwjiK7MYPTFB3zdnYBPDZfIR8Xd76sadBgw7D2_07ognBCbWf8EBJNFM80yev9Z-T89J93NOlwEtgKatrHfo-f7zE-DwRXeOjrHq79cYSbkefJl52ZLT_OQzizvzHI//" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIdDabYkL327QsZJZPMbZM4EbIlwd_CfrhyhpJRCDhddNu-s_vVrLnR8_Kl5fK0ztFf_M8zAjgsqO1IG3Qgq2XMvmQiEqZpK0i4JhlqfsLYlBo53ewyieObR8pzkn77XZSP17UyXX5ulkp//" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS7uAjxcLSp4FMeBjd8BMXgPYJpcSJ-ROZo4kD5t4H7NNLopVUAmKJSfEjkBLCHYvF7vSh0JK1lUkxY2qPqYKjfx_X8ScHgih4HUwfBiBAG_YL6OX-Idg3nuPUXVxjTB9W0a9C_luFZfhq//" border="0" />

8. Sepertinya kurang maknyus jika tidak mengganti link home-nya. Ok, untuk mengganti link home cari kode <data:homeMsg/>. Biasanya ada 2 kode yang sama. Ganti kode yang pertama dengan kode icon dibawah ini.


Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPeaqvB0txMmIQW6PmtR4wXvfEzibMfsodHSkM0mD_h96nxfndzllLhVWUME_RZfvU7oaN6ckSBsTYXP-PBzoaTR_8LyPyfU79IYbtT_7iNJ8vjrCl2RTX4c5_e2QRVUtficlD3gk3nqzQ//" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcob7qnDSwuTK_Yz6_D0DVjuaHHfxzfz-Ccl_rFlUr8akqzRBNIF3z1p_SAKuwHMWIO-CVgjWVfqw2Hr0dSIwrHsqStDnqc7sQrm7sVo2v8SMahLjmlhhpEgZbkmIjOIJbRQduwtVH8NQW//" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjca8ZWI7MNC4zCxJ8dIP3hOk3nyJQ_HZP9BUgDiNI_qnEvCexBGOI9THV3nRcK1CD8-sM_c3KWChyphenhyphens_MxFzCTA3DbN0GT6hBOjVAUgApE-TsHG9VzHNLFBXoS97kin4Zkv2-ghwHg9csQ3//" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0H-whG-LMq14LIBIURx5K1IWXkOBd-wxXhi5nPPusSD2crL3MrBwgcHzet5R5o_tGU9CrCur_ojkDkC-lxb2H7zqc-TrrzAooUQrEWPvyAdv7BHrXhYgTxXBBRRWURLmFSnN6Fto-Hay6//" border="0" />

9. Setelah itu, klik Save Template.
10. Selesai. Silahkan klik View Blog untuk melihat hasilnya.

Read more »

Free Template Bloggercollection templateHot DealsBERITA_wongANtengSEOtheproperty-developer