TIDAK AKAN RUGI KARENA BERBAGI

April 01, 2011

Cara membuat Toolbar Melayang

Pada kesempatan kali ini saya akan berbagi tentang bagaimana membuat Toolbar Melayang di blog kamu seperti yang ada di samping kanan blog ini... agar blog kamu lebih kelihatan keren dan memberi kemudahan kepada pengunjung untuk meninggalkan jejaknya di blog kamu!

langsung ke pokok pembahasan......

1. Login ke akun blog anda
2. pada "Dasbor" pilih rancangan-Edit HTML
3. Letakan Code berikut ini tepat diatas Code ]]></b:skin>

......................................................................................................................

#tejanavbar{font-family:Comic Sans Ms;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSK9laqfl_-hmboL1-DFdt_TQOE6aw-4e9lBip5FJoV-eFP5AOjyFUn7Vu1bcfxqxcPVzPPmbAFjBpfUTaugL4ZnbBLKjUU1uzaBEyFS3nKgI338Vx66w2koan1BbNNcRKQZSMm-CuSp_l/)repeat-x;(0,0,0, 0.80);border:1px solid #C0C0C0;padding:2px 0;z-index:999;top:0px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;}
#tejanavbar .left{float:left;text-align:center;font-size:11px;font-style:normal;font-weight:bold;color:white;padding:2px 10px;}
#tejanavbar .right{float:right;padding:0px 2px;cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5rM4jqtBWdvcEcb3JeHWFS50-SV-VhfcRWDQnqrZTiOPvWhWe7GfEtRIEQUT1wH5p0hesLPY94w4Rx6pa9fa3hZe22vNIlj1YhAQUwKiIlpeppSfsdSfFN5uNnnu3MnOda3Xw2av39-o/s1600/Cursord.png), default}
#tejanavbar a{color:red;text-shadow: rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 20px;-moz-outline-style:none;}
#tejanavbar a:hover{color:white;text-shadow: rgb(255, 0, 0) 0px 0px 10px, rgb(255, 0, 0) 0px 0px 10px, rgb(255, 0, 0) 0px 0px 10px, rgb(255, 0, 0) 0px 0px 20px;border:0px;-moz-outline-style:none;cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5rM4jqtBWdvcEcb3JeHWFS50-SV-VhfcRWDQnqrZTiOPvWhWe7GfEtRIEQUT1wH5p0hesLPY94w4Rx6pa9fa3hZe22vNIlj1YhAQUwKiIlpeppSfsdSfFN5uNnnu3MnOda3Xw2av39-o/s1600/Cursord.png), default}

.......................................................................................................................

4. Terahir letakkan script berikut tepat di bawah <body>

.......................................................................................................................

<div id='tejanavbar' style='position:fixed;'>
<span class='left'><IMG align='top' alt='0' height='20' onclick='window.open("http://tejahtc.blogspot.com/?sm=1");' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKWubTwEa7irkano7bcUipAKLcy4z0Q8xyIKKEKzqY-ixCYCpj387FQQnB_vblpZWVoU5Lxw3czX5-YQSA1VGdEbBO0o8_vezQHULao7zHeZhTskfqeVaprDOA8iHOZMO-sQP7SBF_G3HF/s1600/tejaicon3232.png' width='26'/>
<span style='font-family:kristen itc;'><blink>"WELCOME TO MY BLOG"</blink></span></span>
<span class='right' style='font-family:verdana;'>
<IMG alt='1' height='20' onclick='window.open("http://www.facebook.com/pages/Sharing-Ilmu-pengetahuan/125513924175946");' src='https://lh4.googleusercontent.com/_GaKwmMcf4N4/TSPPQiZKc2I/AAAAAAAAEDU/zD_grWbBNuQ/DADnfb.png' title='Facebook Page' width='20'/>
<IMG alt='2' height='20' onclick='window.open("http://www.facebook.com/pages/Sharing-Ilmu-pengetahuan/125513924175946");' src='https://lh4.googleusercontent.com/_GaKwmMcf4N4/TSPPJwm1nBI/AAAAAAAAEDM/UMIdfmgbSII/DADnbookmark.png' title='My Favorites' width='20'/>
<IMG align='top' alt='3' height='20' onclick='this.setHomePage(http://websitenokia.blogspot.com/);' src='https://lh4.googleusercontent.com/_GaKwmMcf4N4/TSPPQsgWT1I/AAAAAAAAEDc/-8SnRmd2RvQ/DADnhome.png' title='Set As HomePage' width='20'/>
<IMG align='top' alt='4' height='20' onclick='window.open("http://id-id.facebook.com/msuteja");' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz4pbp_0GRZTV7BWN9yQUWJ8W-Vv8FHYx36pzrEd_7enS9sqBkpk2gkMssEG3QKbxwYjgOV4cySSUYJWxkffiwRVFGWlzfq73bA0Mz8FpeN_Jn5I5X7eFeNWbbJpCeQJtJCEh6-HAI9f0l/s1600/facebook.png' title='Add Me On Facebook' width='20'/></span></div>

