Selasa, 21 Februari 2017

cara membuat efek hujan seperti blog saya

Published : 01.52 Author :
WELCOME TO MY BLOG PART 2 | Pada postingan sebelumnya saya pernah bahas tentang beberapa macam efek di blog diantaranya Membuat Animasi Naruto vs Sasuke di Blog dan juga Cara Membuat Efek Meteor Jatuh Ke Bumi Blog. Nah untuk postingan yang sekarang ini saya akan share cara membuat efek hujan di blog. Ok langsung aja kita mulai bagaimana cara membuat dan memasang animasi / efek hujan di blog.

Berikut langkah bikin efek/animasi hujan deras pada blog : 
1. Log in ke Blogger
2. Rancangan
3. Tambah Gadget
4. HTML/Javascript
5. Copy kode berikut ke dalam HTML/Javascript

<html>
<head>
<title>Blog Rudy Hartono</title>
<!--
HujanKarakter ver 0.1
Rudy Hartono
-->
<style type="text/css">
*{
font-size:12px;
font-family: Tahoma, Verdana, Arial;
}

body{
background:#000;
overflow:hidden;
color:#0f4;
padding:8px;
}
#area{
border:0;
padding:0;
width:100%;
height:100%;
}
.char{
position:absolute;
top:-50px;
text-shadow:0 -100px 10px #0a0;
opacity:.5;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
minCharCode = 33;
maxCharCode = 126;
minSpeed = 900;
maxSpeed = 5000;
counter = 0;
maxChar = 400;

$(document).ready(function(){
for(i=0;i<99;i++){
buatKarakter();
}


});

function buatKarakter(){
var charID = String.fromCharCode(rand(minCharCode, maxCharCode));
var pos = rand(0,$(document).width());
var newChar = '<div class="char char' + counter + '" style="left:'+ pos + 'px;">' + charID + '</div>';
$('#area').append(newChar)
animKarakter(counter);
counter++;
}

function animKarakter(c){
var transparent = rand(10,99);
var fontsize = rand(9,12);
var speed = rand(minSpeed, maxSpeed);
var pos = rand(0,$(document).width());
$('.char'+c).animate({
top:$(document).height(),
}, speed, function(){
$('.char'+c).css('top', '-50px');
$('.char'+c).css('left', pos+'px');
$('.char'+c).css('opacity', '.'+transparent);
$('.char'+c).css('fontSize', fontsize);
animKarakter(c);
});
}

function rand(from, to){
return Math.floor(Math.random() * (to - from + 1) + from);
}
</script>
</head>

<body>
<div id="area">

</div>
</body>
</html>
6. Selesai dan simpan

Sekian dulu uraian yang begitu singkat tentang cara membuat / memasang efek hujan deras pada blog, semoga bermanfaat dan happy blogging.
Read More ->>
| 0 komentar

Kumpulan Efek - Efek Blog ( Lengkap )

Published : 00.52 Author :
WELCOME TO MY BLOG PART 2 - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis efek - efek blog yang bisa di pasang di blog.

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat  bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan
<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>

2. Efek hati bertaburan
<script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script>

3. Efek bintang bertaburan
<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script>

4. Efek kembang api
<script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script>

5. Efek Gelembung
<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

5. Efek Kupu - Kupu Terbang
<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>

Cara pemasangan :
  1. Klik rancangan --> Edit html
  2. Letakkan script efek di atas kode </body>
  3. Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut, silahkan lihat di sini.. DEMO

1.Meteor Jatuh
<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 2. Banjir
<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 3. Bunga Mekar
<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

4.  Bom Atom
<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

5. Ufo
<script language="javascript">
nd_mode="ufo";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

6. Graffity
<script language="javascript">
nd_mode="graff";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

7. Shaver
<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

8. Gun
<script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

9.Bloody gun
<script language="javascript">
nd_mode="blood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

10. Paint ball
<script language="javascript">
nd_mode="paint";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

11. Chainsaw
<script language="javascript">
nd_mode="chainsaw";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

12. Dinosaur
<script language="javascript">
nd_mode="dino";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

13. Lebah
<script language="javascript">
nd_mode="wasp";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

14. Lalat
<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

15. Semut
<script language="javascript">
nd_mode="ants";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

16. Siput
<script language="javascript">
nd_mode="snail";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

17. Cacing
<script language="javascript">
nd_mode="worms";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

18. Mold
<script language="javascript">
nd_mode="mold";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

19. Bayi merangkak
<script language="javascript">
nd_mode="baby";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

20. Telur mata sapi
<script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

21. Kopi tumpah
<script language="javascript">
nd_mode="coffee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

22. Terbakar
<script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

23. Tomat
<script language="javascript">
nd_mode="tomato";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

24. Creampie
<script language="javascript">
nd_mode="creampie";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

25. Murka
<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

26. Sapi Jorok
<script language="javascript">
nd_mode="cow";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

27. Anjing Jorok 
<script language="javascript">
nd_mode="dog";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

28. Kencing Sembarangan
<script language="javascript">
nd_mode="pee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

Cara pemasangan :
  1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
  2. Masukkan script efek di dalam kotak yang di sediakan
  3. Klik save dan lihat hasilnya.
Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ).  so, pilih mana yang terbaik menurut sobat.. salam.. 
Read More ->>
| 0 komentar

