Polisi yang dikenal sebagai pribadi yang tegas dan berwibawa di setiap penampilan, bisa juga membuat masyarakat tertawa dengan tingkah polahnya. Kelucuan itu diperlihatkan Norman Kamaru, anggota Satuan Brigade Mobil (Brimob) Kepolisian Daerah Gorontalo berpangkat Brigadir Polisi Satu (Briptu).
Tingkah Norman menjadi perbincangan di dunia maya dan mendapat apresiasi positif dari masyarakat Gorontalo. Aksi Norman terekam di situs video Youtube berjudul Polisi Gorontalo Menggila. Ia beraksi menyanyikan secara lips-sync lagu Chaiyya, Chaiyya yang dinyanyikan Shahrukh Khan di film Dil Se pada 1998.
Nyanyian dilantunkan Norman saat sedang menjalankan tugas piket. Saat ini terhitung sudah lebih dari 23 ribu pengunjung melihat video Norman.(AIS)
Sunday, April 10, 2011
Saturday, April 2, 2011
Tips blogger css validator menggunakan "JavaScript Console" pada Flock Browser
Ada tips cepat untuk mengecek validasi dari code html terutama kode CSS blogger yaitu dengan cara menggunakan salah satu tool yang merupakan fasilitas dari Flock Browser. Tentu sudah pernah dengar Flock Browser khan, yup.. ini juga merupakan salah satu keluarga dari mozilla dan Firefox. Jika belum memiliki Flock Browser kamu bisa download Disini. Kenapa saya menyarankan menggunakan tool ini, karna dari beberapa tools yang saya gunakan "JavaScript Console" bekerja lebih cepat dan akurat serta sudah satu paket dalam Flock.
Memang harus dimaklumi dibanding tool khusus cara ini banyak kekurangan diantaranya kita melakukan pengecekan sendiri pada kode css yang error. yah namanya juga cara tercepat dan praktis kita dapat kita gunakanCara melakukan pengecekan validasi html/css code sebagai berikut:
1. Buka Browser Flock, kemudian masukan alamat blog kamu, saya sarankan jangan membuka url dengan alamat lain walaupun berbeda tab cukup alamat blog kita aja.
2. Jika loading halaman sudah selesai kemudian klik Tools -> JavaScript Console
3. Terdapat beberapa pilihan tab yang bisa kita amati sebaiknya pilih pada tab All.
4. Sekarang kita bisa mengamati apabila ada code yang tidak valid pada halaman blog kita. Cari halaman yang berkaitan dengan blog, saya contohkan disini kita melihat kode yang error pada halaman http://o-om.blogspot.com
5. Pada halaman http://o-om.blogspot.com terdapat code yang error disertai dengan informasi Line kesalahan error. untuk memudahkan melihat lokasi error kita cukup clik link url-nya.
6. Jika kode error sudah ditemukan kita tinggal mengedit dan memperbaiki code tersebut pada code html blogger kita.
Good Luck...:-)
Saturday, March 26, 2011
Cara Mengganti Cursor Blogger
untuk mengganti kursor blogger agar terlihat menarik. langsung saja, begini caranya:
1. Pilih tab “Tata Letak”.
2. Klik “tambah gadget” baik itu berada di bawah, atas atau samping.
3. Pilih “HTML/JavaScript”
4. Copy kode di bawah ini pada tempat pengetikan:
Mudah kan?
1. Pilih tab “Tata Letak”.
2. Klik “tambah gadget” baik itu berada di bawah, atas atau samping.
3. Pilih “HTML/JavaScript”
4. Copy kode di bawah ini pada tempat pengetikan:
<em><style type=”text/css”>body {cursor:url(“http://www.123cursors.com/freecursors/7676.gif”),default}</style>.</em>5. Nah, ganti alamat cursor http://www.123cursors.com/freecursors/7676.gif tersebut dengan alamat cursor yang lain. Untuk mengetahui alamat cursor yang lain, kunjungilah www.123cursors.com dan pilih cursor yang Anda inginkan. Supaya lebih mudah, cari berdasarkan kategori. Bila Anda sudah menemukan, copy alamat cursornya dengan cara klik kanan pada gambar cursor tersebut, lalu pilih “copy image location”.
Mudah kan?
Membuat cursor selalu di ikuti oleh text
Ketika saya blogwalking ke beberapa site para sobat, saya banyak menemukan cursor yang selalu diikuti oleh text. Saya berfikir bagaimana cara membuatnya. Akhirnya saya menemukan jawaban tersebut di salah satu site SMU negeri di Pekanbaru [ di sini ].
visit n learn
Tetapi setelah saya perhatikan ternyata kita hanya bisa memilih salah satu dari script yang telah diciptakan yang mempunyai text berbeda. Adapun text-text tersebut adalah "Selamat Menikmati Blog Ini", "Welcome", "Selamat Datang Di Blog Ini", "Selamat Datang" dan "Enjoy Stay Here".
Kemudian saya berfikir lagi, bagaimana misalnya saya tidak ingin menggunakan text yang telah diciptkan tersebut..? Dan bagaimana caranya agar saya bisa menciptakan text yang akan saya ciptakan sendiri..? Dan akhirnya terbuka juga rahasianya, dan sayapun sekarang bisa membuat cursor yang diikuti text yang saya inginkan.
Jika sobat tertarik untuk menciptakan cursor dengan text sendiri, silahkan ikuti langkah-langkah berikut ini :
1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilhan HTML/JavaScript
6. Pastekan script di bawah ini ke kolom Konten
<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='pingin belajar'.split('').reverse().join('');
var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;
// Alter no variables past here!, unless you are good
//---------------------------------------------------
var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}
if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}
var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}
}
cursor_text_circle();
</script>
7. Silahkan ganti tulisan berwarna merah dengan tulisan pilihan anda
8. Klik Simpan
9. Selesai
visit n learn
Tetapi setelah saya perhatikan ternyata kita hanya bisa memilih salah satu dari script yang telah diciptakan yang mempunyai text berbeda. Adapun text-text tersebut adalah "Selamat Menikmati Blog Ini", "Welcome", "Selamat Datang Di Blog Ini", "Selamat Datang" dan "Enjoy Stay Here".
Kemudian saya berfikir lagi, bagaimana misalnya saya tidak ingin menggunakan text yang telah diciptkan tersebut..? Dan bagaimana caranya agar saya bisa menciptakan text yang akan saya ciptakan sendiri..? Dan akhirnya terbuka juga rahasianya, dan sayapun sekarang bisa membuat cursor yang diikuti text yang saya inginkan.
Jika sobat tertarik untuk menciptakan cursor dengan text sendiri, silahkan ikuti langkah-langkah berikut ini :
1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilhan HTML/JavaScript
6. Pastekan script di bawah ini ke kolom Konten
<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='pingin belajar'.split('').reverse().join('');
var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;
// Alter no variables past here!, unless you are good
//---------------------------------------------------
var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}
if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}
var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}
}
cursor_text_circle();
</script>
7. Silahkan ganti tulisan berwarna merah dengan tulisan pilihan anda
8. Klik Simpan
9. Selesai
Friday, March 25, 2011
Cara memindahkan dan mengatur gambar di dalam postingan blog
Terkadang buat disaat membuat postingan blog kita mengupload gambar ke dalam postingan, namun karena kesalahan posisi kursor saat upload gambar maka gambar muncul di tempat /lokasi yang tidak diinginkan. Sebenarnya bisa saja gambar tersebut di cut (dalam mode compose) tetapi biasanya ada script gambar yang tertinggal. Salah satu cara yang bisa dilakukan adalah dengan mengakktifkan mode "Edit HTML" , kemudian cut kode gambar ke lokasi yang diinginkan.
Perhatikan kode gambar yang akan di pindahkan, kodenya diawali dengan
<div class="separator" style="clear: both; text-align: center;">
dan di akhiri dengan </div>
Copy atau cut semua code tersebut ke lokasi yang diinginkan, kemudian paste.
Kembali ke mode "Compose", jika berhasil maka letak gambar akan berpindah ke lokasi yang diinginkan.
Untuk mengatur perataan gambar, bisa dilihat pada kode : text-align: center;
Untuk rata kiri ganti kata center menjadi left
Untuk rata kiri ganti kata center menjadi right
Untuk tips lain tentang blogspot bisa dilihat disini panduan membuat blog gratis
Perhatikan kode gambar yang akan di pindahkan, kodenya diawali dengan
<div class="separator" style="clear: both; text-align: center;">
dan di akhiri dengan </div>
Copy atau cut semua code tersebut ke lokasi yang diinginkan, kemudian paste.
Kembali ke mode "Compose", jika berhasil maka letak gambar akan berpindah ke lokasi yang diinginkan.
Untuk mengatur perataan gambar, bisa dilihat pada kode : text-align: center;
Untuk rata kiri ganti kata center menjadi left
Untuk rata kiri ganti kata center menjadi right
Untuk tips lain tentang blogspot bisa dilihat disini panduan membuat blog gratis
Artikel Terkait:
Panduan Blog
- Membuat teks animasi dengan efek neon light (Neon Lights Text II)
- Cara membuat teks bergerak melingkar mengikuti gerakan mouse (Circling text trail)
- Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)
- Cara membuat text neon light (efek teks yang menyala secara periodik)
- Widget animasi blog untuk blogspot dan wordpress
- Membuat website gratis menggunakan google sites
- Membuat website gratis di weebly dan menggabungkan dengan blog weebly
- Custom Domain co.cc di Blogspot (Setting domain co.cc di blogger)
- Setting domain co.cc di blogspot (custom domain co cc di blogspot) bagian 2
- Cara menghitung jumlah kata di dalam postingan blog
- Cara memasang feed blog di squidoo
- Cara membuat random post widget (menampilkan postingan secara acak) di blogspot
- Cara menampilkan file pdf atau word di blogspot
- cara membuat banner pasang iklan di blog
- Cara menggunakan domain berbayar di blogspot (custom domain blogspot)
PASANG WIDGET TRANSLATOR
Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? mau membuatnya? caranya mudah lho. Gini nih...
1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>
5. Kemudian simpan.
Coba sekarang lihat blogmu maka ada tampilan seperti ini :
Gadgets powered by Google |
Coba dites apakah translator tersebut bekerja dengan baik atau tidak.
Gimana? gampang kan...
AKHIRNYA GANTI TEMPLATE JUGA..!!!
Setelah sekian lama, akhirnya blog ini ganti template juga. Dari awal blog ni memang tidak pernah ganti template, paling cuma modifikasi dikit sana sini. Tapi sekarang, setelah menimbang2 dan melalui pemikiran yang panjang x lebar x tinggi, akhirnya diputuskan untuk mengubah template blog ini. Dan bagi yang berminat dengan template blog ini yang lama sekarang sudah bisa didownload. Silahkan DOWNLOAD DISINI untuk mendapatkan template lama blog ini. Tapi tentunya ada beberapa hal yang harus dimodifikasi, diantaranya yaitu :
1. Icon Kalender
Supaya icon kalendernya berfungsi (tidak "undefine") maka haru dirubah dulu format tanggalnya. Yaitu melalui "Setting-->Formatting" kemudian di bagian "Date Header Format" ganti dengan yg berformat "mm.dd.yyyy" misal (11.22.2008).
2. Ganti Tabs menu Horizontal
caranya yaitu masuk di EDIT HTML kemudian cari kata "horizontal tab", nha silahkan otak-atik didaerah situ untk mengedit menu2 horiizontalnya.
3. Ganti Isi Tabview
Caranya yaitu masuk di EDIT HTML kemudian cari kata "tab view", nha silahkan otak-atik didaerah situ untk mengedit isi dari tabview tersebut
Untuk edit2 yang lainnya silahkan diotak-atik sendiRI..
SEMOGA BERMANFAAT..:-)
1. Icon Kalender
Supaya icon kalendernya berfungsi (tidak "undefine") maka haru dirubah dulu format tanggalnya. Yaitu melalui "Setting-->Formatting" kemudian di bagian "Date Header Format" ganti dengan yg berformat "mm.dd.yyyy" misal (11.22.2008).
2. Ganti Tabs menu Horizontal
caranya yaitu masuk di EDIT HTML kemudian cari kata "horizontal tab", nha silahkan otak-atik didaerah situ untk mengedit menu2 horiizontalnya.
3. Ganti Isi Tabview
Caranya yaitu masuk di EDIT HTML kemudian cari kata "tab view", nha silahkan otak-atik didaerah situ untk mengedit isi dari tabview tersebut
Untuk edit2 yang lainnya silahkan diotak-atik sendiRI..
SEMOGA BERMANFAAT..:-)
TOP MP3
SMASH-SENYUM DAN SEMANGAT
KANGEN BAND-KEHILANGANMU BERAT BAGIKU
SUALUDIN-UDIN SEDUNIA
LAST CHILD-PEDIH
LAST CHILD-PENANTIAN
KANGEN BAND-BERI KESEMPATAN
KANGEN BAND-CINTA TERLARANG
UTOPIA-YANG LALU BIARLAH BERLALU
KANGEN BAND-PERTIKAIAN DIANTARA KITA
KANGEN BAND-YANG AKU TAHU
GEISHA-REMUK JANTUNGKU
MORE MP3
KANGEN BAND-KEHILANGANMU BERAT BAGIKU
SUALUDIN-UDIN SEDUNIA
LAST CHILD-PEDIH
LAST CHILD-PENANTIAN
KANGEN BAND-BERI KESEMPATAN
KANGEN BAND-CINTA TERLARANG
UTOPIA-YANG LALU BIARLAH BERLALU
KANGEN BAND-PERTIKAIAN DIANTARA KITA
KANGEN BAND-YANG AKU TAHU
GEISHA-REMUK JANTUNGKU
MORE MP3
Wednesday, March 23, 2011
Cara Memasukkan Video Youtube Ke Postingan Blog Anda
Bagi teman – teman yang belum tahu cara memasukkan video dari youtube.com ke dalam postingan blogspot, semoga tips ini berguna. Bagi yang sudah tahu, semoga bisa menambahi kalau ada yang kurang.
Berikut ini langkah – langkah Cara Memasukkan Video Youtube Ke Postingan Blogspot:
* Login dulu ke account blogspot, kemudian langsung pilih NEW POST.
* Buka www.youtube.com, lalu pilih video sesuai keinginan anda.
* Pada halaman youtube.com sebelah kanan terdapat keterangan URL dan Embeed.
* Nah, kode yang ada di Embeed itu silahkan anda copy dan paste di posting blogspot. Lalu klik PUBLISH POST.
* Silahkan anda cek hasilnya dengan klik VIEW BLOG dan walla…, video dari youtube.com tampil di blog anda.
Berikut ini langkah – langkah Cara Memasukkan Video Youtube Ke Postingan Blogspot:
* Login dulu ke account blogspot, kemudian langsung pilih NEW POST.
* Buka www.youtube.com, lalu pilih video sesuai keinginan anda.
* Pada halaman youtube.com sebelah kanan terdapat keterangan URL dan Embeed.
* Nah, kode yang ada di Embeed itu silahkan anda copy dan paste di posting blogspot. Lalu klik PUBLISH POST.
* Silahkan anda cek hasilnya dengan klik VIEW BLOG dan walla…, video dari youtube.com tampil di blog anda.
Saturday, March 19, 2011
Subscribe to:
Posts (Atom)