Pernak-pernik di Blog

Cara Menampilkan Pernak-pernik di Blog

ibarat rumah, rumah kita tentu saja memerlukan beberapa pernak-pernik untuk mempercantik rumah, begitu pula blog, kita memerlukan beberapa pernak-pernik yang indah dilihat,agar mata pengunjung menyenangkan melihatnya...^___^

seperti widget/ pernak-pernik dibawah ini:

download animasi ini di http://www.al-habib.info/islamic-clock/
ataupun yang gini neh...
nah selain dari pernak-pernik tersebut kita juga dapat menampilkan animasi2 keren seperti di bawah ini :

download animasinya di http://oridwidget.blogspot.com/2009/07/widget-zawawelcome-orange-orange.html

caranya :

1. login ke blog kamu
2. klik layout
3. klik add gadget
4. klik html/javascrip
5. copy code asal animasi/ widget tadi
6. simpan

nah ada juga beberapa widget2 lain yang keren,,neh http://cahyowicaksono.blogspot.com/2010/03/58-widget-for-your-blog.html

sebagai tips pilihlah animasi yang sesuai ukurannya dengan blog kamu,,
selamat mencoba ^___^

Sumber :  http://rhienayups.blogspot.com/2010/05/pernak-pernik-islami-di-blog.html

»»  Readmore...

Cara Menampilkan Akun Facebook di Blog

Cara Menampilkan Akun Facebook di Blog

Langsung aja ya ...!!!

 1. Login ke dalam blog anda

2. Login ke dalam akun facebook anda

3. Pada Halaman Facebook anda Klik menu " Profil" 

Klik Profil

4. Pada bagian paling bawah  navbar teman klik "Tambahkan Lencana ke Situs Anda"

Klik Tambahkan Lencana ke Situs Anda

5. Pada tampilan Pratinjau pilih jenis provider blog anda jika blogger.com klik "Blogger" dan jika sumber blog lainnya klik "Other".

Pilih Tempat Blog anda

6. Tunggu sebentar dan anda akan dialihkan pada halaman Dasborb pada blog anda. Pada pilihan Select a blog : pilih nama blog anda jika anda mempunyai beberapa blog. Pada Title : tulis judul navigasi tersebut. Mis : Lencana Facebook dan klik "Add Widget "

Klik Add Widget

7. Selesai. Refresh halaman blog anda


Semoga berhasil ^__^

Sumber : http://rhienayups.blogspot.com/2011/10/cara-menampilkan-akun-facebook-di-blog.html

»»  Readmore...

Cara Menampilkan Kupu-kupu Terbang pada Blog

Bagaimana cara nya Membuat kupu kupu terbang di blog dan dia terbang pada halaman blog. entah apa tutjuan pemasangan kupu - kupu ini mungkin untuk mempercantik blog atau apalah......
Berikut adalah tutorial nya kupu - kupu terbang di blog halaman blog. 

Tip: "ini akan membuat loading blog anda semakin berat"
Caranya cukup mudah anda cukup memasukkan java sript untuk memunculkan kupu-kupu indah di blog anda. Baiklah langsung saja akan saya tuliskan cara membuatnya :

1. Login ke Blogger
2. Masuk ke Tata Letak
3. Trus Edit HTML
4. Trus copy-paste kode java script di bawah ini tepat
sebelum kode </head> untuk mempermudah pencarian tekan ctrl+f.

<script type='text/javascript'>
//<![CDATA[
var Ymax=8; //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8; //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000; //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES

//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!

var floatimages=new Array();
floatimages[0]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';
floatimages[1]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';

//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);
function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}
function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}
function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}
function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}
function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}
function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}
function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}
function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}
function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}
function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}
function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}
function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}
function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}

if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}

//]]>
</script>

5. Save...buka blog anda dan refresh browser....sekarang ada sesosok binatang yang indah menawan di blog anda....

Apabila anda belum berhasil membuatnya gunakan cara kedua di bawah ini:

1. Login ke Blogger
2. Klik Tata letak
3. Klik Tambah Gadget
4. Pilih HTML/Java Script
5. Masukkan kode Java script seperti di bawah ini.

<script src="http://sites.google.com/site/javascriptnew/java-script/butterfly.js" type="text/javascript"> 

6. Save.

selamat mencoba. 


Sumber : http://www.uc1n.com/2008/08/cara-menampilkan-kupu-kupu-terbang-pada_04.html