Cara memasang lagu di jamin 100% berhasil gan....

Published : 00.48 Author :
Cara memasang lagu atau musik kali ini akan kita lakukan melalui tool gratis situs/ web scmplayer, dimana terdapat banyak pilihan dan pengaturan yang dapat kita sesuaikan seperti keinginan kita seperti mengatur warna, fitur seperti auto reply serta memilih lagu yang kita inginkan yang dapat kita pilih melalui soundcloud.com.

Cara memasang atau memasukan widget lagu ke blog

1. Kunjungi situs scmplayer.net
Widget Lagu/ Musik mp3

2. Akan muncul tampilan seperti dibawah ini dan di menu “Choose Skin” anda dapat memilih warna background yang anda inginkan dan lanjut dengan kllik “Edit Playlist”
3. Siapkan lagu yang anda inginkan, saya sarankan cari di soundcloud.com selanjutnya masukan judulnya kedalam kolom “song title” dan URL lagu dari soundcloud.com tadi kedalam “Song URL” kemudian jika telah selesai klik “Next”

Memasukan Lagu ke Blog
4. Anda akan masuk ke menu “Setup Wizard” dan silahkan atur sesuai keinginan anda

Pengaturan Lagu Blog
Keterangan Pengaturan :
  • Auto play untuk memutar lagu secara otomatis
  • Shuffle Playback untuk memutar lagu dalam daftar anda secara acak
  • Default Volume untuk mengatur volume suara standar yang anda inginkan
  • Repeat Mode untuk mengatur pengulangan lagu
  • Placement of Player Bar untuk mengatur letak pemutar musik yang ingin kita pasang di blog
  • Show Playlist by Default untuk menampilkan pemutar secara default yaitu di sebelah kanan blog

5. Klik done untuk memperoleh kode HTML sesuai pengaturan yang kita lakukan

HTML widget Lagu untuk Blog
6. Copy kode seperti gambar diatas dan letakan didalam HTML template anda dengan cara Masuk ke blogger – Klik Template  - Edit HTML dan cari kode <body> atau <body (gunakan CTRL+F untuk mempermudah) setelah ketemu letakkan kode yang anda copy tadi tepat dibawah kode  <body>
7. Simpan template dan lihat hasilnya.
Read More ->>
| 0 komentar

Cara Memasang Jam Di Blog Keren

Published : 00.36 Author :

WELCOME TO MY BLOG PART 2

