Archive for Agustus 2013

Cara Memasang Animasi Naruto Keren Di Blog

Sabtu, 31 Agustus 2013
Posted by Unknown
Sekedar Sharing - Kali ini saya akan menshare tutorial Cara Memasang Animasi Naruto Keren Di Blog. bagi para sobat yang tertarik silahkan ikuti tutorialnya.
  1.     Login ke dasbor blog anda
  2.     Pilih rancangan
  3.     Pilih Tambah Gadget
  4.     Pilih Html/Java Script
  5.     Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa  memilih   sesuai keinginan anda. 
  6.     Pastekan kode tadi di Html/java script tadi.
  7.     Simpan, dan selesai


1.Jiraiya

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>


2.Daidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html"><img border="0" src="http://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

3.kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/KisameWater.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

4.Kiba


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif " title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

5.Akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://th244.photobucket.com/albums/gg10/spider-man155/th_Akatsuki.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang naruto bergerak gif" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

6.Sakura

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Sakura2.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

7.Anggota akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343009.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

8.Tobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

9.Hinata

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/HinatavsNaruto.gif" title="
Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

10.Temari

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Temari.gif " title="Click to get more." /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

11.Kankuro

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kankuro.gif " title="Kumpulan animasi Naruto dan gara bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

12.Sasuke

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://th217.photobucket.com/albums/cc54/ivandra79/Naruto/th_SASUKE_GIF.gif" title="Kumpulan animasi sasuke bergerak gif"
 alt="cara pasang animasi naruto dan sasukebergerak gif di blog"  /></a><small>
<center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

13.Itachi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343243.jpg " title="Kumpulan animasi Naruto hitachi bergerak gif" alt="cara pasang animasi naruto dan hitachi bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

14.Pain

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343104.jpg" title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

15.Kakuzu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/Kakuzu.gif" title="lihat lebih banyak animasi naruto bergerak" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>


16.Gaara vs daidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraDeidara.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

17.Gaara


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraSkill.gif" title="Kumpulan animasi gara bergerak gif" alt="cara pasang animasi gara bergerak gif di blog"  /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

18.Neji

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NejiStrikes.gif " title="kumpulan animasi bergerak" alt="animasi beregerak naruto" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

 19.Rock lee

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Leecombo.gif " title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

20.Zetsu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343266.jpg " title="lihat lebih banyak animasi naruto bergerak."alt="animasi beregerak naruto" /></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

21.Sasori

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343137.jpg" title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

22.Kakashi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kakashi.gif " title="kumpulan cartoon bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

23.Sarutobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/3rdHokage.gif " title="klik kumpulan Widget Animasi naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

24.Kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://sekedarsharin9.blogspot.com/2013/02/cara-memasang-widget-animasi-lucu-naruto.html" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343066.jpg" title="lihat kumpulan Widget Animasi Naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://sekedarsharing2.blogspot.com/2013/08/cara-memasang-animasi-naruto-keren-di.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.
bottom (bawah), top (atas), left ( kiri), right (kanan),
Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right.Selamat mencoba

Sekedar Sharing - Cara Membuat Blog Dengan Mudah di Blogger. Sebagaimana yang telah kita ketahui bersama bahwa banyak cara atau layanan untuk membuat blog gratis diantaranya adalah blogger/blogspot, wordpress, joomla, blog detik dan lain-lain. Namun pada kesempatan ini, saya akan membahas bagaimana cara membuat blog khususnya blog yang berplatform blogger. Sebelum membahas lebih jauh tentang cara membuat blog, ada baiknya saya juga menjelaskan sedikit pengertian blog. Blog pada dasarnya disebut sebagai "Web Blog" yang merupakan salah satu aplikasi web yang mana postingan atau artikel yang diposting didalam blog sering sekali berurutan, yaitu dari tulisan terbaru hingga tulisan yang paling lama.

Cara Membuat Blog di Blogger

Syarat utama sebelum Anda membuat blog di blogger adalah memiliki alamat email yang masih aktif, jika Anda belum membuat email. Sekarang saya asumsikan bahwa Anda sudah memiliki alamat emai di gmail, untuk itu kita langsung saja untuk membuat blog.

1. Silahkan Anda kunjungi http://blogger.com/

2. Kemudian lihat di kanan bawah, rubah bahasa menjadi bahasa indonesia agar lebih mudah




3. Masuk/login menggunakan username/nama pengguna serta password gmail anda ( akun email anda bisa juga untuk login ke blogger).




4. Isilah formulir data Anda yang terlampir seperti:
•    Nama tampilan : isi dengan nama yang akan ditampilkan pada profile blog anda.
•    Jenis Kelamin : pilih jenis kelamin Anda, misalnya: Pria.
•    Penerimaan Persyaratan : Ceklis sebagai tanda anda setuju dengan peraturan yang telah di tetapkan oleh pihak blogger. Sebaiknya baca terlebihdahulu persyaratan dan ketentuan yang diberikan pihak blogger agar Anda mengerti.

5. Klik tanda panah bertuliskan “Lanjutkan”. Kemudian klik "Blog Baru"





6. Selanjutnya isi formulir data blog Anda pada form yang disediakan seperti:
•    Judul : Isi dengan judul blog yang Anda inginkan, misal : Panduan dan Tutorial Blogger
•    Alamat : isi dengan alamat blog yang di inginkan.
•    Template : pilih template (tampilan blog) yang Anda disukai


7. Lanjutkan dengan klik tombol “Buat blog!”.


8. Sampai tahap ini blog Anda sudah selesai dibuat, namun untuk menghindari anggapan spam oleh google sebaiknya anda mulai membuat artikel, minimal 1 postingan. Untuk membuat postingan/artikel ikuti tutorial blog berikut ini.

9. Klik tulisan "Mulai memposkan

10. Isi judul dan artikel yang ingin Anda postkan di blog


11. Setelah tulisan Anda selesai lalu klik "pratinjau" untuk melihat hasil sementara, jika sudah sesuai maka klik "publikasikan"

12. Selesai dan saya ucapkan "Selamat" publikasikan juga bog baru Anda pada sahabat atau orang terdekat Anda bahwa sekarang anda sudah memiliki blog.

Semoga Bermanfaat !
Sekedar Sharing - Salah satu cara untuk membuat halaman blog menjadi cantik adalah dengan memberikan efek lipatan kertas yang biasanya berada di pojok halaman. Efek lipatan kertas seperti ini dikenal juga dengan nama Page Peel atau Page Flip. Membuat efek Page Peel pada blogspot sangat mudah. Berikut ini cara membuat efek tersebut sebagaimana dijelaskan oleh drraman:

1. Login ke blogspot
2. Masuk ke dashboard > Design > Edit HTML.
3. Letakkan kode di bawah ini sebelum kode </head>

<style type="text/css">
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDRM0ewBynmuaDqAZGQdy2mg5a60bgufp4JBMrfXi60dIeMbl1YnbWf_bKmR80OycO54R-XaydVW7Ouity0yZYdSC2YzWfGXlGtpxXZUKi4Itt7bNKSy0TvOgfvZ1pCaGZMWmnj3f5w4en/s1600/page+peel.JPG) no-repeat right top;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});
});
</script>


 Perhatian !!!
 * Ganti tulisan warna biru dengan link gambar anda

4. Letakkan kode di bawah ini setelah kode <body>

<div id='pageflip'>
<a href='http://sekedarsharing2.blogspot.com/'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOhjZUuxn6AHjwWiqel37VPNRpAecyI93KiZ0OG7CLDu4fq3miZSfDo2IR_IVRauw-qyw48JpQVE5ia8AV2-h1PUtQS2650lPvC51fhqbclyDMdjIMKg2QaE9hne7D1lDfyG44sRzhOPxd/s1600/page_flip.png'/></a>
<div class='msg_block'></div>
</div>

5. Save template dan lihat hasilnya.

Selamat mencoba!