»»  Readmore...

Google Translate

Bagaimana cara memasang/membuat Google translator/translate yang bentuk bendera negara di blog Blogger?...
Beberapa hari yang lalu saya memasang Google Translate untuk blog ini yang tujuannya adalah untuk mempercantik blog, selain mempercanti blog saya pikir blog ini juga sangat bermanfaat dan memang perlu di pasang di blog berbahsa indonesia. Siapa tau saja ada bule yang mampir ke blog ini
Ok lalu bagaimana cara pasang google translate yang ada gambarnya di blogger?...
Santai dulu bos... sebelum saya tuliskan cara membuat/pasang Google translator di blogger saya akan jelsakan dulu bahwa gambar latar belakang bendera negaranya nanti transparan.

Mari Kita Mulai.......

Panduan Cara Pasang Google Translate di Blogger

Untuk memasang translator/translate Google di blog blogger anda maka langkah pertama yang harus anda lakukan adalah login ke akun blogger anda dulu.

Kemudian Pergi Ke Design => Page Elements, di sana anda akan menemukan tempat untuk meletakkan Gadget Google Translate ini.

Untuk melihat bagaimana sih bentuk dari Page Elements ini salahkan baca : Panduan Cara Menghias Blog Blogger

Klik Add a Gatget, kemudian pilih Gadget HTML/JavaScript.

Setelah itu masukkan script Google Translate di dalam gadget HTML/JavaScript tersebut, berikut script Google Translate yang harus anda masukkan di sana:

<style>
.google_translate img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;border:0;}
.google_translate:hover img {filter:alpha(opacity=30);-moz-opacity: 0.30;opacity: 0.30;border:0;}
.google_translatextra:hover img {filter:alpha(opacity=0.30)-moz-opacity: 0.30opacity: 0.30;border:0;}
</style>
<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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1lxQVTbyAgKVG50gmrHbOYJ5gzkge6O9G4mhzzTfJkOWp7fm4NQfP_Li1l2s7Jc6ZkexBj-g4a4_bI4wPgdZWu93jomJdJzoZgQzFBJs5xVo_35QHkuQDO7oHnFDxbyV9RIC1IAZ08AI/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCAfhrq54fc-XETbWW0pjyrcP83PMHwl3m43ox0cU01rNGJ07iSu6-K3WaNlszb4rglGdtAS00ioCTQlxgPlMl_AcQFL2qx2W6SeHyH7_rX7d7AurX2aYyzo0RABPW4Nf5ED4OPsUWEMs/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxDbrvqR-UH9HDLZv-Yy47vJe7xkfW0DpIYt-THpzrz-B6S97VkxJc8Vy074bOulg8ILrXHiapGcxDmgCfRCUyaMt0hQdZWvc8sTk7sS2X4aP790WHf_xCJboJcSvWhuiWGO2Q9_HjqxB3/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGaws-zzEhDimBxcM8oCcoOfEOvKiLDVXM8Dv2wGod68bJ9M4T9xAIVR4QoAqTN56gu1R-IsrzOdUThFKwfHM9ckpLLzFJI1TWXJD1T4rYbRSpZCi_syopyIDB1qPnrAdCMKuyXc1RjJ_T/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh38rQdl1iK_YUpOyx8UXMhyphenhyphenAKQWFE84JfjmReqenEA_OQj9_CtJA74FMy_opXgBbTdPgrLRdyGjpj8vc_8MAjgdj0k8MHfXiT7ogtdQRyeD5tNrj6SvQzdVfkKNaWuy689qcsKhh1l3xs/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiykwg7zrT7bndJe21RJ62XlVwzEtKqxh4Sxi-k8qWBj2ryBimiQ1qfC4rT5YtU3pfYFzRXl3LJsbpo-pqF9hijkckVrf4BZ_TTPSBB6XJf4Tl1yqbFG3ASde5jpHnN2mdzNL16uVZlynY/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
<br />
<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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiADWoZSwNdSkCKk7v2WWgsznUIYBcO1xpyHvMEd0rqM5ib7BgwVFnbWu9OnNuuVOSzDG-tTsGHwHVFX99TChd9X14wMHppSwTpWQXsdDIRTqdyc_8b0icvZ-KW1HF-p5pJQc7Sba4rPOk/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIgSoee738IoUESlJAv62oTIKhw5y3uEXUuZ2hmw74IyLI5RMQY_lXSvI0i1GBqOyUgWQ_CrwTbB1Vo01nR8Dc3IDEcBlVt5kyiePy29LX4siDlkXiWoBDCh2LSiY3sh7bP_qDuiaBI4U/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifZD-VVcDuyhWNjdU-yDsiwFqBFunsiE2dGIQ5OHNk2QFbubIOtByCs6jTzilQPY4U5v__dKTPzakqhptINnwJrIyTS2VKObJBDppb14bJdh2_3GnZ9_zVZXwpCA4jBI1nXKUk6uZF-Iac/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX5zWnO7QYqViElKqOjXS8pj1FGzYqYlFPoGrtIQzDcIk6GnkCk-J_3n6a1CkpfJcydOboIXeCdZcU4GvizXQob1iDV_ZC4zREDpfVf9PDdqMMAlCC_YocWYEYP8CELDKwJp9IC9O4NQ4/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ9XChreSWpSYhPsbQj9MCEPwn9srqQmfD_73ia9bQt71IEwxW79mBauvFdn1uS9qHgfoTVof3BrXx1Lry8mUz4al4kpOrqcbosGUCVWCCrCeujVlwi3I8-FzHguSRaHcDvJAwyy63ayQ/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP4goPGGQ8rzM4zWFdm5OKn0EMyeh08yoRNhIO-YzKqvYHfVeY7X3U1qjShrCKpYIylOWxugF0-fZUyfvIicg8l92wvdpPVJ-a3IIw89YSWKbtjLLLDUROwb4d0mtyBhRpO2jztYdXByw/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
</center>