Cara Memasang Jam Di Blog Keren, Sobat blogger, cara memasang atau menambahkan widget jam di blog sangatlah mudah untuk di terapkan, biasanya bagi seorang blogger untuk mempercantik tampilan blog adalah dengan menambahkan widget yang unik dan enak di pandang mata, yaitu salah satunya menambahkan atau memasang widget jam di blog yang di kelola dengan tujuan untuk mempercantik blog.

Menambahkan jam di blog salah satu widget untuk menghias blog anda menjadi lebih keren tentunya selain itu widget ini juga bisa menjadi pengingat untuk melihat jam berapa waktu di tujukan sekarang, selain itu kita juga punya pilihan untuk tampilan jamnya sendiri yang sesuai selera kita. Bagi anda yang ingin menambahkannya silahkan ikuti tutorialnya.

Cara Memasang Atau Menambahkan Jam Di Blog Keren

1. Silahkan klik atau buka link http://flash-clocks.com/analog-flash-clock-page1.html
2. Di tab baru pilih salah satu tampilan jam yang anda suka.
3. Klik HTML Embed Tag > Copy semua code tersebut
Lihat contoh gambar di bawah :

Cara Memasang Jam Di Blog Keren

Cara Memasang Jam Di Blog Keren

4. Sekarang buka akun blogger anda.
5. Pilih menu tata letak > Add gadget > Html/Javascript > Paste code tadi yang di ambil > Klik Save
Lihat contoh gambar di bawah :

Cara Memasang Jam Di Blog Keren
Cara Memasang Jam Di Blog Keren

6. Lihat hasilnya.

Sekian tutorial Cara memasang widget jam di blog. lebih dan kurangnya mohon maaf, salam sukses
Read More ->>
| 0 komentar

CARA MEMASA WIDGET JI JAMIN OK!!!!!!!

Published : 00.33 Author :

WELCOME TO MY BLOG PART 2

Bagaimana cara memasang atau menambahkan widget di Blogspot ? dari pertanyaan tersebut mungkin sebagian para pakar blogger profesional pastinya sudah pada tau , namun bagaimana jika ada seorang blogger pemula yang baru belajar di blogspot , Mungkin sempat kebingungan mengenai hal cara menambahkan gadget khususnya di blogspot.

Dari sebagian para pakar blogger profesional untuk mengerjakan hal tersebut pastilah sangat mudah sekali karena sudah mengetahui sepenuhnya tentang webs atau blogs , tetapi berbeda lagi dengan yang belum mengetahui caranya , Apalagi yang sama sekali belum pernah mengetahui Cara Membuat Blogs di Blogspot , Untuk itu dibawah ini saya akan share kembali Tutorial Tips Trik Blogger tentang bagaimana cara memasang gadget atau widget khususnya pengguna blogspot cekidot , Adapun caranya adalah sebagai berikut :

- Sign in terlebih dahulu dengan my account sobat atau sobat bisa klik langsung di http://www.blogger.com


- Kemudian klik Tata Letak pada Dashboard blogs sobat seperti gambar diatas , Oia untuk gambar halaman kerangka Template dibawah ini pasti berbeda - beda bentuknya dan di Template webs atau blogs sobat pun akan menemukan banyak gadget dibeberapa posisi , seperti ada yang diletakkan di header , sidebar , main wrapper atau di footer ( " Jika sobat ada yang belum tau untuk nama - nama kerangka pada Template nanti saya akan posting di artikel selanjutnya " )

Kerangka Template Webs dan Blogs

- kemudian silahkan sobat pilih akan menambahkan widget atau gadget diposisi sebelah mana ?

- Untuk Tutorial Cara Menambahkan Widget di Blogspot ini saya akan memberikan contoh misalnya sobat ingin menambahkan Gadget  Lencana Google+ di sidebar sebelah kanan , Caranya klik Tambahkan Gadget kemudian klik pada tulisan Lencana Google+ , Jika di klik pada tulisan tersebut otomatis akan menampilkan Pratinjau seperti gambar di bawah ini

cara menambahkan widget di webs atau blogs

cara memasang widget di blogspot

pratinjau gadget Lencana Google plus