Sekedar Sharing - Cara Membuat Link Bergoyang Ketika Disentuk kursor. kali ini saya akan menshare tutorial membuat link bergoyang ketika disentuh kursor, sangat menarik sob. Penasaran dengan tutorial ini? silahkan ikuti langkah-langkah berikut :


  1. Login dulu ke blog sobat
  2. Dasbor
  3.  Rancangan
  4. Tambah Element Html/Javascript
  5. Lalu Copas script di bawah ini :



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function()  { $('a').hover(function() { $(this).animate({ marginLeft:  '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>


6. Simpan dan lihat hasilnya.

Semoga Bermanfaat!

Sekedar Sharing - Untuk para sobat pecinta blogger, sebelum menambahkan efek-efek pada blogger harap dilihat dan di pertimbangkan efek yang akan di pasang pada blog karena akan mempengaruhi loading pada blog. dan disini saya akan menshare kumpulan efek-efek untuk blog. ada efek yang ringan dan ada juga efek yang lumayan berat. penasaran pengen mencoba?

silahkan bisa ikuti tutorialnya berikut ini :


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


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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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://sekedarsharing2.blogspot.com/2013/08/cara-menambahkan-efek-efek-keren-di-blog_31.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.
Semoga Bermanfaat !



Sekedar Sharing - Untuk temen - temen blogger Amikom yang pengen menambah gadget link amikom berjalan di blog dan bisa langsung terhubung ke web amikom, kali ini saya akan menshare tutorialnya dan ikuti saja langkah - langkah berikut :


1. Login dulu ke blogger sobat masing-masing.
2. Lalu klik Tata Letak >> Tambah Gadget >> pilih HTML/java script.
3. Kemudian Copy code di bawah ini dan pastekan pada kotak HTML.


 <!-- Sekedarsharing2.blogspot.com -->

<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=628040382689717035&amp;widgetType=HTML&amp;widgetId=HTML6&amp;action=editWidget&amp;sectionId=main" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML6&quot;));" target="configHTML6" title="Edit">
<img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18" width="18" />
</a>
</span>
</span>
<div class="clear"></div>
<div class="widget HTML" id="HTML12">
<div class="widget-content">
<div class="widget-content">
<center>
<marquee scrollamount="5" direction="left">
<a title="STMIK Amikom Yogyakarta" href="http://www.amikom.ac.id/" target="blank"><img src="http://i1252.photobucket.com/albums/hh566/amrileader/amikom.jpg" border="0" height="75" width="150" /></a>

<a title="Repository Amikom" href="http://repository.amikom.ac.id/" target="blank"><img src="http://i1130.photobucket.com/albums/m532/mahmudi45/repositroy.png" border="0" height="75" width="150" /></a>

<a title="E-learning Amikom" href="http://elearning.amikom.ac.id/" target="blank"><img src="http://i1130.photobucket.com/albums/m532/mahmudi45/e-learning.png" alt="E-learning Amikom" height="75" width="150" /></a>

<a title="Research Amikom" href="http://research.amikom.ac.id/" target="blank"><img src="http://i1130.photobucket.com/albums/m532/mahmudi45/research.png" alt="Research Amikom" height="75" width="150" /></a>

<a title="Wisuda Amikom" href="http://wisuda.amikom.ac.id/"><img src="http://i1130.photobucket.com/albums/m532/mahmudi45/WEB-BANNER_VERSI_11jpg.jpg" alt="Wisuda Amikom" height="75" width="150" /></a>

<a title="PMB Amikom" href="http://pmb.amikom.ac.id/" target="blank"><img src="http://i1130.photobucket.com/albums/m532/mahmudi45/images.jpg" alt="PMB Amikom" height="75" width="150" /></a>

<a title="Kabar IT" href="http://kabarit.com/" target="blank"><img src="http://i1130.photobucket.com/albums/m532/mahmudi45/images4.jpg" alt="Kabar IT" height="75" width="150" /></a></marquee></center></div>
</div>
<div class="clear"></div>

<div class="clear"></div>
</div>


<!-- Sekedarsharing2.blogspot.com -->

4. Simpan.


Semoga Bermanfaat !




Kunci keyboard pada dekstop:

Tombol windows                 : Membuka dan menutup Start menu
Windows + D                      : Menampilkan Desktop
Windows + E                      : Membuka jendela Computer
Windows + F                      : Membuka jendela Pencarian (search)
Ctrl + Windows + F            : Mencari Computers (Jika dalam jaringan)
Windows + L                      : Mengunci komputer atau berganti user
Windows + M                     : Meminimalkan layar Windows
Shift + Windows + M          : Mengembalikan layar Windows yang kecil
Windows + R                      : Membuka dialog box Run
Windows + T                      : Berpindah antara program-program di Taskba                   
Windows + U                     : Membuka Ease of Access Center
Windows + Pause               : Membuka jendela system properti
Windows + tab                   : Berganti dari item yang terbuka dengan fitur Flip 3                      
Ctrl + A                             : Memilih (block) semua item yang ada pada jendela                      
Ctrl + C                             : Men-copy item yang terseleksi
Ctrl + X                             : Men-cut item yang terseleksi
Ctrl + V                             : Men-paste item yang di-cut atau di copy
Ctrl + Y                             : Melakukan kembali tindakan
Ctrl + Z                             : Membatalkan aksi yang telah dilakukan
F1                                     : Menampilkan Help
F2                                     : Menunjukkan label dari item yang akan diedit                        
F3                                     : Membuka jendela Pencarian
Ctrl + F4                           : Menutup dokumen yang sedang aktif
Alt + F4                            : Menutup item atau program yang aktif
F5                                     : Me-refresh sebuah jendela
F6                                     : Berpindah di antara elemen yang ada di jendela atau di desktop                         
F10                                   : Mengaktifkan menu bar sebuah program
Shift + Windows + F10     : Menampilkan menu shortcut untuk item yang terpilih                    
Delete                               : Menghapus ke Recycle Bin
Shift + Delete                    : Menghapus item terpilih secara permanen
Alt + Enter                        : Menampilkan properties dari item terpilih
Ctrl + Esc                         : Membuka Start menu
Alt + Esc                          : Berpindah antara item sesuai dengan urutan dibuka paling awal                         
Ctrl + Shift + Esc              : Membuka Task Manager
Shift Lima kali                   : Menghidupkan atau mematikan fitur sticky key                              
Alt + Spacebar                 : Membuka menu shortcut dari windows yang aktif
                    
Alt + Tab                          : Berganti antara item yang terbuka
Ctrl + Alt + Tab                : Menampilkan item yang terbuka (gunakan Tombol panah untuk berganti-ganti)                     
Ctrl + Windows + Tab       : Menampilkan item yang terbuka lewat flip 3- D
                                         (  gunakan tombol panah untuk berganti-ganti)
Left Alt + Left Shift + Num Lock : Menghidupkan dan mematikan fitur Mouse.
   
Menahan selama lima detik + num Lock : Menghidupkan dan mematikan fitur toggle Keys
 
Alt kiri + shift kiri + Print Screen : Menghidupkan atau mematikan fitur High Contrast
 
Shift Kanan selama 8 detik :    Menghidupkan atau mematikan fitur filter




Kunci Keyboard Pada Ms. Word :

  •     Ctrl + S                : Save File
  •     Ctrl + C               :  Copy
  •     Ctrl + V               :  Paste
  •     Ctrl + I                :  Huruf Italic / Huruf Miring
  •     Ctrl + B               :  Huruf Bold / Huruf Tebal
  •     Ctrl + U               :  Huruf Underlined / Garis Bawah pada Huruf
  •     Ctrl + A               :  Drag All / Keseluruhan
  •     Ctrl + E                :  Rata Tengah
  •     Ctrl + R                :  Rata Kanan
  •     Ctrl + L                :  Rata Kiri
  •     Ctrl + J                 :  Rata Kiri Kanan
  •     Ctrl + N               :  Halaman Pengetikan Baru
  •     Ctrl + Z                :  Undo
  •     Ctrl + home          :  Kembali ke Awal Tulisan
  •     Ctrl + end             :  Menuju Akhir Tulisan
  •     Ctrl + =                :  subscript
  •     Ctrl + shift + =      :  Superscript
  •     Ctrl + M               :  Paragraf Bergeser ke Kanan
  •     Ctrl + shift + M     :  Paragraf Bergeser ke Kiri
  •     F5                        :  Find and Repalce
  •     Alt + O + N         :  Bullet And Numbering
  •     Alt + T + A          :  Auto Correct
  •     Alt + F4               :  Menutup Tampilan

Definisi Tentang DNS

Kamis, 29 Agustus 2013
Posted by Unknown
Tag :

Sekedar Sharing - Kali ini saya akan menshare Definisi Tentang DNS.
Dalam berkomunikasi, antar komputer sudah cukup menggunakan alamat ip. Namun karena keterbatasan kemampuannya, manusia memerlukan sebuah nama untuk saling kenal dan oleh karena itu DNS ada.Keberadaan DNS ini bersifat terdistribusi di seluruh dunia.Dengan pendistribusian ini,masing – masing organisasi bertanggung jawab atas database yang berisi informasi mengenai jaringannya sendiri.

Misalnya DNS server ITB hanya bertanggung jawab atas domain itb.ac.id.

Informasi yang disimpan dalam DNS server berupa alamat IP dan namahost.Oleh karena itu format penamaan host harus konsisten untuk semua host.Format penamaan host di internet dibuat membentuk hierarki.Skema hierarki tersebut membentuk tree.Satu titik atau node membentuk tree memiliki beberapa subnode, dan setiap subnode membentuk beberapa tree yang memiliki beberapa subnode.Setiap node memiliki label yang disebut domain.Domain ini bisa berupa namahost,subdomain atau top level domain. Nama domain di dunia dipecah menjadi .com .org .edu  .gov dan .mil dan di Indonesia diubah sedikit menjadi .co.id .or.id .ac.id .go.id dan .mil.i

Domain teratas ialah root domain.Domain ini ditulis dalam bentuk titik(“.”). Semua node yang berada tepat dibawah root domain adalah top level domain.Node yang berada tepat dibawah top level domain disebut seconde level domain dan semua node yang berada di bawah second level domain disebut third level domain.

Sebagai contoh :

Web.master.arc.net
Tanda ”.” menunjukkan Root Domain.
net menunjukkan top level domain.
arc menunjukkan second level domain.
master menunjukkan third level domain.
web menunjukkan nama host/komputer.

Resolver adalah bagian dari program aplikasi yang berfungsi menjawab pertanyaan program aplikasi tentang domain.Resolver akan menjawab pertanyaan dengan dua cara yaitu
melihat isi cachenya (apabila pertanyaan tersebut pernah ditanyakan dan jawabanya disimpan dalam cache.
Bertanya / query kepada dns server lokal serta menginterpretasikan hasilnya.

DNS Server terdiri atas 3 jenis :

Cache, jenis ini tidak mempunyai data nama – nama host dari domain tertentu.Ia hanya mencari jawaban dari beberapa dns server dan menyimpan hasil di dalam cachenya untuk keperluan mendatang.
Primary (master) , adalah dns server yang memegang daftar lengkap dari sebuah domain yang dikelolanya.Misalnya server ns1.itb.ac.id memegang otoritas penuh atas domain “itb.ac.id”
Secondary (slave), adalah backup dari primary server apabila primary servernya crash atau untuk mempermudah pendelegasiannya.Secondary server juga memuat daftar lengkap dari sebuah domain, sama seperti primary server.

Misalnya seorang pengguna yang berada dalam jaringan atau network itb, dengan menggunakan browser internet explorer mengakses situs www.worldfriend.web.id. Maka langkah pertama yang dilakukan browser adalah bertanya kepada resolver di komputer tsb berapa ip address dari www.arc.itb.ac.id.Resolver akan mencari jawaban dengan melihat isi dari cache.Apabila situs tersebut pernah diakses sebelumnya maka informasi mengenai situs tsb(ip address) telah ada dalam cache dan resolver akan segera memberitahu jawabannya ke browser.Namun bila jawabannya belum ada dalam cache,maka resolver akan mengontak dns server lokal yang menjadi defaultnya( dns server itb) dan memberi jawabannya ke browser.

Dalam kasus yang berbeda jika name server tidak mengetahui jawabannya (atau name server tidak autoritative untuk zona tsb .Maka name server ini akan bertanya kepada name server lain yang lebih autoritative yaitu Root DNS.Root DNS pasti mempunyai database yang dimaksud dan memberikan kepada dns server lokal.Root DNS memuat seluruh daftar nama yang ada di dunia.Dan Root DNS server ini tidak hanya terdiri atas satu server saja melainkan sekitar 13 server yang diletakkan di seluruh dunia.

Misalnya seorang pengguna yang berada dalam jaringan atau network itb mengakses situs http://www.google.com.

Resolver akan mencari jawaban di cache, apabila ada maka langsung diberikan ke browser dan apabila tidak ada maka resolver akan mengontak dns server lokal.Apabila jawabannya ada maka langsung diberikan ke browser.Apabila jawaban yang dicari tidak ada dalam dns server lokal( dns server itb=untuk zone itb), maka dns server lokal akan mencari jawaban ke dns server yang lebih autoritative yaitu Root DNS server.Root DNS kemudian memberikan jawabannya ke dns server lokal  yang pada akhirnya menyampaikan jawaban ke client tadi.

Konfigurasi DNS Server

DNS diimplementasikan oleh sebuah software bernama BIND (Barkeley Internet Name Domain).Bind dalam pekerjaan sehari – hari dinamakan named.

Secara umum file –file yang dibuat adalah:

Named.conf
File database domain
File database reverse domain


Semoga Bermanfaat !

Sekedar Sharing - Kali ini saya akan menshare tentang bagaimana Arsitektur Jaringan komputer.
Arsitektur pada jaringan komputer di antaranya :

Ethernet

Ethernet bekerja berdasarkan broadcast network , dimana setiap node meneriman setiap transmisi data yang dikrimkan dari suatu node yang lain.Cara kerja Ethernet sebagai berikut : sebelum mengirimkan paket data , setipa node memeriksa apakah network dalam keadaan sibuk atau tidak.Jika network busy , node itu menunggu sampai tidak ada sinyal di dalam network.Jika pada saat bersamaan ada dua node yang mengirimkan data , maka terjadi collision.Jika terjadi collision , kedua node
Menunggu dengan waktu yang acak.Implementasi Ethernet dapat dilakukan dengan berbgai media antara lain :
1.    10baseT : menggunakan kabel UTP , 10 Mbps , baseband.
2.    10base2 : menggunakan kabel thin coax , 10 Mbps ,baseband.
3.    10base5 : menggunakan kabel thick coax , 10 Mbps , baseband.

Token Ring

Untuk menghindari collision tidak menggunakan collision detect melainkan token passing scheme. Token passing scheme dapat dijelaskan secara sederhana sebagai berikut: Sebuah token yang bebas mengalir pada setiap node melalui network.Saat sebuah node ingin mengirimkan paket  , node itu meraih dan melekatkan frame atau paketnya ke token.Sekarang token tidak dapat lagi oleh node yang lain sampai data itu sampai tujuannya.Jika telah sampai token dilepaskan lagi oleh originating station.Token mengalir di network dalam satu arah dan setiap station di poll satu-persatu.

ARCnet

Arsitektur ini menggunakan prinsip token passing scheme dan broadcast.Kecepatannya 2.5 Mbps dan 20 Mbps. Arsitektur ini  menggunakan topologi fisik star.Tidak dapat bekerja dalam satu bus sehingga jarang digunakan pada internetworking UNIX-DOS.

FDDI

FDDI (Fiber Distributed Data Intrface) digunakan dengan kabel fiber optic.Arsitektur ini bekerja berdasarkan dua ring konsentrik , masing-masing berkecepatan 100 Mbps ,  dengan menggunakan token passing scheme.
Salah satu dapat berfungsi sebagai back-up atau dibuat sebagai pengirim saja (mengirim dan meneriman dalam arah yang berbeda).Tidak compatible dengan ethenet ,  namun dapat dienkapsulasi dalam paket FDDI.


FDDI RING

CDDI

CDDI (Copper Distributed Data Interface) merupakan standart dari FDDI yang diimplementasikan pada kabel.Arsitektur ini  mencapai kecepatan 100 Mbps.Panjang segmen kabel lebih kecil 100 m (untuk jenis kabel STP) dan 50 m (untuk jenis kabel UTP).


Semoga Bermanfaat !
Sekedar Sharing - kali ini saya akan menshare Macam-Macam Topologi Jaringan Komputer
Topologi jaringan merupakan rancangan yang akan dibuat pada sebuah jaringan komputer atau suatu cara untuk menghubungkan komputer satu dengan komputer yang lain sehingga bisa membentuk suatu jaringan komputer, menentukan topologi jaringan sangat penting sebelum kita membangun jaringan, karena dengan topologi kita bisa mengetahui model jaringan yang akan kita bangun. Banyak topologi yang sering dipakai dalam jaringan komputer diantaranya:

1. Topologi Bus



Topologi ini merupakan satu kabel yang kedua ujungnya ditutup , dimana sepanjang kabel terdapat node-node. Signal dalam topologi ini melewati dalam dua arah dalam sebuah kabel sehingga memungkinkan sebuah collision terjadi. Topologi ini memiliki kekurangan yaitu apabila ada segmen kabel yang putus maka seluruh jaringan akan terhenti.

2. Topologi Ring

Topologi jaringan yang berupa lingkaran tertutup yang berisi node-node,Signal mengalir dalam satu arah sehingga dapat menghindarkan terjadinya collision ,sehingga memungkinkan terjadinya pergerakan data yang sangat cepat.Problem dari tipe topologi jaringan ini yaitu apabila segmen kabel putus maka seluruh jaringan akan putus.

3.  Topologi Star

Karakteristik dari topologi jaringan ini bahwa setiap node berkomunikasi langsung dengan central node , traffic data mengalir dari node ke central node dan kembali lagi.Jika salah satu segmen kabel putus , jaringan ini tidak terputus.




4. Topologi Tree

Topologi tree adalah pengembangan atau generalisasi topologi bus. Merupakan kombinasi karakteristik antara topologi star dan topologi bus. Topologi terdiri atas kumpulan topologi star yang dihubungkan dalam satu topologi bus sebagai backbone. Komputer-komputer dihubungkan ke hub, sedangkan hub lain di hubungkan sebagai jalur tulang punggung (backbone) yang mempunyai topologi bus. Media transmisi merupakan satu kabel yang bercabang namun loop tidak tertutup.

5. Topologi Mesh




Topologi yang tidak memiliki aturan dalam koneksi. Karena tidak teratur maka kegagalan komunikasi menjadi sulit dideteksi, dan ada kemungkinan boros dalam pemakaian media transmisi. setiap perangkat Setiap prrangkat terhubung secara langsung ke perangkat lainnya yang ada di dalam jaringan. Akibatnya, dalam topologi mesh setiap perangkat dapat berkomunikasi langsung dengan perangkat yang dituju (dedicated links).

Semoga Bermanfaat !
Sekedar Sharing - Kali ini saya akan menshare tentang Perangkat Keras Jaringan Komputer.
Di dalam membentuk suatu jaringan baik itu bersifat LAN (Local Area Network) maupun WAN (Wide Area Network) membutuhkan media baik secara hardware maupun software.Beberapa media hardware yang penting didalam membangun suatu jaringan antara lain : kabel , ethernet card , repeater , hub ,bridge , dan router.

1. Kabel    

A.  Twisted Pair



Kabel merupakan media yang paling sering dan paling biasa digunakan untuk membuat jaringan contoh : UTP (Unshielded Twisted Pair) dan STP (Shielded Twist Pair) , Thick Ethernet ,Fiber Optik dll.Kabel yang sering digunakan didalam media jaringan yaitu kabel UTP.

Karakteristik kabel UTP :

1.    Kabel yang merupakan kebel-kabel yang disusun berpasangan dan di twist satu sama lain.
2.    Untuk kabel jenis UTP,terdiri atas empat pasang.
3.    Kabel UTP biasa dapat melewatkan data dengan bandwidth sampai 10 Mbps sedangkan UTP  
       kategori dapat melewatkan data dengan bandwidth 100 Mbps.
4.    STP lebih tahan interferensi daripada UTP dan dapat beroperasi pada kecepatan yang bisa lebih dari
       100 Mbps.



B. Kabel Koaksial

Kabel ini mempunyai bandwidth yang lebih lebar sehingga dapat digunakan komunikasi broadband (Multiple Channel).Kabel koaksial banyak jenisnya antara lain Thick Koaksial yang banyak digunakan untuk kabel Backbone pada instalasi jaringan Ethernet suatu jaringan.



C. Fiber Optik

Kabel mempunyai bandwidth yang lebih besar dari pada kabel yang lain.Karakteristik dari kabel ini tidak terpengaruh oleh adanya cuaca dan panas.   

2. Ethenet Card
Dikembangkan oleh Xerox Corp dan sekarang sudah diterima sebagai standart IEEE 802.3.Cara kerja Ethernet Card berdasarkan broadcast network yaitu setiap node dalam suatu jaringan menerima setiap transmisi data yang dikirim oleh suatu node yang lain.Ethernet menggunakan metode CSMA/CD (Carrier Sense Multiple Acces / Collision Detection) baseband.Metode CSMA/CD merupakan suatu metode pengiriman yaitu sebelum paket data dikirimkan, setiap node melihat apakah network sedang mengirimkan paket data yang lain.Jika network sedang terjadi pengiriman paket data, maka node tersebuit menunggu sampai tidak ada lagi pengiriman paket data oleh node yang lain.Jika tidak ada pengiriman paket data yang lain maka node tersebut akan mengirimkan paket data.Jika pada saat bersamaan dua node mengirimkan paket data,maka terjadi collision/tabrakan.Hal ini diketahui dengan cara mengukur tegangan kabel, jika tegangannya melebihi tegangan tertentu maka terjadi collision.Jika terjadi collision, maka masing –masing ethernet card berhenti mengirimkan data kembali dengan selang waktu yang acak.Karena waktu tersebut secara acak, maka kemungkinan collision telah lanjut semakin kecil.
Setiap Ethernet card mempunyai alamat sepanjang 48 bit yang dikenal sebagai Ethernet address.

3.  Repeater.

Fungsi utama repeater yaitu untuk memperkuat sinyal dengan cara menerima sinyal dari suatu segmen kabel LAN lalu memancarkan kembali dengan kekuatan yang sama dengan sinyal asli pada segmen kabel yang lain.Dengan cara ini jarak antara kabel dapat diperjauh.
Penggunaan repeater antara dua segmen atau lebih segmen kabel LAN mengharuskan penggunaan protocol Physical layer yang sama antara segmen-segmen kebel tersebut misalnya repeater dapat menghubungkan dua buah segmen kabel Ethernet 10BASE2.

4.  Bridge.

Fungsi dari bridge itu sama dengan fungsi repeater tapi bridge lebih fleksibel dan lebih cerdas daripada repeater Bridge dapat menghubungkan jaringan yang menggunakan metode transmisi yang berbeda.Misalnya bridge dapat menghubungkan Ethernaet baseband dengan Ethernet broadband.
Bridge mampu memisahkan sebagian dari trafik karena mengimplementasikan mekanisme pemfilteran frame (frame filtering).Mekanisme yang digunakan di bridge ini umum disebut sebagai store and forward. Walaupun demikian broadcast traffic yang dibangkitkan dalam LAN tidak dapat difilter oleh bridge.


5.  Switch.




Tujuan dalam menghubungkan LAN menggunakan repeater dan bridge adalah meningkatkan keleluasaan atas beberapa keterbatasan media komunikasi LAN. Alat penghubung ini mampu menambah jumlah perangkat jaringan yang terhubung dalam LAN.

6.  Converter.

Converter dapat dianggap sebagai tipe divais yang berbeda daripada repeater, bridge, router dan dapat digunakan secara bersama-sama.Converter memungkinkan sebuah aplikasi yang berjalan dalam suatu system berkomunikasi dengan aplikasi yang berjalan dalam system yang lain yang berjalan di atas arsitektur network yang berbeda  dengan system tersebut.


Semoga Bermanfaat !
Selamat Datang Di Blog Saya
English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

Flag Counter

Statistik

Diberdayakan oleh Blogger.

Copyright © 2013 Sekedar Sharing - Edited By |Imam Ainudin Firmansyah | 12.12.6815