Popular Post

Cara Membuat Tulisan Berjalan Mengikuti Blog

By : sopriadi AHMAD
Hai Sobat Blogger Sekedar Berbagi yang masih pusink Nich Untuk memperindah Blognya dengan Animasi, Salah Satunya Animasi Tulisan Berjalan Mengikuti Kursor..

Tulisan Berjalan Terkadang Membuat pengunjung Keasyikan... :)..???

Keasyikan Memainkan Kursornya karena ada Tulisan Yang Mengikuti Kursornya..

Langsunk Ini Caranya...


  • Login ke Blogger (Dasboard)
  • KLIK Rancangan/Design
  • kemudian menuju Elemen Laman
  • Klik add Gadget
  • pilih HTML/javascript
  • copy paste script di bawah ini
  • simpan/save (Copy Code Dibawah Ini)


<style type='text/css'>
    #outerCircleText {
    font-style: italic;
    font-weight: bold;
    font-family: 'comic sans ms', verdana, arial;
    color: #a4336a;
    position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
    #outerCircleText div {position: relative;}
    #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
    </style>

    <script type='text/javascript'>
    //<![CDATA[
    ;(function(){
    // Your message here (QUOTED STRING)
    var msg = "Ketik Disini";
    /* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
    // Set font's style size for calculating dimensions
    // Set to number of desired pixels font size (decimal and negative numbers not allowed)
    var size =20;
    // Set both to 1 for plain circle, set one of them to 2 for oval
    // Other numbers & decimals can have interesting effects, keep these low (0 to 3)
    var circleY = 0.75; var circleX = 2;
    // The larger this divisor, the smaller the spaces between letters
    // (decimals allowed, not negative numbers)
    var letter_spacing = 5;
    // The larger this multiplier, the bigger the circle/oval
    // (decimals allowed, not negative numbers, some rounding is applied)
    var diameter = 15;
    // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
    var rotation = 0.3;
    // This is not the rotation speed, its the reaction speed, keep low!
    // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
    var speed = 0.2;
    ////////////////////// Stop Editing //////////////////////
    if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
    msg = msg.split('');
    var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
    ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
    o = document.createElement('div'), oi = document.createElement('div'),
    b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement
    :
    document.body,
    mouse = function(e){
    e = e || window.event;
    ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
    xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
    },
    makecircle = function(){ // rotation/positioning
    if(init.nopy){
    o.style.top = (b || document.body).scrollTop + 'px';
    o.style.left = (b || document.body).scrollLeft + 'px';
    };
    currStep -= rotation;
    for (var d, i = n; i > -1; --i){ // makes the circle
    d = document.getElementById('iemsg' + i).style;
    d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +
    'px';
    d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
    };
    },
    drag = function(){ // makes the resistance
    y[0] = Y[0] += (ymouse - Y[0]) * speed;
    x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
    for (var i = n; i > 0; --i){
    y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
    x[i] = X[i] += (x[i-1] - X[i]) * speed;
    };
    makecircle();
    },
    init = function(){ // appends message divs, & sets initial values for positioning arrays
    if(!isNaN(window.pageYOffset)){
    ymouse += window.pageYOffset;
    xmouse += window.pageXOffset;
    } else init.nopy = true;
    for (var d, i = n; i > -1; --i){
    d = document.createElement('div'); d.id = 'iemsg' + i;
    d.style.height = d.style.width = a + 'px';
    d.appendChild(document.createTextNode(msg[i]));
    oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
    };
    o.appendChild(oi); document.body.appendChild(o);
    setInterval(drag, 25);
    },
    ascroll = function(){
    ymouse += window.pageYOffset;
    xmouse += window.pageXOffset;
    window.removeEventListener('scroll', ascroll, false);
    };
    o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
    if (window.addEventListener){
    window.addEventListener('load', init, false);
    document.addEventListener('mouseover', mouse, false);
    document.addEventListener('mousemove', mouse, false);
    if (/Apple/.test(navigator.vendor))
    window.addEventListener('scroll', ascroll, false);
    }
    else if (window.attachEvent){
    window.attachEvent('onload', init);
    document.attachEvent('onmousemove', mouse);
    };
    })();
    //]]>
    </script>

Cara Memasang Widget Animasi Bergerak Naruto

By : sopriadi AHMAD
Ikuti Langkah-Langkahnya Shopker

  • Login ke dasbor blog anda
  • Pilih rancangan
  • Pilih Tambah Gadget
  • Pilih Html/Java Script
  • Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
  • Pastekan kode tadi di Html/java script tadi.
  • Simpan, dan selesai

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. Mudah bukan ? selamat mencoba..

1.Jiraiya

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://2.bp.blogspot.com/-tC8-zLpbMHo/T46JUp8TbRI/AAAAAAAAAZo/RroE_Wyshto/s1600/n4.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>


2.Daidara

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://1.bp.blogspot.com/-Rgn6WlX1cLc/T46JKmI2CoI/AAAAAAAAAZg/ezOu9LSzTsw/s1600/n3.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

3.kisame

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://2.bp.blogspot.com/-AQKO6fLcv5o/T46JAb6DMqI/AAAAAAAAAZY/uosMwH_VayI/s1600/n2.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

4.Kiba

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://1.bp.blogspot.com/-y_PB8uyiYQY/T46ItUxHSmI/AAAAAAAAAZQ/vB4iH6SLuL0/s1600/n1.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

5.Akatsuki

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://2.bp.blogspot.com/-7sqkAFMJAH4/T46JtHyxkHI/AAAAAAAAAZw/yOMz_V6w3yQ/s1600/n5.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

6.Sakura

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://3.bp.blogspot.com/-3sBrF6q5MPg/T46J10BYa3I/AAAAAAAAAZ4/UNmlb1JDMB4/s1600/n6.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

7.Anggota akatsuki

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://4.bp.blogspot.com/-DL-7dNRf-oU/T46KD1JulgI/AAAAAAAAAaA/Bwhex-8HQgY/s1600/n7.jpg" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

8.Tobi

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://3.bp.blogspot.com/-n7SySRqULKM/T46KSaHfslI/AAAAAAAAAaI/zGy2Ngx6Jvs/s1600/n8.jpg" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

9.Hinata

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://1.bp.blogspot.com/-Pj1dLE9vHis/T46KdWjhqRI/AAAAAAAAAaQ/MqEBS6Y0Y1s/s1600/n9.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

10.Temari

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://1.bp.blogspot.com/-JF0H2lHF36A/T46KodP80eI/AAAAAAAAAaY/8_sHM_zXmQ8/s1600/n10.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>
11.Kankuro

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://2.bp.blogspot.com/-fMAR_Rsndic/T46K1XkR_-I/AAAAAAAAAag/UJtP8Lub4PQ/s1600/n11.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

12.Sasuke

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://2.bp.blogspot.com/-qAdue3J4s9k/T46LAQYdQOI/AAAAAAAAAao/sQdtUb2WvEw/s1600/n12.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

13.Itachi

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://2.bp.blogspot.com/-eh5AYW7RZX0/T46LMp62SNI/AAAAAAAAAaw/iAUBO2gy5gs/s1600/n13.jpg" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

14.Pain

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://4.bp.blogspot.com/-LFIAkY_O3mM/T46LbsrZqMI/AAAAAAAAAa4/y0-kphDPrZE/s1600/n14.jpg" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

15.Kakuzu

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://1.bp.blogspot.com/-xu-ZKd2OaMk/T46LpPjpaXI/AAAAAAAAAbA/NyMcwjEnLCg/s1600/n15.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>


16.Gaara vs daidara

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://2.bp.blogspot.com/-yU4K0WLL92c/T46L27q0BiI/AAAAAAAAAbI/565rhR96AV8/s1600/n16.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

17.Gaara

lo--loo

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://i1108.photobucket.com/albums/h405/christian410/13-1.gif" alt="lo--loo" style="cursor:pointer;" onclick="smilie('lo--loo');"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

18.Neji

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://2.bp.blogspot.com/-zIeQHZTcMao/T46NmtAOoeI/AAAAAAAAAbY/b9GPf-WDC6o/s1600/n18.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

 19.Rock lee

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://4.bp.blogspot.com/-Sq_Ar10IC30/T46N-jvBHmI/AAAAAAAAAbg/uMIpO8iKz88/s1600/n19.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

20.Zetsu

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://3.bp.blogspot.com/-iU8YO3IIARo/T46OLcmKxuI/AAAAAAAAAbo/DocZZTrw9Kc/s1600/n20.jpg" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

21.Sasori

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://3.bp.blogspot.com/-7SCcnlMQp4w/T46OUanri7I/AAAAAAAAAbw/M5Jtd2_4V-4/s1600/n21.jpg" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

22.Kakashi

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://2.bp.blogspot.com/-nsOAy--RTTI/T46Ofm1tp8I/AAAAAAAAAb4/6AC-OItZV7s/s1600/n22.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

23.Sarutobi

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://2.bp.blogspot.com/-qObF_M3oyac/T46OyRLqbSI/AAAAAAAAAcA/22A3CCvZcWI/s1600/n23.gif" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

24.Kisame

<div style="position: fixed; bottom: 20px; left: 10px;width:130px;height:160px;"><img src="http://2.bp.blogspot.com/-evB-R_bo-AA/T46O86tlKWI/AAAAAAAAAcI/I27Sn8mDnVw/s1600/n24.jpg" border="0"><a href="http://army-nerk.blogspot.com/2012/11/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="army-nerk">"get widget"</a>

Kumpulan Widget Animasi Yang Lucu dan Keren Untuk Blog

By : sopriadi AHMAD
Cara Memasang Widget Animasi Yang Lucu dan Keren di Blog -
Banyak hal yang dapat membuat sebuah blog dikatakan menarik, selain dari isi content atau postingan , ternyata ada hal - hal lain yang bisa membuat si blog terlihat lebih menarik dan tentunya banyak pengunjungnya. Nah selain postingan, disain dan animasi / army-nerk blog ternyata dapat meningkatkan performa dari suatu blog.. ga percaya ? cobalah anda berkunjung kesuatu blog yang disainnya polos hanya berisikan artikel saja kemudian bandingkan dengan blog yang berisi postingan menarik dengan disain yang menarik pula . Pasti kita akan lebih betah berlama-lama di blog yang berisi artikel menarik dan disain / animasi yang menarik itu bukan ? tentunya. Dan, memberikan efek animasi di blog itu ga sulit kok, dan pilihan animasinya pun beragam bergantung selera. . nah dibawah ini ada beberapa contoh widget animasinya. Kalo udah cocok, berikut langkahnya :

 Cara Memasang Widget Animasi Di Blog

1.Copy script yang ingin anda munculkan animasinya
2.Login ke Blog
3.Pilih Rancangan
4.Tambah gedget
5.Pilih edit html atau script,
6.Pastekan script tadi
7.Lalu save.. “pasti akan langsung  muncul animasi yang anda pilih tadi” 

selamat mencoba..
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><img style="margin-top: 0px;" src="http://i74.photobucket.com/albums/i271/arrohwany/th_Allah-copy.gif" data-link="src{:thumbUrl} width{:imgWidth} css-margin-top{:imgStyle}" width="97.5609756097561">
<a href="http://army-nerk.blogspot.com/2012/11/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="army-nerk">"get widget"</a>
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><img style="margin-top: 0px;" src="http://i74.photobucket.com/albums/i271/arrohwany/th_LOVE-u-1-1.gif" data-link="src{:thumbUrl} width{:imgWidth} css-margin-top{:imgStyle}" width="60">
<a href="http://army-nerk.blogspot.com/2012/11/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="army-nerk">"get widget"</a>
 
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><img style="margin-top: 0px;" src="http://i74.photobucket.com/albums/i271/arrohwany/th_LOVE.gif" data-link="src{:thumbUrl} width{:imgWidth} css-margin-top{:imgStyle}" width="60">
<a href="http://army-nerk.blogspot.com/2012/11/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="army-nerk">"get widget"</a>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><img style="margin-top: 0px;" src="http://i74.photobucket.com/albums/i271/arrohwany/th_Love-API-1.gif" data-link="src{:thumbUrl} width{:imgWidth} css-margin-top{:imgStyle}" width="66.25">
<a href="http://army-nerk.blogspot.com/2012/11/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="army-nerk">"get widget"</a>

 
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><img style="margin-top: 0px;" src="http://i74.photobucket.com/albums/i271/arrohwany/th_MUCH20LOVE-1.gif" data-link="src{:thumbUrl} width{:imgWidth} css-margin-top{:imgStyle}" width="60">
<a href="http://army-nerk.blogspot.com/2012/11/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="army-nerk">"get widget"</a>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><img style="margin-top: 0px;" src="http://i74.photobucket.com/albums/i271/arrohwany/th_LOVE-u-2.gif" data-link="src{:thumbUrl} width{:imgWidth} css-margin-top{:imgStyle}" width="60">
<a href="http://army-nerk.blogspot.com/2012/11/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="army-nerk">"get widget"</a>

 
 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><img src="http://2.bp.blogspot.com/-bEsc4Bfy-nI/T4L-aD4PCyI/AAAAAAAAAVw/kXRBbe9NZPM/s1600/gift+7.gif" border="0">
<a href="http://army-nerk.blogspot.com/2012/11/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="army-nerk">"get widget"</a>

 
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><img src="http://1.bp.blogspot.com/-bfEa-uZQRmg/T4L-lhSPS7I/AAAAAAAAAV4/_09hVh3KzOs/s1600/gift+8.gif" border="0">
<a href="http://army-nerk.blogspot.com/2012/11/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="army-nerk">"get widget"</a>

 
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><img src="http://3.bp.blogspot.com/-gh3dlU0tto4/T4L9IiZfiBI/AAAAAAAAAVA/9s-M3YygaJ8/s1600/gift+1.gif" border="0">
<a href="http://army-nerk.blogspot.com/2012/11/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="army-nerk">"get widget"</a>

 
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><img src="http://4.bp.blogspot.com/-cT2Tm0L_HIA/T4L9XNF4R_I/AAAAAAAAAVI/PnNOjIBv9QI/s1600/gift+2.gif" border="0">
<a href="http://army-nerk.blogspot.com/2012/11/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="army-nerk">"get widget"</a>

 
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><img src="http://3.bp.blogspot.com/-CaVkqOA2_vY/T4L92tfqFbI/AAAAAAAAAVY/OWhHRx8rG_Y/s1600/gift+4.gif" border="0">
<a href="http://army-nerk.blogspot.com/2012/11/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="army-nerk">"get widget"</a>

 
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><img src="http://2.bp.blogspot.com/-D_Mz5d4Gjp8/T4L-P48DvkI/AAAAAAAAAVo/ddVQhgoBYAE/s1600/gift+6.gif" border="0">
<a href="http://army-nerk.blogspot.com/2012/11/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="army-nerk">"get widget"</a>


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><img src="http://4.bp.blogspot.com/-hv_FmB_AoHA/T4L_ERkdlnI/AAAAAAAAAWQ/FdK64iku8aw/s1600/gift+11.gif" border="0">
<a href="http://army-nerk.blogspot.com/2012/11/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="army-nerk">"get widget"</a>

Note: Untuk yang berwarna Merah Kode HTML Melayang....Loe Bisa Hapus Kalau Mau Menempelkan Di Halaman... Warna hijau Loe Bisa sesuaikan....
Sebagai Ucapan Terima Kasih tinggalkan Komentar Anda atau like fb Army...

Cara Memasang Widget share Button Facebook, Twitter, Google Di Blog...

By : sopriadi AHMAD
Cara Memasang Widget Share Button Facebook, Twitter, Google di Blog -
Belakangan ini saya berkunjung  ke sebuah blog, dan saya menemukan sesuatu yang unik di blog sahabat saya tersebut. Saya menemukan widget share botton. Kemudian saya mencoba memasangnya, karena widget ini akan memudahkan pengunjung blog kita untuk mengshare apa yang ada di blog kita. Dan hal ini juga akan berdampak positif ke blog kita.. karena ini bisa menjadi media marketing gratis buat para blogger , untuk itu saya akan membagaikan kepada para sahabat – sahabat blogger sekalian tentang cara membuat share botton. Berikut langkah- langkahnya :

  1. Login ke dasbor blog anda
  2. Pilih rancangan
  3. Pilih tambah gadget
  4. Pilih Html/Java script
  5. Copy kode Html di bawah ini
  6. Pastekan di Html/ Java Script tadi
  7. Simpan
  8. Selesai

Kode Share button

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

<style>

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

0;z-index:10;}

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

.fb_share_count_top {width:48px !important;}

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

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

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

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

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

Catatan : untuk tulisan warna hijau anda dapat mengeditnya sesuai keinginan anda. Dan tulisan warna merah bisa anda hapus jika anda ingin tampilan yang simple.

contoh hasilnya

ARMY-NERK 9Net

By : sopriadi AHMAD
-->
ARMY-NERK adalah salah satu clan game terbesar di Indonesia (Point Blank). Army-Nerk  BerPusat Di Sebuah G-Warnet Jalan Sempurna, Pekanbaru, Riau, Indonesia Tepatnya Di 9-NET . Pendirian Clan Army-Nerk Di dasari Atas Kepedulian Sesama Gamer ,Untuk Menambah  Rasa Kekompakkan serta Menanamkan Rasa Kekeluargaan Para Gamer Yang sering Nggame di 9-NET.
Pembuatan Website Clan Army-Nerk  Bertujuan Sebagai Tempat Ngumpul Bareng Bersama Anggota, CM juga beberapa Staf Tidak Lupa juga Sebagai Tempat Download Skill Yang Standar asal jangan Berlebihan, Cukup WH aja Gan…
Saya Sebagai Anggota Clan Army-Nerk Mengucapkan selamat Atas Berdirinya serta Ucapan Thank karena Telah Invite Saya Sebagai Anggota Clan di Army-Nerk.
Ok langsung saja Bagi Yang suka Pake Cheat E991 Terbaru Clik link di Bawah Ini…
Atau Pekalongan-Community.com
Note: Jangan Terlalu Berlebihan Gan…
Jangan Lupa Komentarnya Ya..
Salam Hangat Buat CM, Staf dan Semua Anggota Army-Nerk….

- Copyright © ARMY-NERK - Date A Live - Powered by Blogger - Designed by Sopriadi -