- Untuk masalah menyesuaikannya sobat bisa atur sesuai keinginan sobat , jika sudah di atur silahkan klik simpan / save pada widget  Lencana Google+ tersebut seperti gambar di bawah ini

setting gadget Lencana Google plus

- Dan jangan lupa klik simpan setelan pada kerangka template sobat seperti gambar di bawah ini

Kerangka Template Website dan Blogspot

Selesai dan lihat hasilnya , Mungkin masih ada yang bertanya , Bagaimana Cara Memasang Widget Kode Script di Blogspot ? Untuk cara pasang kode script widget di blogs , Sebenernya masih sama dengan Tutorial di atas hanya berbeda ketika sobat klik Tambahkan Gadget silahkan sobat cari tulisan HTML/JavaScript seperti gambar dibawah ini

Cara Memasang Kode Script Widget di blogspot dan website

kemudian klik tulisan HTML/Javascript tersebut otomatis akan keluar kotak Mengonfigurasi HTML/JavaScript dan pada kotak kosong bertulisan konten silahkan disitu copy paste kode script widget yang akan sobat pasang dan bisa juga memberikan judul pada widget pilihan sobat tersebut


Cara Memasang Kode Script Widget di blogspot

Jika sudah selesei silahkan klik simpan kemudian dilanjutkan kembali dengan mengklik Simpan Setelan , selesei dan lihat hasilnya

Mudah - mudahan tutorial tips trik blogger tersebut tentang  Bagaimana cara memasang atau menambahkan widget di Blogspot bisa mudah dipahami , dan untuk mempermudah mendesain webs atau blogs nya saya sarankan baca di  Cara Mencari Kode Script HTML di Template Blogs Versi Tampilan Terbaru , Semoga postingan ini bermanfaat , terutama untuk sobat pengguna blogspot yang sedang belajar cara membuat blog.


Read More ->>
| 0 komentar

Senin, 20 Februari 2017

Cara Mengetahui Siapa Saja yang Sedang Mencuri WiFi Kamu

Published : 05.23 Author :

welcome to my blog

Productivity -
 
21 September 2015
 
- oleh FebriVe
  Share 

Kadang ketika kita sedang nonton YouTube tiba-tiba resolusinya berubah menjadi paling rendah, padahal sebelumnya bisa di resolusi 720p. Atau ketika sedang download, malah jadi lambat padahal tidak ada yang sedang memakai koneksi internet. Jika kamu mengalami masalah ini dan menggunakan WiFi, berarti ada kemungkinan ada yang sedang mencuri koneksi WiFi milikmu. Untuk menemukan siapa saja yang sedang mencuri WiFi milikmu, bisa coba menggunakan aplikasi berikut yaitu Who's on my WiFi. Aplikasi ini akan memperlihatkan siapa saja pengguna koneksi WiFi milikmu secara diam-diam.
Baca Juga:

Cara mengetahui pencuri koneksi WiFi

  • Download dan install Who's on my wifi terlebih dahulu di PC/laptop milikmu.
    Who's On My Wifi

    Who's On My Wifi 3.0.3

    IO3O LLC
    Download
    Download by JalanTikus.com
  • Matikan semua koneksi dari perangkat kamu dengan koneksi WiFi agar lebih mudah terlihat koneksi lainnya.
  • Sambungkan PC/Laptop milikmu dengan Router melalui kabel LAN.
  • Pilih Scan, fitur ini akan melalukan pemindaian perangkat yang terkoneksi dengan WiFi milikmu. Akan muncul daftar perangkat apa saja yang terkoneksi beserta Mac Address atau IP.
  • Jika sudah diketahui siapa saja pencuri koneksi WiFi milikmu jadi kamu bisa blokir IP tersebut atau ganti password WiFi agar lebih aman.
Cara ini tentu bisa menghemat kuota WiFi milikmu. Selamat mencoba sekian dari saya aldi saputra
Read More ->>
| 0 komentar
Langganan: Postingan (Atom)