Setelah itu klik Save (Simpan).

Nah itulah cara memasang google translator/translate di blogger, cara tersebut menurut saya adalah cara termudah untuk memasang google translator yang ada gambar bendera negaranya di blogger.

Sebenarnya masih ada cara lainnya, namun hasilnya sama saja, jadi saya rasa 1 cara saja sudah cukup dan lagi untuk apa juga pakai cara yang susah kalau cara yang mudah ada.
Selamat mencoba dan semoga berhasil

sumber : http://blog.ahmadrifai.net/2010/09/pasang-google-translator-di-blogger.html

»»  Readmore...

Tornado Season On The Sun?

»»  Readmore...

Contoh Upload Video ke Blog

inilah contoh upload yang diambil dari komputer

»»  Readmore...

Cara menambahkan atau upload video pada posting blog di blogspot

Memposting artikel di blog terkadang tidak hanya cukup dengan teks dan gambar saja, terkadang seorang blogger juga ingin memasang video pada posting artikel di blog kesayangan.
Blogger.com (blogspot) yang dikenal sebagai salah satu layanan blogging gratis telah menyediakan fitur yang memungkinkan pengguna menambahkan atau upload video di blog Fitur pada blogspot ini menawarkan 3 pilihan untuk menampilkan video, yang pertama upload langsung dari komputer atau laptop, yang kedua menampilkan video yang berasal dari youtube, dan yang ketiga menampilkan koleksi video dari akun youtube kamu.
Bagi kamu yang belum bisa menambahkan atau upload video di posting blogspot, berikut ini kami sajikan panduannya.
1. Pertama-tama tentunya kamu harus login dulu ke blogger.com, kemudian masuk ke “Entri Baru”, sehingga tampak seperti gambar di bawah ini.
Untuk menampilkan atau upload video di posting, silahkan klik pada tombol “Insert a Video”, perhatikan gambar yang dilingkari di bawah ini.

2.  Setelah tombol “insert a video” di klik nanti akan muncul jendela pop up seperti gambar di bawah ini. Seperti yang telah disebutkan sebelumnya, bahwa fitur upload video pada blogspot terdapat tiga pilihan ; pilihan menampilkan video dari komputer, dari pencarian youtube, dan dari akun yotube ada di sebelah kiri jendela.
Pada contoh pertama di bawah ini, saya menampilkan video dari youtube, untuk menampilkan video dari youtube silahkan ketikkan kata kunci pada kotak pencarian. setelah tampil daftar videonya, silahkan pilih salah satu video kemudian klik tombol pilih, atau bisa juga dengan doble klik pada video yang ingin kamu tampilkan. Pada contoh di bawah ini kata kunci yang saya ketik adalah “samsung galaxy”

 Hasilnya akan tampak seperti gambar di bawah ini, kamu bisa langsung menekan tombol  “Terbitkan Entri” jika ingin langsung menerbitkan posting video ini, atau bisa juga menambahkan dulu beberapa kata di atas atau di bawah video.

 4.  Hasilnya posting video pada blogspot akan tampak seperti gambar di bawah ini.

