Showing posts with label Widget Blog. Show all posts
Showing posts with label Widget Blog. Show all posts
Blog Transparent

Blog Transparent

Halo para sobat blogger yang bae-bae dihari minggu yang cerah ini akhirnya kang fatur meluangkan waktu untuk berbagi ilmu kepada sobat koe yang bae, kali ini kang fatur hanya untuk mengambulkan permintaan dari para sobat yang meminta "Supaya Blog Transparan"

O.K sesuai janji kang fatur untuk memposting cara membuat blog transparan, ini tipsnya. Bagi yang memerlukan silahkan di coba. Walaupun ini adalah tip's yang tergolong mudah tapi siapa tahu sobat memerlukannya....

O.K kita langsung aja ikuti langkah-langkah berikut ini :

1. Seperti biasa login ke blog sobat
2. Dashboard/dasbor
3. Layout/tataletak
4. Edit HTML, centang "EXPAND TEMPLATE WIDGET" dan download lengkap template buat berjaga-jaga jika terjadi kesalahan.

Terus cari setiap kata :

background

contoh :

background: #000000;

Lalu ganti kode warnanya (teks yang tercetak merah) menjadi transparent, atau kurang lebi seperti ini

background: transparent;

atau sobat bisa juga melakukan dengan cara kedua yaitu buang saja value warna merah yang ada sehingga menjadi seperti ini :

background: ;

Cari di setiap posisi dimana sobat ingin posisi tsb terlihat bening/Transparan.
Contoh bagian Header, body, side bar, post footer, lower dll.
Nah mudah bukan ? setelah itu klik Save/simpan perubahan, dan lihat hasilnya....
Semoga tip's ringan ini bermanfaat bagi para sobat semua !!

Selamat mencoba ......,







Hantu Berkeliaran di Halaman Blog

Hantu Berkeliaran di Halaman Blog

Halo semuanya, para sobat koe kang fatur hadir lagi nie mao ngasih serpai buat para sobat blogger semuanya, kali ini kang fatur punya tips baru yaa walau pun tips ini sedikit lumayan tapi hasil jerih payah kang fatur hehe. Tips kali ini yaitu tentang cara membuat "Hantu Berkeliaran di Halaman Blog". Dulu pernah kang fatur posting tentang "Membuat Kupu-kupu dan Burung Terbang" dan ada seseorang "arsief.blogspot.com"yang minta lewat ShoutMix, kalau ga salah gini "kang fatur bisa gak bukan burung dan kupu-kupu yang berterbangannya???" Maka demi mengambulkan permintaan sobat. Kang fatur bikin yaitu "Hantu Berkeliaran di Halaman Blog" kalau soabt penasaran dan pingin lihat dulu silahkan klik disini atau disini


O.K. para sobat semuanya, kita gak perlu kesana kemari lagi ngomongnya karena waktu semakin mendesak dan kebetulan mao nyontreng nie hehe, kita langsung aja menuju istana cara pembuatannya :

1. Seperti biasa login dulu ke blog para sobat dengan ID masing-masing

2. Klik Tata Letak (layout)

3. Klik Tambah Gadget

4. Tambahkan HTML/Javascript

5. Kemudian copy paste script di bawah ini.

<script language="JavaScript1.2" src="http://h1.ripway.com/adetea/hantu.js"></script>


6. Setelah selesai klik tombol Simpan, dan lihat hasilnya!!!

Selamat mencoba, mudah mudahan tips ini bisa membantu para sobat, berikan kang fatur komentarnya


Efek Kembang Api di Halaman Blog

Efek Kembang Api di Halaman Blog

Pada sore hari ini kang fatur mao bagi-bagi rejeki nie malaupun yang ringan-ringan hehe, kali ini kang fatur mao bagiin cara mebmuat "EFEK KEMBANG API" mungkin tips ini udah banyak yang sudah posting dulu-dulu tapi mudah-mudahan para sobat blogger masih ada yang memerlukan tips ini.

Jika para sobat ingin lihat contohnya silahkan sobat klik disini atau disini.
Kalau para sobat tertarik untuk memasangnya, silahkan lakukan dengan langkah-langkah berikut ini :

1. Seperti biasa masuk ke account blogger sobat
2. Dashboard/dasbo
3. Layout/tataletak
4. Tambah gadget pilih HTML/Javascript

Lalu pastekan kode dibawah ini kedalamnya kotak yang tersedia :


<script src="http://www.geocities.com/teaade@ymail.com/apie.js" type="text/javascript">

/***********************************************
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>


Setelah selesai klik tombol sipan dan lihat hasilnya!! mudah juga bukan???

"Jagan Lupa Comennya"





Kursor Bermesraan Dengan Teks

Kursor Bermesraan Dengan Teks

Halo para sobat kang fatur, yang pada alim alim ada berita hangat nie buat para sobat sekalian yaitu Kursor Bermesraan dengan Teks kaya gambar yang di samping tuuuch, nempel terus kaya perangko hehehe (berpacaran kali)

O.K para sobat kenapa kang fatur ambil judul seperti itu ya mungkin karena judul-judulnya sudah abis di pake ama sobat-sobat yang lain. lagi pula kang patur sengaja ambil judul seperti ini mungkin agar timbul rasa penasaran di hati para sobat dan penasarn ingin mencobanya (supaya nempel terus di blognya kang fatur gitu loooch).


O.K para sobat maksud dari judul postingan kang fatur kali ini yaitu : Kemanapun kursor kita (para sobat) gerakan, maka selalu ada teks yang dengan mesra mengikutinya baik ke atas, ke bawah maupun ke samping seperti yang ada di sini atau di sini.
Apakah para sobat ingin memasangnya??? O.K kalau para sobat berminat ingin memasangnya kang fatur mau langsung aja ke langkah-langkahnya :


  1. Seperti biasa sign ke Blogger.
  2. Pilih Tata Letak, Edit HTML, HTML/JavaScript.
  3. Copy seluruh kode dibawah ini dan paste pada kolom yang tersedia.
  4. Klik Tombol Simpan.
  5. Selesai.

"KODE YANG HARUS DICOPY"



<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){

// Your message here (QUOTED STRING)
var msg = "KANG FATUR TEA";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

</script>



PERHATIAN!!!

Tulisan yang berwarna mera silahkan para sobat ganti dengan nama sobat atau apa saja yang para sobat inginkan dan yang berwarna kuning sobat ganti dengan warna yang para sobat inginkan untuk kode warna silahkan klik disini.

Jika langkah langkah sudah selesai silahkan ekarang lihat hasilnya!! Gampang juga kan?? semoga bermanfaat bagi sobat. jangan lupa komentarnya.







Cara Pasang Flash di Blog

Cara Pasang Flash di Blog

Dalam perjalanan satu hari satu malam mengelilingi dunia lewat seperangkat komputer akhirnya kang fatur dateng lagi nie untuk bagi-bagi sesuatu kepada para sobat, kedatangan kang fatur kali ini yaitu untuk mengasih tahu bagi para sobat yang belum tahu, yaitu cara memasang flash di blogspot.

Buat para sobat yang masih bingung cara memasukkan flash atau gambar berekstensi.swf kedalam blog para sobat, seperti tulisan "selamat datang di .... " di blog ane ini, jangan kuatir ya ? atau lebih jelasnya liat aja di bagian header kang fatur tuuu di atas!! disini jawabannya ! perhatikan ya ?

Seperti biasa.... kita akan menggunakan cara yang Sangat Gampang aja alias instant aja daripada kita harus pusing buka tata Letak n Edit HTML gala sampai-sampai menghabiskan waktu dan uang untuk bayar perjam internet hehe

Seperti biasa....

1. Masuk ke Blog sobat
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan menu HTML/JavaScript
6. Pastekan script di bawah ini ke dalam kolom konten tersebut

<embed pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" quality="high" width="970" src="http://kang fatur ganteng.swf" wmode="transparent" height="160" type="application/x-shockwave-flash"></embed>

PERHATIAN!!!!!

Tulisan yang berwarna MERAH menunjukan alamat dimana file swf atau flash sobat !! dan tinggal diganti dengan URL atau alamat File Flash para sobat.

Misalnya sobat sudah memiliki URL dari file Flash yang telah ter-upload di suatu situs, ya tinggal diganti aja dengan alamat URL tersebut ! paham kan ????
Kalau belum memiliki file yang ter-upload, ya upload dulu gambar flash para sobat oceh !! banyak alamat untuk meng-upload file koq. Kalau kang fatur mah menggunakan jasa http://fileave.com/ . Kalau para sobat ya terserah cari aja di google !! banyak alamat situs penyedia layanan upload OK ? atau kalau males cari n kebetulan belum tahu klik aja disini atau disini

Masih lanjut soooob teruuuuus? masih ada sisa waktu seperapat lagi nyampe 4000

Oke..... Tulisan/angka yang berwarna GREEN menunjukkan seberapa lebar atau tingginya flash itu akan muncul pada halaman blog sobat yaitu dalam ukuran PX (pixel)!!!
Trus jangan Lupa klik tombol SAVE atau Simpan Perubahan dan Lihat Hasilnya........ !! sekarang para sobat sudah memiliki tayangan flash pada blog para sobat!!
dah ngertikan ayeuna rahasiana ? untuk supaya flash kita bagus dan gampang bikinnya ada softwarenya disini tinggal download.

Nah kalau dah ngerti and paham, silahkan di share dan di bagikan ilmu ini ke teman-teman yang lain, biar semua teman bisa menggunakan fasilitas tersebut. !! Jangan jadi orang pelit ya ? ga bagus ! apalagi kita bikin blog pada blogspot kan gratiss

Oceeh Selamat mencoba !! dan jangan lupa komentarnya??? mudah-mudahan bermanfaat





Membuat teks Area Blog

Membuat teks Area Blog

Semalam kang fatur g tidur pe malem karna kerja bikin postingan baru buat para sobat sekalian, kali ini kang fatur mao bagikan cara membuat teks area, apa itu teks area??

Tentu hal tentang teks area sudah engga asing lagi bagi para blogger,teks area adalah biasa digunakan untuk link exchange antar sesama blogger,mungkin informasi sederhana ini bisa membuat para sobat gembira yang telah terjun di world of blogger atau yang biasa making money online. Tapi tak apalalah ( no Problem ) asal semua happy dan bisa belajar bersama itu sudah cukup kok. Nah teks area itu menurut kamus yang kang fatur baca ( book of blogger ) ada 3 type teks area Tapi tentunya para web master telah mengetahuinya terlebih dahulu,lihat preview teks area di bawah ini :


1. Teks area yang biasa-biasa saja

<textarea rows="5" cols="25">
write all your teks here
</textarea>





2. Teks area dengan tombol pilih semua

<form>
<input onclick="javascript:this.form.albritext.focus();this.form.albritext.select();" value="Select All" type="button"><br>
<textarea name="albritext" rows="5" cols="25">
write all your teks here
</textarea>
</form>








3. Teks area yang automatic

<textarea rows="5" cols="25" onclick="this.focus(); this.select();">
write all your teks here
</textarea>




Okee mungkin para sobat tinggal memilih aja mana yang menurut para sobat bagus dan yang di sukai, mudah mudahan tips kali ini bisa membantu di hati para sobat. selamat mencoba, piii jangan lupa comennya.


Gambar Selalu Di Pojok

Gambar Selalu Di Pojok

Halo para sobat yang caem-caem yang ganteng-ganteng hehe kang fatur dateng lagi nie mao bagi bagi sesuatu yang indah, dan pernah ada seseorang yang nayain gimana kang katanya cara bikin gambar yang seperti punya kang fatur, tapi gambar yang seperti apa yang seperti ini? Photobucket aaahh bukan itu ga level, atau yang seperti ini kali yeee???
Photobucket hehe terlalu menyeramkan, oke dech kang fatur gak mao panjang lebar kalu para sobat pingin cepat tahu seperti apa gambarnya coba lirik ama para sobat tuch di bagian bawah sebelah kiri naah ada kan?? kalau dah pada tahu dan para sobat sudah berminat oke dech kang fatur mao langsung ja mao ngasih cara-caranya tinggal para sobat perhatikan saja.


1. Seperti biasa para sobat Login ke blogger trus klik “Layout –>> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); }


3. Text yang dicetak tebal adalah posisinya, kalo para sobat berminat pingin mengganti di posisi pojok kanan bawah tinggal text “left” diganti dengan “right”. Begitu juga tulisan “bottom”, jika pingin di posisi atas bisa diganti dengan “top”.
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id=”trik_pojok”>
<a href=”http://ade-tea.blogspot.com”>
<img src=”http://adetea.fileave.com/flying_bird.gif” border=”0&#8243; /></a>
</div>


PERHATIAN

“http://ade-tea.blogspot.com” adalah link. ganti dengan link blog para sobat.
“http://adetea.fileave.com/flying_bird.gif” adalah lokasi gambarnya. kalau para sobat mao ganti gambarnya gak mao yang ini silahkan para sobat ganti link nya dnegan link gambar para sobat baik photo maopun apa deeh terserah para sobat.

5. Jika para sobat pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter atau widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget yang para sobat punya.
6. sekarang simpan hasil kerja para sobat dan lihat hasilnya.
Photobucket
Semoga tips ini bermanfaat bagi para sobat selamat mencoba. jangan lupa kasih komentarnya yaaa?




Cara Membuat Recent Comments

Cara Membuat Recent Comments

Halo para sobat blogger dah lama nie kang fatur g muncul-muncul coz banyak kesibukan hehe. Oke para sobat hari ini kang patur mao bagi bagi nie ama sobat-sobat hari ini kang fatur mao ngasih tau para sobat tentang cara membuat Recent Coments kalau bahasa urang namah (Pesan Nubaru) hehehe seperti yang terlihat para sobat di bawah postingan kang fatur
Biasanya kita sampai kesulitan mengecek komentar terbaru yang ada pada blog kita, sampai sampai harus membuka satu persatu postingan kita soalnya komentar di lontarkan di postingan kita yang berbeda-beda, jadi kita akan merasa kesulitan untuk mengetahui siapa saja yang memberi komentar dan dimana dia melontarkan komentarnya juga isi komentarnya bagaimana.
Tapi jangan kawatir kang fatur akan beri tips singkat tapi padat yaitu cara membuat recent comments dengan JavaScript. tinggal para sobat melakukan copy paste aja.


  1. Pastikan dulu para sobat sudah Log In di blogger yah!
  2. Lalu beranjak ke menu Layout Kemudian Page elements
  3. Kalau sudah Pilih tempat yang di mana para sobat mao nyimpannya terus Add a Gadget
  4. Lalu pilih Menu HTML/JavaScript
  5. Taruh Code Dibawah ini Kedalam HTML/JavaScript


<script style="text/javascript" src="http://adetea.fileave.com/comments.js"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://Nama Blog Sobat.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>


PENTING!!!

  • Tulisan NamaBlogSobat yang tercetak tebal dan berwarna merah diatas harus kamu ganti dengan alamat blog kamu
  • Angka 5 yang tercetak tebal dan biru itu menunjukkan Komentar terakhir yang ditampilkan di blog sobat, para sobat bisa mengubah sesuai selera para sobat mao berapa juga
6. Kalau sudah Simpan dehhhh dan lihat hasilnya.

Laaaaahhh gampang kan para sobat cuman gitu doang koo apa ribetnya siee hehe oke deh para sobat selamat mencoba aja mudah mudahan berfanfaat bagi para sobat. Ooooo ia jang sampai lupa yaa komentarnya di bawah hheee








Translate Versi Google

Translate Versi Google

Halo para sobat blogger kang fatur dateng lagi nie mao bagi-bagi rezeki buat para sobat yaitu Translate Versi Google.
Salah satu yang membuat visitor mau membaca artikel kita adalah karena bahasa yang kita pakai pada artikel tersebut bisa dimengerti oleh mereka. Tapi seandainya ada visitor yang tidak mengerti bahasa yang kita gunakan, mungkin dikarenakan visitor tersebut berbeda negara atau berbeda bahasa dengan kita, maka Google memberi solusi untuk para sobat blogger dengan menyediakan sebuah fasilitas yakni Google alih bahasa.
Dengan adanya fasilitas alih bahasa ini, diharapkan visitor yang berbeda bahasa atau berbeda negara dengan kita tetap bisa menikmati dan membaca artikel-artikel yang ada di site kita. Dengan demikian juga menjadi point untuk kita karena akan menambah jumlah page views site kita. Dan mudah-mudahan visitor tersebut juga mau meninggalkan sebuah komentar walaupun dengan bahasa yang mereka punya.

Bagi para sobat blogger yang tertarik untuk memilikinya dan belum mempunyai fasilitas alih bahasa ini, kang fatur akan coba jelaskan cara membuatnya dan meletakkannya di site para sobat. Untuk contoh dari fasilitas alih bahasa ini, para sobat bisa lihat di blog kang fatur ini, yang letaknya di bagian sidebar paling atas.


Bagi para sobat yang tertarik untuk memikinya, silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog anda
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan menu HTML/JavaScript
6. Pastekan script di bawah ini ke dalam kolom konten tersebut



<center><a href="http://ade-tea.blogspot.com/2009/05/translate-versi-google.html" target=" blank"><b>Google Translate</b></a></center>
<div style="overflow:no; width:320px; height:320px; padding: 5px; background: #FFFFFF;">
<style>
.google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
.google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; }
.google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }
</style>
<center>
<a class="google_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" src="http://img31.imageshack.us/img31/1661/pinginbelajarsaudiarabi.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img43.imageshack.us/img43/2771/pinginbelajarsouthkorea.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img34.imageshack.us/img34/4583/pinginbelajarjapan.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img41.imageshack.us/img41/1681/pinginbelajarchina.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img32.imageshack.us/img32/7591/pinginbelajarrussia.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" src="http://img31.imageshack.us/img31/7112/pinginbelajarbrazil.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>

<center>
<a class="google_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" src="http://img43.imageshack.us/img43/2598/pinginbelajarunitedking.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img40.imageshack.us/img40/4035/pinginbelajarfrance.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img38.imageshack.us/img38/344/pinginbelajargermany.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img41.imageshack.us/img41/1191/pinginbelajarspain.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img36.imageshack.us/img36/6670/pinginbelajaritalia.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img33.imageshack.us/img33/2439/pinginbelajarnetherland.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>
</div>


Hasilnya akan seperti di bawah ini

Google Translate


ArabicKoreanJapaneseChinese SimplifiedRussianPortuguese


EnglishFrenchGermanSpainItalianDutch



7. Jika lebar dari sidebar para sobat tidak mencukupi untuk memuat susunan 2 baris seperti gambar di atas, para sobat bisa menggantinya dengan susunan 3 baris, seperti gambar di bawah ini

Google Translate



ArabicKoreanJapaneseChinese Simplified


RussianPortugueseEnglishFrench


GermanSpainItalianDutch



8. Silahkan para sobat copy dan pastekan script di bawah ini, jika para sobat menginginkan susunan 3 baris seperti gambar di atas



<center><a href="http://ade-tea.blogspot.com/2009/05/translate-versi-google.html" target=" blank"><b>Google Translate</b></a></center>
<div style="overflow:no; width:100%px; height:100%px; padding: 5px; background: #FFFFFF;">
<style>
.google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
.google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; }
.google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }
</style>
<center>
<a class="google_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" src="http://img31.imageshack.us/img31/1661/pinginbelajarsaudiarabi.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img43.imageshack.us/img43/2771/pinginbelajarsouthkorea.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img34.imageshack.us/img34/4583/pinginbelajarjapan.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img41.imageshack.us/img41/1681/pinginbelajarchina.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>

<center>
<a class="google_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" src="http://img32.imageshack.us/img32/7591/pinginbelajarrussia.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" src="http://img31.imageshack.us/img31/7112/pinginbelajarbrazil.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img43.imageshack.us/img43/2598/pinginbelajarunitedking.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img40.imageshack.us/img40/4035/pinginbelajarfrance.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>

<center>
<a class="google_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" src="http://img38.imageshack.us/img38/344/pinginbelajargermany.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img41.imageshack.us/img41/1191/pinginbelajarspain.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img36.imageshack.us/img36/6670/pinginbelajaritalia.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img33.imageshack.us/img33/2439/pinginbelajarnetherland.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>
</div>


9. Seandainyapun susunan 3 baris tidak muat pada sidebar para sobat, sekarang sobat bisa mencoba dengan susunan 4 baris, seperti gambar di bawah ini

Google Translate


ArabicKoreanJapanese

Chinese SimplifiedRussianPortuguese

EnglishFrenchGerman

SpainItalianDutch



10. Silahkan sobat copy dan pastekan script di bawah ini, jika sobat menginginkan susunan 4 baris seperti gambar di atas



<center><a href="http://ade-tea.blogspot.com/2009/05/translate-versi-google.html" target=" blank"><b>Google Translate</b></a></center>
<div style="overflow:no; width:100%px; height:100%px; padding: 5px; background: #FFFFFF;">
<style>
.google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
.google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; }
.google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }
</style>
<center>
<a class="google_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" src="http://img31.imageshack.us/img31/1661/pinginbelajarsaudiarabi.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img43.imageshack.us/img43/2771/pinginbelajarsouthkorea.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img34.imageshack.us/img34/4583/pinginbelajarjapan.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>

<center>
<a class="google_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" src="http://img41.imageshack.us/img41/1681/pinginbelajarchina.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img32.imageshack.us/img32/7591/pinginbelajarrussia.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" src="http://img31.imageshack.us/img31/7112/pinginbelajarbrazil.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>

<center>
<a class="google_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" src="http://img43.imageshack.us/img43/2598/pinginbelajarunitedking.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img40.imageshack.us/img40/4035/pinginbelajarfrance.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img38.imageshack.us/img38/344/pinginbelajargermany.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>

<center>
<a class="google_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" src="http://img41.imageshack.us/img41/1191/pinginbelajarspain.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img36.imageshack.us/img36/6670/pinginbelajaritalia.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_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" src="http://img33.imageshack.us/img33/2439/pinginbelajarnetherland.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>
</div>


11. Untuk script yang berwarna merah di atas menandakan warna latarnya, silahkan ganti dengan warna pilihan para sobat agar sesuai dengan warna site sobat. Untuk mendapatkan variasi kode warna, silahkan surfing di sini [ html-color-codes ]
12. Klik Simpan
13. Selesai

Selamat mencoba, semoga bermanfaat tapiiii jangan lupa bagi-bagi yaaa??? nad jangan lupa pula comentarnya okee




Membuat Link Pelangi

Membuat Link Pelangi

Halo para sobat blogger yang lagi utek-utekan, kang fatur juga lagi untek-untekan ni menggilir-gilir mouse kesana kemari akhirnya kang fatur berhasil juga menemukan trik gimana linkk supaya berkedip-kedip seperti pelangi. Untuk para sobat yang pemula belum tahu seperti apa n kaya gimana link berkedip, jangan jauh-jauh sorot aja link yang ada dihalaman blog kang patur pasti berkedip-kedip. hehehe.....bagus kan????

Mau juga yang seperti ini di blog para sobat? Gampang banget kok caranya.. Nih dia tutorialnya membuat highlight link berwarna - warni :

1. Masuk ke Dasboard
2. Klik Tab Layout
3. Klik Tab Page Element
4. Klik Add Gadget
5. Klik pilihan menu HTML/JavaScript
6. Pada kolom Content, pastekan script di bawah ini


<script src=' http://h1.ripway.com/adetea/pelangi.js'type='text/javascript'/>

7. Naaah sekarang tinggal klik aja tombol save template trus lihat blog, beres deh... Mudah kan?

Selamat mencoba, semoga bermanfaat
Jangan lupa tinggalin pesannya yaaa???


Subscribe to: Posts (Atom)