.......................................................................................................................
Simpan selesai... mudah kan?

Selamat Mencoba dan Semoga Berhasil.....!!!!!!

dan jangan lupa tinggalkan jejak anda di blog ini

March 31, 2011

Cara pasang Google translate

kali ini saya akan berbagi ilmu tentang bagai mana memasang Google Translate di Blog kesayangan anda agar lebih terlihat rupawan nan menawan :))

ok langsung aja ya? pertama-tama silahkan saudara Login ke blog masuk halaman pilih Tata letak-html/javascript-Copy-Paste kan code di bawah ini kedalamnya so seved selsai.......

................................................................................................

<center><a href="http://pinginbelajar.blogspot.com/2009/05/translate-versi-google.html" target=" blank"><b>Google Translate</b></a></center>
<div style="overflow:no; width:50%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>
<div style="overflow:no; width:100%px; height:100%px; padding:5px 0px 0px 0px;">
<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 border="0" alt="Arabic" style="cursor: pointer;margin-right:3px" src="http://img31.imageshack.us/img31/1661/pinginbelajarsaudiarabi.gif" title="Arabic" align="absbottom" /></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 border="0" alt="Korean" style="cursor: pointer;margin-right:3px" src="http://img43.imageshack.us/img43/2771/pinginbelajarsouthkorea.gif" title="Korean" align="absbottom" /></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 border="0" alt="Japanese" style="cursor: pointer;margin-right:3px" src="http://img34.imageshack.us/img34/4583/pinginbelajarjapan.gif" title="Japanese" align="absbottom" /></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 border="0" alt="Chinese Simplified" style="cursor: pointer;margin-right:3px" src="http://img41.imageshack.us/img41/1681/pinginbelajarchina.gif" title="Chinese Simplified" align="absbottom" /></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 border="0" alt="Russian" style="cursor: pointer;margin-right:3px" src="http://img32.imageshack.us/img32/7591/pinginbelajarrussia.gif" title="Russian" align="absbottom" /></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 border="0" alt="Portuguese" style="cursor: pointer;margin-right:0px" src="http://img31.imageshack.us/img31/7112/pinginbelajarbrazil.gif" title="Portuguese" align="absbottom" /></a>
</center>
</div>

<div style="overflow:no; width:100%px; height:100%px; padding:7px 0px 0px 0px;">
<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 border="0" alt="English" style="cursor: pointer;margin-right:3px" src="http://img43.imageshack.us/img43/2598/pinginbelajarunitedking.gif" title="English" align="absbottom" /></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 border="0" alt="French" style="cursor: pointer;margin-right:3px" src="http://img40.imageshack.us/img40/4035/pinginbelajarfrance.gif" title="French" align="absbottom" /></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 border="0" alt="German" style="cursor: pointer;margin-right:3px" src="http://img38.imageshack.us/img38/344/pinginbelajargermany.gif" title="German" align="absbottom" /></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 border="0" alt="Spain" style="cursor: pointer;margin-right:3px" src="http://img41.imageshack.us/img41/1191/pinginbelajarspain.gif" title="Spain" align="absbottom" /></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 border="0" alt="Italian" style="cursor: pointer;margin-right:3px" src="http://img36.imageshack.us/img36/6670/pinginbelajaritalia.gif" title="Italian" align="absbottom" /></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 border="0" alt="Dutch" style="cursor: pointer;margin-right:0px" src="http://img33.imageshack.us/img33/2439/pinginbelajarnetherland.gif" title="Dutch" align="absbottom" /></a>
</center>
</div>
</div>

..........................................................................................................................

semoga Sukses......!!!!!!!! jangan lupa tinggalkan komentar anda terimakasih.....!!!!

Pasang Google Search di Blog

Untuk Membuat Google Search di Blog silahkan anda Coppy Paste code di bawah:
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

<form action="http://www.google.com/search" method="get">

<input onfocus="this.style.background='#fff';" maxlength="255" value=""
type="text"onblur="if(this.value=='')this.style.background='#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat'" style="height:18px;border: solid 1px black; background:#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat; position:relative;" size="25" name="q"/>

<input id="btn_undefined" style="position:absolute;padding-left:5px;"
value="Search" src="http://bloggerplugins.googlepages.com/yahoo-search-widget-button.png"
type="image"/><br/>

<div style="margin-top:5px;">

<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="" name="sitesearch" type="checkbox"/> Web</li>

<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="http://bloganda.blogspot.com" name="sitesearch"
type="checkbox"/> Blog Anda</li>

</div>
</form>
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

langkah-langkah penggunaan:
1. login ke blog anda
2. masuk halaman pilih tata letak
3. Pilih html/javascrip
4. Paste kan kode di atas kedalamnya
5. ganti kode yang berwarna merah dengan URl blog anda
6. Gani kode yang berwarna kuning dengan nama blog anda

Hasilnya akan seperti ini: