Tampilkan postingan dengan label BlaG bLiG bLOgs. Tampilkan semua postingan
Tampilkan postingan dengan label BlaG bLiG bLOgs. Tampilkan semua postingan

Cara mengganti logo blogspot - mengganti favicon blogger

Diposting oleh zandhecassanova.blogspot.com



Yang sebelah kiri adalah favicon default di blogspot dan yang sebelah kanan adalah favicon modifikasiku. Bikinnya gampang kok. Saya akan tunjukkan kepada anda sekalian bagaimana mengganti favicon blogspot:
  1. Persiapkan gambar untuk favicon. Anda bisa menggunakan editor gambar kesukaan untuk berkreasi. Saya menggunakan Adobe Photoshop.
  2. Ukuran icon yang saya buat adalah 27 x 20 pixel. Menurut saya ukuran maksimal untuk tinggi icon agar terlihat proporsional adalah 30 pixel.
  3. Simpan dengan ekstensi gif (File, Save As, File Type : gif). Ekstensi untuk favicon sebenarnya bisa dibuat dalam ekstensi gif, ico dan png. Saya pilih gif karena lebih mudah pembuatannya dan ukurannya relatif kecil, juga bisa dibuat beranimasi (tidak saya bahas sekarang)
  4. Upload gambar ke ImageShack (gratis) dan dapatkan link direct downloadnya. Contoh yang saya pakai ada di http://img691.imageshack.us/img691/2631/icon2a.gif.
  5. Login ke Dashboard blogspot anda, masuk ke menu Layout, Edit HTML
  6. Tekan CTRL+F, masukkan kata: </head>, letakkan kursor anda sebelum tanda </head> tersebut
  7. Selipkan syntax berikut :
    <link href='http://img691.imageshack.us/img691/2631/icon2a.gif' rel='shortcut icon'/> (NB: Ganti alamat http://img691.imageshack.us/img691/2631/icon2a.gif sesuai alamat icon anda di ImageShack)
  8. Save Template dan lihat perubahan yang terjadi (View Blog) - Selesai
Silahkan dicoba. Beri tahu saya hasil yang anda buat.

--------------------- Update (10 Feb 2010) --------------------
Untuk memaksa browser menampilkan favicon diatas, anda dapat menambahkan kode:
<link href='http://img691.imageshack.us/img691/2631/icon2a.gif' type='image/gif' rel='icon' />
Tepat dibawah kode point no. 7.

Favicon dengan tipe file gif bisa muncul dengan baik di browser firefox, namun tidak tampak di IE. Untuk memastikan setiap icon muncul dengan konsisten, tipe file harus .ico. Silahkan kunjungi http://www.html-kit.com/favicon/ untuk membuat file .ico gratis!
Semoga bermanfaat.

Category: 0 komentar

Cara Membuat Buku Tamu Melayang

Diposting oleh zandhecassanova.blogspot.com

Artikel ini khusus aku posting buat sahabat ku Triando yang ingin membuat buku tamu melayang, sebenarnya ia telah lama meminta ku untuk membuat tutorialnya, tapi karena kesibukkan baru kali ini Admin bisa mempostingnya. Ok, langsung aja nich . . .

Pernah tidak melihat sebuah blog yang di samping kanan atas ada tulisan Buku Tamu dengan background hijau, yang kalau diklik akan keluar form isian yang menanyakan Nama, Website dan Message.

Buku Tamu tersebut melayang yang artinya tidak terpengaruh oleh scroll mouse, walaupun mouse digulir ke bawah Buku Tamu tersebut tetap nampak. Mau tahu caranya?

1. Sign in ke blogger dan silahkan Login dengan Account Anda

2. Pilih Layout/Tata Letak

3. Pilih Page Elemen/Elemen Halaman

4. Klik Add a Gadget/Tambah Gadget

5. Lalu pilih "HTML/JavaScript"

Kemudian Copy-Paste kode di bawah ini :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqK3ZbVoM4PpDs7TZtojQHe3A9lvb945vzklaYz-GYXP9Vpiht1nl9XFgv2EGSgHE4l0QzfNQHbdIeD7gEg9I69d5eIzXu-UKW-CrvgiU6iHHg5FDBpiyMmxxzdrNw1K58Rzb3IOud7eZX/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="m4n0" src="http://www6.shoutmix.com/?m4n0" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www6.shoutmix.com/?m4n0">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->


<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


CATATAN :
1. Ganti tulisan yang berwarna merah dengan kode yang anda peroleh dari ShoutMix

2. Icon Buku Tamu dapat anda ganti sesuka hati dengan terlebih dahulu merancangnya di Photoshop atau di CorelDraw, setelah itu upload di hosting image seperti photobucket dsb. lalu ambil URLnya dan pasang di background.

3. Selamat Mencoba !!!

Category: 0 komentar

Memasang Widget Google Translate Pada Blog

Diposting oleh zandhecassanova.blogspot.com

Sesuai dengan namanya. Widget ini berfungsi untuk menerjemahkan bahasa yang satu ke bahasa yang lain. Dengan memasang widget ini, maka pengunjung yang berasal dari negara lain juga bisa menikmati konten diblog anda. Selain itu, anda juga bisa memanfaatkan widget ini untuk belajar bahasa asing lho. Menarikkan?

Sebenarnya google translate ini sudah pernah saya bahas pada beberapa waktu yang lalu. Namun karena widget ini sudah mengalami perubahan yaitu menggunakan icon-icon bendera sehingga tampilannya menjadi lebih menarik.
 
Oleh sebab itu, pada postingan ini saya ingin membahas kembali dengan menyajikan widget buatan saya sendiri. Seperti yang di blog saya ini..

Widget ini saya buat dengan mengganti icon bendera yang berbentuk seperti pin dan diberi sedikit efek shadow sehingga hasilnya menjadi seperti diatas. Semoga tidak terlalu mengecewakan. 

Bagi anda yang tertarik, silahkan copy kode dibawah ini.

Untuk Google Translate 2 baris. Gunakan kode dibawah ini:








<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>

<div style="text-align:center">
<a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMmejm3ATcUrpQjpMFqKt5O3EelZ8zwGDkRmbpw4lhpfIqYYlGv1Z12yevqKil79Gte1q6X1AQnvByLuNhCUo_YU-uqO-WO3WGqsr23sVvJ6x6En9HeDQPPNM_r3qCz9SQK01x5kNnynKO/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7RTH8OADB1194NBAGz7kbtH8bcekmIywdZFyMpbaJFQ4uzcde_Qe8by2iIeNnXRLfe1UICfOB-r-OG9R_xbbZE4G6sPXsXD9Gdm0ErLXWTbK3QdE9b8wnyHd79bCDqZuzlrTdxBuCfKUO/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ayolhy7_e9B542VsLDPDM5u-SruxFjYi6yJmnSdDYEtr6KLntIu7RRV4eF8q8fHAXNPJcoNdxILwGFik-EqvtHG9OOz3cJsXaghCi52lp2mayBRHSjkJkm_uNNK0Qk66aU4CMvvCmqlb/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj654VCOcedbcgCIsSdOIw_hRCK4gpgXxDL_UsNPJJqd7iTZitxwV9DFIo_IBOWX3k3ocHOX82dEB14k57LPjImrmJmZ50Ox-Dp_slQg8cBFzstgJGoBS0nnrqQDhyphenhyphenaekiaz16zBD4hQ-cg/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLNlJ3n8QxYx4_T4VoTo8KY6PTTqdF8drPP1Coy3B9DHwNukJc6s5sLKqC-GPlRpbK-2dbK8E2AZnvYgpE8LFgnbDm3JYPxuhlx38M730l6mvihAwBZ-kflkWxfclur0Uo0gvVdPKb6Dep/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWypok3wCwwAkB93PIQSuULTO8fw1C9oBO688TH4NHnCdKSRRM8MVNb6Re9Fx-ZvkL_glpSlZ9eAXgzdCvWA9fK_MvZQ5iRBtqbeQBysAAq6TOruByKxhsGJUk23yChP-VsjPu1UnlUFIJ/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwz_ylvJwAGeT7k3x6h9QCtIkC0ypCl0L4fLjDV92w6LqXlCmN8gVvQgHf7vVRRzCDmdaeIKozEIkS59lyHHc-fsFtt1cxL-oxbEgs-rTvBezIKDakvu6tY4U5HyWkRe7OA2GgS6Vsafb8/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaaljai2-Qim0-T-X3aGC9y71zYVCKgxyhM-w4wBuO63vsF1ocBf7Msb8c4904omkqvsupJzIHHAbOJHQv_CwSWO3iMyQ8MtInwT8HSBzDOpPSX3GtRXcDF2SLBy_TJ3Po_3lYBE92HIAQ/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBRx9BXE7d5sPgGwnr5bWt-EyWA7xv1XG3s7QtZZUch6S_r8ChcgS_Vg2G34hAdQPe4fOVec6rVpR1whC9aiVGVJlJsiirLzcqGfqbL5qCnqQJiCaZ-lnag8hWQdFpm7AyvsEQr19Mh0xL/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl4zqkZuJSUOh1-V3wmD5Z0sCif14Q65EukQgtr_XEpVGcT0E_9SlMWsJ6SkZzfi2CXMOqdvdusp1iCaEQg8OWloNDL_F9OpO9pY1ox2fwXxJYTsJ9erb7cqCxYBGAFC6xl_UlKt2Gmjc7/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVesXUTDXB_0-DPij9NPVoazbovVXv2HPpQpuVkPhnJ60Hl2i6O3NjFXuV8VWsxM7Th-xt_NYqo7xmyU1SRRIBf0uASj1qqXaxRMUKvfu4i5ReRCKtA3mw34-KNImAYzMqzy9I7TMD610e/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJMlPgtIo54SPoX4tKxELo_8k7JJmHg_oj0q-AxafXV81iqtVCSigfSxUFcbNYgFcrBNB4achZJEHbrQaNKv2uzSvvRrtxge25pA92f3a_VkWbVCfsPomObmT4cEkTulaBdT4SCAuB2br6/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://www.hermanblog.com"/>Translate Widget</a> by Google
</div></div>


Untuk Google Translate 3 baris. Gunakan kode dibawah ini:










<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>

<div style="text-align:center">
<a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMmejm3ATcUrpQjpMFqKt5O3EelZ8zwGDkRmbpw4lhpfIqYYlGv1Z12yevqKil79Gte1q6X1AQnvByLuNhCUo_YU-uqO-WO3WGqsr23sVvJ6x6En9HeDQPPNM_r3qCz9SQK01x5kNnynKO/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7RTH8OADB1194NBAGz7kbtH8bcekmIywdZFyMpbaJFQ4uzcde_Qe8by2iIeNnXRLfe1UICfOB-r-OG9R_xbbZE4G6sPXsXD9Gdm0ErLXWTbK3QdE9b8wnyHd79bCDqZuzlrTdxBuCfKUO/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ayolhy7_e9B542VsLDPDM5u-SruxFjYi6yJmnSdDYEtr6KLntIu7RRV4eF8q8fHAXNPJcoNdxILwGFik-EqvtHG9OOz3cJsXaghCi52lp2mayBRHSjkJkm_uNNK0Qk66aU4CMvvCmqlb/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj654VCOcedbcgCIsSdOIw_hRCK4gpgXxDL_UsNPJJqd7iTZitxwV9DFIo_IBOWX3k3ocHOX82dEB14k57LPjImrmJmZ50Ox-Dp_slQg8cBFzstgJGoBS0nnrqQDhyphenhyphenaekiaz16zBD4hQ-cg/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLNlJ3n8QxYx4_T4VoTo8KY6PTTqdF8drPP1Coy3B9DHwNukJc6s5sLKqC-GPlRpbK-2dbK8E2AZnvYgpE8LFgnbDm3JYPxuhlx38M730l6mvihAwBZ-kflkWxfclur0Uo0gvVdPKb6Dep/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWypok3wCwwAkB93PIQSuULTO8fw1C9oBO688TH4NHnCdKSRRM8MVNb6Re9Fx-ZvkL_glpSlZ9eAXgzdCvWA9fK_MvZQ5iRBtqbeQBysAAq6TOruByKxhsGJUk23yChP-VsjPu1UnlUFIJ/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwz_ylvJwAGeT7k3x6h9QCtIkC0ypCl0L4fLjDV92w6LqXlCmN8gVvQgHf7vVRRzCDmdaeIKozEIkS59lyHHc-fsFtt1cxL-oxbEgs-rTvBezIKDakvu6tY4U5HyWkRe7OA2GgS6Vsafb8/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaaljai2-Qim0-T-X3aGC9y71zYVCKgxyhM-w4wBuO63vsF1ocBf7Msb8c4904omkqvsupJzIHHAbOJHQv_CwSWO3iMyQ8MtInwT8HSBzDOpPSX3GtRXcDF2SLBy_TJ3Po_3lYBE92HIAQ/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBRx9BXE7d5sPgGwnr5bWt-EyWA7xv1XG3s7QtZZUch6S_r8ChcgS_Vg2G34hAdQPe4fOVec6rVpR1whC9aiVGVJlJsiirLzcqGfqbL5qCnqQJiCaZ-lnag8hWQdFpm7AyvsEQr19Mh0xL/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl4zqkZuJSUOh1-V3wmD5Z0sCif14Q65EukQgtr_XEpVGcT0E_9SlMWsJ6SkZzfi2CXMOqdvdusp1iCaEQg8OWloNDL_F9OpO9pY1ox2fwXxJYTsJ9erb7cqCxYBGAFC6xl_UlKt2Gmjc7/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVesXUTDXB_0-DPij9NPVoazbovVXv2HPpQpuVkPhnJ60Hl2i6O3NjFXuV8VWsxM7Th-xt_NYqo7xmyU1SRRIBf0uASj1qqXaxRMUKvfu4i5ReRCKtA3mw34-KNImAYzMqzy9I7TMD610e/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJMlPgtIo54SPoX4tKxELo_8k7JJmHg_oj0q-AxafXV81iqtVCSigfSxUFcbNYgFcrBNB4achZJEHbrQaNKv2uzSvvRrtxge25pA92f3a_VkWbVCfsPomObmT4cEkTulaBdT4SCAuB2br6/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://www.hermanblog.com"/>Translate Widget</a> by Google
</div></div>


1. Kalau sudah, buka kotak HTML/ javascript lalu pastekan kodenya kedalam kotak.

2. Klik Save. Selesai. Silahkan lihat hasilnya.


Jika anda merasa letaknya kurang pas dengan kolom sidebar anda. Anda bisa menyesuaikan jaraknya dengan mengganti nilai 0 pada padding-left. Semakin tinggi nilainya semakin lebar jaraknya. Dan jika anda ingin mengganti icon benderanya dengan icon lain. Silahkan ganti tulisan bewarna merah dengan alamat url icon anda.

Selamat mencoba. Semoga bermanfaat..

Category: 0 komentar

Cara Membuat Banner Berjalan ---> Yok mari dicoba..

Diposting oleh zandhecassanova.blogspot.com

Sebelumnya saya sudah pernah mengulas tentang cara membuat efek marque untuk teks dan link. Dan sepertinya cara ini cukup menarik karena selain dapat menghemat ruangan blog cara ini juga dapat membuat blog lebih interaktif.

Oleh sebab itu, pada kesempatan ini saya akan membahas kembali cara membuat efek marquee namun kali ini yang akan saya bahas adalah efek marquee untuk banner atau banner berjalan.
 
Cara ini sering dipakai oleh pemilik blog atau website yang ingin memasang banyak banner namun terbatas ruangannya. Nah bagi anda yang ingin menggunakan cara ini, gunakan kode dibawah ini pada blog anda:

<marquee scrolldelay="10" direction="right" behavior="scroll" scrollamount="3" width="468" bg height="60"><a href="http://namabloganda.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-w_WxmqRF6XEqE_skFHpXOpFmA23E2rX6-R8Vy8dB7bWkgxN0gVTF6Xv0p6rGu3JC2LqOBOvZcpFtPBssa-lkFHMBfTntVlHVl4wLSbi_arR0XA3lSugT0-P1P9-DWIVOVHb07meM88HP/" /></a>
</marquee>
Ganti tulisan yang berwarna hijau dengan url website yang ingin dituju dan tulisan berwarna merah dengan url banner anda.

Jika anda ingin memasang lebih dari 1 banner. Sebagai contoh anda ingin menambah 1 banner lagi. Tambahkan kode dibawah ini diatas kode </marquee>

<span style="padding-left: 10px;"><a href="http://namabloganda.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguzq6w_RznqlHRoIlgwNPs9z0ig680KmCiPpBi7PZurRD5pvcnJb4fflnJJZpKHqJXvCO92XfHVCrBIA0AepwLzPNuHKw_YEpxCLQBD5m_I_4qO816qsjyjGaH4thhW-uw7yCW8KZL7kr1/" /></a></span>
Ingat:
Ganti tulisan berwarna hijau dengan url website anda dan tulisan berwarna merah dengan url banner kedua anda.

Jadi susunan kodenya menjadi seperti ini:

<marquee scrolldelay="10" direction="right" behavior="scroll" scrollamount="3" width="468" height="60"><a href="http://namabloganda.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-w_WxmqRF6XEqE_skFHpXOpFmA23E2rX6-R8Vy8dB7bWkgxN0gVTF6Xv0p6rGu3JC2LqOBOvZcpFtPBssa-lkFHMBfTntVlHVl4wLSbi_arR0XA3lSugT0-P1P9-DWIVOVHb07meM88HP/" /></a>
<span style="padding-left: 10px;"><a href="http://namabloganda.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguzq6w_RznqlHRoIlgwNPs9z0ig680KmCiPpBi7PZurRD5pvcnJb4fflnJJZpKHqJXvCO92XfHVCrBIA0AepwLzPNuHKw_YEpxCLQBD5m_I_4qO816qsjyjGaH4thhW-uw7yCW8KZL7kr1/if" /></a></span>
</marquee>
Hasilnya:




Begitulah seterusnya jika anda ingin menambah banner lagi. Jika anda ingin mengganti arah gerak banner atau mempercepat gerakan banner silahkan baca artikel cara membuat efek teks marquee karena sudah pernah saya bahas disana.

Selamat mencoba.

Category: 0 komentar

http://tulisanhidup.files.wordpress.com/2010/04/z.jpg

Diposting oleh zandhecassanova.blogspot.com

Mengingat saya dalah oarang yang baru akhir2 ini belajar blogging terus menerus hingga mengabaikan pekerjaan kantor..
Namun karena  saya suka, jadi saya mau share apa yang sudah say lakukan perubahannya..
yuk ikutin...


Tips Blogger yang akan saya bahas kali ini bukan hal yang baru, tapi melaikan merupakan hal yang wajib diketahui oleh para Blogger. Biasanya bagi blogger yang masih pemula atau baru Belajar Blogger, seperti halnya saya sendiri, kurang tahu dan masih bertanya-tanya bagaimana Cara Mengganti Logo Blogger Dengan Gambar Sendiri. Yang merasa kurang paham dengan cara ini bisa melihat contohnya pada Adress Bar Blog saya ini, jika blogger yang baru membuat blognya biasanya pada adress bar masih menggunakan logo Blogger yaitu huruf "B". Nah untuk merubahnya yang anda perlukan adalah gambar yang anda inginkan untuk dijadikan logo, tapi syarat gambarnya harus sudah terupload di Internet. Jangan khawatir banyak penyedia upload foto di Internet, contohnya saja PhotoBucket dan Picasa.

Setelah anda memiliki foto atau logo yang sudah diupload dengan disertai url foto tersebut anda sudah bisa melanjutkan Tips Belajar Blogger kali ini. Berikut cara-cara Tips Blogger tentang Cara Mengganti Logo Blogger Dengan Gambar Sendiri.
Login dulu ke Blogger anda.
Klik Rancangan pada Dashboard
Klik Edit Html.
Tekan Ctrl + F untuk mencari kode berikut ini :

<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[
Copy kode ini di antara kode di atas : <link href='url foto yang telah anda upload' rel='shortcut icon'/>
 
Contohnya seperti ini :

<title><data:blog.pageTitle/></title> <link href='alamat url foto yang telah anda upload' rel='shortcut icon'/>

<b:skin><![CDATA[
Setelah itu Simpan Template dan anda sudah bisa melihat hasilnya. Demikian Tips Blogger tentang Cara Mengganti Logo Blogger Dengan Gambar Sendiri, semoga dapat bermanfaat untuk anda terutama bagi yang baru Belajar Blogger.
 

Category: 0 komentar
Langganan: Postingan (Atom)
Diberdayakan oleh Blogger.