========
1. Sedangkan untuk upload video dari komputer, pertama klik dulu pilihan “upload” yang ada di samping kiri, kemudian klik tombol “pilih video untuk diunggah”

2. kemudian cari file video di komputer atau laptop kamu, lalu klik pada tombol “Open”

3. Setelah tombol “open”  diklik akan tampil file video yang akan diupload, untuk memulai proses upload klik pada tombol “Unggah”

 4. Proses unggah akan berlangsung beberapa saat, dengan ditandai seperti gambar dibawah ini. (cepat lambat nya proses upload tergantung dari besar kecilnya file Video). saran saya pilihlah file video tidak lebih dari 10 MB

 5. Jika proses upload telah selesai, video akan tampil di halaman posting editor seperti gambar di bawah ini.

 Itulah sedikit panduan cara memposting atau upload video di blogspot, semoga bisa dipahami dengan mudah dan bisa memberikan manfaat bagi kamu yan membutuhkan.

sumber :  http://ridwanaz.com/teknologi/blog/cara-menambahkan-atau-upload-video-pada-posting-blog-di-blogspot/

»»  Readmore...

Cara Memasang Video You Tube Di Blog

Meletakkan Video kedalam Blog: "

Meskipun blogger sudah menyediakan upload untuk video,ga ada salahnya ya kita mencoba ngulik kode buat menempatkan sebuah video. Jika anda ingin meletakkan video dari Youtube,anda hanya mengisi alamat/URL videotersebut,pada kode. Untuk kode,copy di bawah ini: <object width="425" height="344"><embed src="http://www.youtube.com/v/sLLCAmr8vjs" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object> Nah! Tulisan yang berwarna Hijau,gantilah dengan URL alamat video yang ingin anda tampilkan. misal alamat pada browser video tersebut adalah: hhttp://www.youtube.com/watch?v=sLLCAmr8vjs maka alamat URL dalam kode ganti menjadi: hhttp://www.youtube.com/v/sLLCAmr8vjs Apabila anda malah pusing alias bingung,tinggal buka halaman Youtube,dan copy embed kode di sebelah kanan atas,dan paste kode tersebut kedalam halaman HTML anda. Kenapa ga bilang dari Tadi!!!!  ! Untuk ukuran,anda tentukan sendiri dengan mengatur width='246' height='171'. Jika ingin memasang video pribadi,tinggal membuat Account di Youtube dan Upload Videoanda disana. Tidak susah khan? Sumber :  http://pelajaran-blog.blogspot.com/2010/07/cara-memasang-video-you-tube-di-blog.html

»»  Readmore...

Cara Mengganti Gambar Kursor di Blog

Cara Mengganti Gambar Kursor di Blog  -  Gara-gara kepingin sekali mengganti gambar kursor di blog ini, akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak gambar-gambar kursor pilihan. Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.

              URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

               

Cara mengganti gambar kursor di blog :

1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Edit HTML, centang Expand widget template.

3.    Carilah kode </head> pada template anda dengan menggunakan Ctrl F.

4.    Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>

5.    Simpan template anda dan lihat perubahan pada gambar kursor

6.    Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/ .

Nah ternyata mengganti gambar kursor di blog memang bisa jadi solusi mempercantik tampilan blog juga ya apalagi kalo ditambahin lagi dengan efek bintang siip dah. Tinggal giliran sobat blogger nih, selamat mencoba ya !

 

Sumber :  http://www.rayhanzhampiet.com/2011/09/cara-mengganti-gambar-kursor-di-blog.html

»»  Readmore...

Cara memasang MP3 di Blog

Bagaimana cara memasang MP3 di blog? Mungkin itu pertanyaan yang keluar dari blogger yang suka berhubungan dengan file-file Audio khususnya MP3. tidak seperti pada artikel sebelumnya yaitu pembahasan seputar efek blog, Kali ini saya akan menjelaskan cara singkat dan simple cara memasang file audio anda ke dalam blogspot. Dengan cara ini anda bebas memasang file-file audio yang anda sukai.

Cara memasang mp3 di blog adalah:

1. Klik link berikut: http://www.toofiles.com/en/audios-upload.html

2. Klik tombol Browse, dan cari file audio (mp3) yang ada di computer anda.

3. Klin Upload untuk memulai pengunduhan.

4. Tunggu beberapa saat sampai proses upload selesai

5. Setelah selesai klik Click here to show other integration/lines

6. Akan muncul kode script yang kemudian copy code tersebut

7. Silahkan Login dahulu ke akun Blogger anda

8. KLik Rancangan > tambah gadget > HTML

9. Masukan kode yang anda copy tersebut.

10. Simpan pekerjaan anda.

nah sekarang blog anda sudah mempunyai file mp3 di blog anda. Mudah-mudahan cara memasang mp3 di blog ini dapat memeriahkan blog anda. ^_^

 

Sumber :  http://jasapembuatanblog-murah.blogspot.com/2012/02/cara-memasang-mp3-di-blog.html

»»  Readmore...

Cara membuat efek daun berjatuhan pada blog

Satu lagi artikel cara membuat efek pada blog yaitu cara membuat efek daun berjatuhan di blogspot, cara ini sangat gampang sekali di praktekan dan mesih menggunakan javascript. Tapi perlu diingat sesuai dengan artikel saya tentang cara mempercantik blogspot, disarankan anda bijak menggunakan efek blogspot ini, jika blog anda sudah menggunakan efek lain seperti efek salju berjatuhan di blog, jikalau terasa berat loading blog anda, maka pilihlah salah satu efek saja.

Berikut cara membuat efek daun berjatuhan pada blogspot anda.

1. Pastikaln anda sudah login ke blogger anda

2. Pada halaman dashboard klik rancangan > Edit HTML

3. Jangan lupa centang Expand widget template.

4. Dengan menggunakan Ctrl+ F, atau tekan F3 cari kode</head>

5. Copy code dibawah dan letakan kode tersebut tepat diatas kode </head> tadi.

<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

6. Simpan pekerjaan adan dengan menekan tombol SAVE

7. Lihat hasilnya.. bagus kan? ^_^

Demikianlah ke-7 langkah cara membuat efek daun berjatuhan pada blogspot anda, sangat mudah diikuti atau dipraktekan. Selamat mencoba dan Happy blogging.

 

Sumber :  http://jasapembuatanblog-murah.blogspot.com/2012/02/cara-membuat-efek-daun-berjatuhan-pada.html

»»  Readmore...

Cara Membuat Share Button Like, Share dan Twitter di Sisi Blog

Cara Membuat Share Button Like, Share dan Twitter Melayang di Sisi Kanan Blog - Untuk meningkatkan lalu lintas kunjungan ke blog kita, selain upaya optimasi SEO , perlu juga kiranya kita mengintegrasikan blog kita dengan media jejaring sosial populer seperti facebook dan twitter.

Jika kita meremehkan "kekuatan" share button / tombol berbagi ini, sama saja kita menyiakan-nyiakan peluang untuk menambah kunjungan ke blog kita.

Jika pada posting sebelumnya kita membuat share button di bawah posting, pada tutorial kali ini, Julak mau berbagi sama temen-temen bagaimana membuat salah satu widget share button melayang di sisi kanan blog. Widget kali ini dilengkapi tombol suka dan share Facebook, Tweet, Digg, stumble Upon dan Google +1 termasuk perhitungannya alias berapa banyak pengunjung yang membagikannya. Cara pembuatannya sangat mudah, karena tidak perlu mengedit CSS atau menambahkan kode HTML.

1. Langkah pertama masuk ke akun blogger > Dasbor, > klik design/rancangan > Tata Letak

2. Klik Tambah Gadget, di bagian sidebar.

3. Pilih HTML/Javascript, kemudian masukkan kode di bawah ini:

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="bagikan ke teman anda">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>

<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>

<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>

<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://blogbelajar2.blogspot.com/2012/02/cara-membuat-share-button-like-share.html" target="blank"><font color="blue">[Get Widget]<font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->

5. Simpan widget dan preview Blog Anda

Jika Anda sudah memiliki tombol google + di atas atau di bawah posting Anda, kemungkinan widget tersebut tidak muncul. Silakan hapus kode berwarna merah jika sobat mau menghapusnya, karena mungkin bisa mempercepat loading blog.

Jika Anda menggunakan template gelap / dark template, Silakan Anda dapat mencoba kode di bawah ini:

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#000000;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Bagikan ke teman anda">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://blogbelajar2.blogspot.com/2012/02/cara-membuat-share-button-like-share.html" target="blank"><font color="white">[Get Widget]<font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->

Pengaturan lihat kode-kode warna merah:

• angka 15% mengatur letak tinggi posisi share button dr sisi bawah blog, silakan dikurangi jika posisinya ingin diturunkan
• angka 10 pixel adalah posisi dari tepi paling kanan blog, ditambah jika sobat ingin mengetengahkan.
• sedangkan border: 1px solid black, adalah ukuran ketebalan batas kotak share button dan warna batas/garis share button itu sendiri.

Bagaimana...? Selamat Mencoba, jangan lupa di like yaa... hehehe

Sumber :  http://blogbelajar2.blogspot.com/2012/02/cara-membuat-share-button-like-share.html

»»  Readmore...

Membuat ucapan selamat datang

Membuat ucapan selamat datang blog
Sekarang  kita ingin share tentang membuat ucapan selamat datang pada blog ketika user mengunjungi blog kita.
Pernah gak sewaktu kamu membuka suatu blog ada jendela munculan kecil yang berisi ucapan selamat datang. Bisanya berisi ''Selamat datang di blog ini''
Pasti pernah dong, trus bagaimana cara membuatnya? Apakah anda juga tertarik untuk membuat ucapan selamat datang tersebut? Lets do it.
Membuat pesan selamat datang blog.

• Login ke dashboard blog kamu.
  
• pilih Rancangan »» Edit HTML
  
• cari kode </head>
  
• Tempatkan script berikut diatasnya
  

  <script language='javascript'>alert ("Tulis pesan apa saja disini, sakerepmu arep di tulisi opo");
  </script>

• terakhir klik 'SIMPAN'

Dari kode diatas itu akan menerapkan di bagian halaman manapun pesan itu akan keluar, disini kita perlu mengatur ulang agar pesan itu hanya muncul pada homepage blog saja, tentunya agar para pengunjung tidak kesel karena pesan tersebut selalu muncul. Berikut caranya
Tambahkan kode yang berwarna merah diantaranya.

<b:if cond='data:blog.Url == data:blog.homepageUrl'> <script language='javascript'>alert ("Tulis pesan apa saja disini, sakerepmu arep di tulisi opo"); </script> </b:if>

Selamat berexperimen

Sumber :  http://www.blogtegal.com/2011/01/membuat-ucapan-selamat-datang-blog.html

»»  Readmore...

Membuat Cursor Menjadi Berbintang

Cara mempercantik cursor (pointer mouse), pada blog berplatform blogspot, yg mana kita tahu blog ber-platform blogspot memang cocok buat para blogger yg tidak ingin bersusah payah untuk mempercantik blognya, karena terbilang mudah dalam proses pembuatannya.
Untuk mempercantik suatu blog biasanya menggunakan javascript yg harus di tempatkan pada template maupun pada widget.
Yang akan di bahas di bawah ini oleh Blogtegal yakni

cara membuat cursor berbintang

Berikut langkah-langkah membuat cursor berbintang.

• copy dan pastekan script-script di bawah ini pada widget javascrit/HTML.
• cursor bintang warna merah

<script src="http://blogtegal.googlecode.com/files/cursor_merah.js" type="text/javascript"/>

• cursor warna hijau

<script src="http://blogtegal.googlecode.com/files/cursor_hijau.js" type="text/javascript"/>

• cursor warna biru

<script src="http://blogtegal.googlecode.com/files/cursor_biru.js" type="text/javascript"/>

• cursor warna ungu

<script src="http://blogtegal.googlecode.com/files/cursor_ungu.js" type="text/javascript"/>

• cursor warna putih

<script src="http://blogtegal.googlecode.com/files/cursor_putih.js" type="text/javascript"/>

• Jika anda newbie dan kurang jelas dalam memasukan script-script di atas, boleh lah Blogtegal berbagi caranya.
• login ke dashboard blog anda.
• pilih Rancangan
• pada halaman elemen laman pilih tambah gadget
• pilih widget HTML/JAVASCRIPT
• lalu pastekan salah satu script di atas.
• klik ''simpan'' selesai.

Sumber :http://www.blogtegal.com/2010/11/membuat-cursor-menjadi-berbintang.html

»»  Readmore...