Pages

Ayo eXpresikan Moment Lebaran ini Dengan Memasang Stiker Ini Di Sidebar/Widget Blog/Websitemu

Saturday, August 4, 2012
  •  
  • Sticker Lebaran Ukuran 300×250 pixel

    sticker lebaran designerlistic net 300x250 Pasang Stiker Lebaran


    <a title="Indonesian Freebie Web and Graphic Designer Resources" href="http://designerlistic.net/pasang-stiker-free-download-vector-design-sticker-lebaran-versi-maafin-gua-dong-bro/" target="_blank"><img src="http://www.designerlistic.net/designerlistic-badge/sticker-lebaran-designerlistic-net-300x250.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>
  • Sticker Lebaran Ukuran 125×125 pixel

    sticker lebaran designerlistic net 125x125 Pasang Stiker Lebaran


    <a title="Indonesian Freebie Web and Graphic Designer Resources" href="http://designerlistic.net/pasang-stiker-free-download-vector-design-sticker-lebaran-versi-maafin-gua-dong-bro/" target="_blank"><img src="http://www.designerlistic.net/designerlistic-badge/sticker-lebaran-designerlistic-net-125x125.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>

The Republic of Indonesian Blogger

  •  

      BADGE STYLE 1 (125x125px)


    the republic of indonesian blogger badge designerlistic.net 1 Ayo Pasang “The Republic of Indonesian Blogger” Badge di Blogmu

    <a href="http://ngeblog.biz" target="_blank" title="The Republic of Indonesia Blogger"><img src="http://www.designerlistic.net/designerlistic-badge/the-republic-of-indonesian-blogger-badge-designerlistic.net-1.png" alt="The Republic of Indonesia Blogger" /></a>
  • BADGE STYLE 1 (125x167px)


    the republic of indonesian blogger badge designerlistic.net 2 Ayo Pasang “The Republic of Indonesian Blogger” Badge di Blogmu

    <a href="http://ngeblog.biz" target="_blank" title="The Republic of Indonesia Blogger"><img src="http://www.designerlistic.net/designerlistic-badge/the-republic-of-indonesian-blogger-badge-designerlistic.net-2.png" alt="The Republic of Indonesia Blogger" /></a>
  • BADGE STYLE 1 (210x67px)


    the republic of indonesian blogger badge designerlistic.net 3 Ayo Pasang “The Republic of Indonesian Blogger” Badge di Blogmu

    <a href="http://ngeblog.biz" target="_blank" title="The Republic of Indonesia Blogger"><img src="http://www.designerlistic.net/designerlistic-badge/the-republic-of-indonesian-blogger-badge-designerlistic.net-3.png" alt="The Republic of Indonesia Blogger" /></a>
  • BADGE STYLE 1 (83x21px)


    the republic of indonesian blogger badge designerlistic.net 4 Ayo Pasang “The Republic of Indonesian Blogger” Badge di Blogmu

    <a href="http://ngeblog.biz" target="_blank" title="The Republic of Indonesia Blogger"><img src="http://www.designerlistic.net/designerlistic-badge/the-republic-of-indonesian-blogger-badge-designerlistic.net-4.png" alt="The Republic of Indonesia Blogger" /></a>
  • BADGE STYLE 1 (300x300px)


    the republic of indonesian blogger badge designerlistic.net 5 Ayo Pasang “The Republic of Indonesian Blogger” Badge di Blogmu

    <a href="http://ngeblog.biz" target="_blank" title="The Republic of Indonesia Blogger"><img src="http://www.designerlistic.net/designerlistic-badge/the-republic-of-indonesian-blogger-badge-designerlistic.net-5.png" alt="The Republic of Indonesia Blogger" /></a>

Buktikan Bahwa “Aku Blogger Indonesia Sejati” dengan Pasang Badgenya

                
Kepada seluruh blogger yang telah turut mendedikasikan dan mendeklarasikan sebagai “AKU BLOGGER INDONESIA SEJATI” saya ucapkan terimakasih…
  • BADGE STYLE 1


    aku blogger indonesia sejati badge designerlistic.net 1 Buktikan Bahwa “Aku Blogger Indonesia Sejati” dengan Pasang Badgenya

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-1.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>
  • BADGE STYLE 2


    aku blogger indonesia sejati badge designerlistic.net 2 Buktikan Bahwa “Aku Blogger Indonesia Sejati” dengan Pasang Badgenya

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-2.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>
  • BADGE STYLE 3


    aku blogger indonesia sejati badge designerlistic.net 3 Buktikan Bahwa “Aku Blogger Indonesia Sejati” dengan Pasang Badgenya

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-3.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>
  • BADGE STYLE 4


    aku blogger indonesia sejati badge designerlistic.net 4 Buktikan Bahwa “Aku Blogger Indonesia Sejati” dengan Pasang Badgenya

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-4.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>
  • BADGE STYLE 5


    aku blogger indonesia sejati badge designerlistic.net 5 Buktikan Bahwa “Aku Blogger Indonesia Sejati” dengan Pasang Badgenya

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-5.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>
  • BADGE STYLE 6


    aku blogger indonesia sejati badge designerlistic.net 6 Buktikan Bahwa “Aku Blogger Indonesia Sejati” dengan Pasang Badgenya

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-6.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>
  • BADGE STYLE 7


    aku blogger indonesia sejati badge designerlistic.net 7 Buktikan Bahwa “Aku Blogger Indonesia Sejati” dengan Pasang Badgenya

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-7.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>
  • BADGE STYLE 8


    aku blogger indonesia sejati badge designerlistic.net 8 Buktikan Bahwa “Aku Blogger Indonesia Sejati” dengan Pasang Badgenya

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-8.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>
  • BADGE STYLE 9


    aku blogger indonesia sejati badge designerlistic.net 9 Buktikan Bahwa “Aku Blogger Indonesia Sejati” dengan Pasang Badgenya

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-9.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>

Membuat Gambar Animasi Melayang

                    
Copy code berikut lalu pastekan ke mode html halaman/tulisan baru jika ingin memasangnya di halaman Anda saja dan untuk memasang di halaman utama anda harus memasang di widget teks di sidebar Anda.
Posisi bawah-kiri
<div style="display:scroll;position:fixed;bottom:0;left:0;"><a href="URL link yang dituju" terget="_blank">
<img src="URL gambar berada
" />
</a></div>
Posisi bawah-kanan
<div style="display:scroll;position:fixed;bottom:0;right:0;"><a href="URL link yang dituju" target="_blank">
<img src="
URL gambar berada" />
</a></div>
Posisi atas-kiri
<div style="display:scroll;position:fixed;top:0;left:0;"><a href="URL link yang dituju" target="_blank">
<img src="URL gambar berada
" />
</a></div>
Posisi atas-kanan
<div style="display:scroll;position:fixed;top:0;right:0;"><a href="URL link yang dituju" terget="_blank">
<img src="
URL gambar berada" />
</a></div>
Keterangan:
Tulisan yang saya warnai dengan warna merah itu link yang akan di klik atau di tuju, misalnya http://irfanhandi.wordpress.com/ nah kalau yang warna biru itu tempat url dimana letak gambar tersebut berada, misalnya: http://fitr4y.files.wordpress.com/2011/05/eagle2.gif
Demikian cara pasang floating images atau gambar melayang ini, jika kurang jelas mari kita sama-sama bahas.
Untuk Mas Andan yang sempat bingung, mungkin ini jawabannya.
Ternyata kalau dipasang di halaman scriptnya berubah menjadi sepert ini:
Unduh disini
Coba pastekan code diatas di halaman/tulisan baru di mode html kemudian lihat hasilnya di mode visual.
Semoga membantu.

mEMPERCEPAT TRAPIK PENGUNJUNG WEB/BLOG



                Pengunjung yang banyak pada web/blog kita adalah dambaan kita yang paling utama, karena bila web/ blog kita sepi pengunjung maka apapun yang kita sajikan akan sedikit sia-sia terkecuali bila web/blog itu hanya sebagai koleksi pribadi tanpa peduli orang lain mau melihat atau tidak web/blog kita tersebut. 

            Kita bisa sedikit mempercepat orang-orang untuk dipaksa mengunjungi web kita, salah satu jalannya adalah dengan mengikuti situs program berbagi kunjungan. Dengan kita mendaftar di situs tersebut kita akan dipaksa mengunjungi web/blog orang lain sebanyak kita mau tetapi nanti web/blog milik kita juga akan dipaksa dikunjungi oleh orang lain yang web/blognya kita kunjungi. Jadi logikanya semakin kita banyak mengunjungi web/blog orang lain maka web/blog kita juga akan semakin banyak dikunjungi. Keuntungan dari yang punya situs tersebut adalah dia mendapat kunjungan gratis dari setiap yang mendaftar ke situs miliknya itu. Perbandingan ratio berkunjung dan dikunjungi rata-rata 2 berbanding 1 (2:1) yang artinya setiap kita berkunjung 2 kali maka kita akan mendapat hak dikunjungi 1 kali oleh orang lain dn begitu pula sebaliknya.

            Supaya lebih jelas coba kita langsung mendaftar kesitus tersebut dan buktikan sendiri hasilnya, dalam beberapa menit saja pasti web/blog kita akan bertambah pengunjungnya. Untuk mengetahui bahwa web/blog kita dikunjungi orang tentunya web/blog kita harus dipasang alat pendeteksi pengunjung, caranya kita mendaftar dulu di http://flagcounter.com/ , setelah masuk k situs tersebut langkah selanjutnya isilah :


1.     Maximum flag to show : tentukan jumlah bendera negara yang ingin ditampilkan.

2.     Column of flag : tentukan jumlah kolom bendera yang ingin ditampilkan.
3.     Label on top of the counter : beri nama judul flag counter anda.
4.     Background counter : tentukan warna bekgron counter anda.
5.     Text colour : tentukan warna teks counter.
6.     Border colour : tentukan warna bingkei counter.
7.     Lalu klik : GET YOUR FLAG COUNTER
8.     Tekan SKIP.
9.     Copy paste kode yang terdapat di bawah (Code for website) ke blog anda, caranya : masuk dulu ke blogger anda pilih Rancangan, pilh Tambah widget, pilih Tambah HTML, pastekan saja kode tadi di tempat itu lalu simpan, lihat hasilnya.

Setelah counter flag terpasang kemudian kita masuk ke situs http://www.acebiztraffic.com kemudian :
1.     Pilih SIGNUP untuk mendaftar.
2.     Display name : isi dengan nama panggilan.
3.     Email adress : isi dengan email anda yang aktif.
4.     First name : isi nama lengkap anda.
5.     Second name : isi nama alternatif anda.
6.     Adress line 1 : alamat pertama anda.
7.     Adress line 2 : alamat kedua anda.
8.     City : kota anda.
9.     State : pilih Outside of USA.
10.            Post code : kode pos kecamatan anda.
11.            Coutry : negara anda
12.            Birth day : isi bulan, tgl, dan tahun kelahiran anda.
13.            Gender : male = pria, female=perempuan.
14.            I have read and agreed to the user agreement and the privacy statement  : centang pada kotak yang menandakan anda setuju.
15.            Kik Signup to Acebiztraffic.com.
16.            Buka email anda lalu klik tautan konfirmasi dari Acebiztraffic.com untuk mengaktifkan pendaftaran anda, di email tersebut terdapat Username dan Password untuk login ke Acebiztraffic.com.
17.            Login saja langsung ke Acebiztraffic.com, kemudian plih Continue to the member’s page.
18.            Pilih Proceed to members area.
19.            Pilih My Website kemudian Pilih Add New.
20.            Piih dulu untuk mengunjungi 5 web/blog untuk dapat membeli traffik anda yang pertama dan setelah kita mengunjung 10 web/blog orang lain, lalu kita berhenti dulu dan pilih Add Site untuk memasukan web/blog anda yang akan di promosikan kepada orang lain.
21.            Pilih kembali Add New dan masukan url web/blog yang akan dipromosikan maksimal url yang dipromosikan adalah 3 url bisa sekaligus anda promosikan.
22.            Pilih Hover Surf, tunggu hitungan mundur hingga keluar gambar yang harus di klik di pojok kiri atas, setelah muncul sesuatu gambar lalu klik sebelah kanannya gambar yang sama.
23.            Terus lakukan langkah 22 di atas sepuasnya anda. Semakin lama anda melakukan langkah 22 maka pengunjung web/blog anda akan semakin banyak.

Cara Memasang Animasi Melayang Pada Blog/Website


Tutorial kali ini kita akan membahas tentang cara bagaimana memasang sebuah animasi pada blog/website agar dia bisa melayang di depan halaman blog/website. Ok marilah kita ikuti persyaratannya sebagai berikut :

1. Tentunya kita harus sudah mempunya url file flash yang bisa dipanggil dari blog/website secara online. Klow belum tahu silahkan baca kembali postingan sebelumnya yang berjudul Cara Memasang Animasi Atau Game Flash Pada Blog Atau Website.

2. Bila telah mendapatkan url flash kita maka ada 3 posisi penyimpanan melayang yang akan kita coba yaitu :

    a. Penempatan SEBELAH BAWAH KIRI, kodenya yaitu :


<div style="position: fixed; bottom: 0px; left: 2px;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="320" src="https://sites.google.com/site/koreanwidget/Magician02.swf?attredirects=0" wmode="transparent" type="application/x-shockwave-flash" quality="high" title="Grab this widget @ animaxwidget.blogspot.com"></embed></div>

    b. Penempatan SEBELAH BAWAH KANAN, kodenya yaitu :

<div style="position: fixed; bottom: 0px; right: 2px;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="320" src="http://www.widgipedia.com/widgets/alfanetcell/Blog-Recepsionis-14059-8192_134217728.widget?__install_id=1332436723430&__view=preview" wmode="transparent" type="application/x-shockwave-flash" quality"high" title="Grab this widget @ animaxwidget.blogspot.com"></embed></div>


     c. Penempatan PADA SIDE BAR, kodenya yaitu :


<div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="320" src="http://www.widgipedia.com/widgets/alfanetcell/Blog-Recepsionis-14059-8192_134217728.widget?__install_id=1332436723430&__view=preview" wmode="transparent" type="application/x-shockwave-flash" quality="high" title="Grab this widget @ animaxwidget.blogspot.com"></embed></div>


keterangan : - 150 = lebar animasi, 320 = tinggi animasi
                   -  http://www.widgipedia.com/widgets/alfanetcell/Blog-Recepsionis-14059-8192_134217728.widget?__install_id=1332436723430&__view=preview = alamat url animasi pada webhosting


Sekian dan semoga bermanfaat walow tulisannya tidak karuan.....wasalam

Cara membuat link yang ditunjuk membesar dan berpijar

                                           
berikut langkah-langkah dan tutorialnya ....

1.login dahulu ke blogger anda
2.buka tata letak
3.edit html
4.expand template widget
cari aja kode yang ini


/* global link attributes */>


atau kalau ga ada cari yang ini

a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
a:hover {


kemudian tambahkan kode ini

color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }



sehingga menjadi seperti ini

a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
a:hover {
color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }

ingat...jangan dulu disave yah....
pratinjau dulu ...kalau dipratinjau sudah oke apakah (link berpijar dan membesar)
baru sobat save.
gimana mudahkan...
saya percaya sobat sekalian pasti bisa.....gak ada yang gak bisa di dunia nhe,org sangat sederhana kok

Cara Membuat Google translate atau penerjemah bahasa versi 1

                                       
Berikut ini adalah cara membuat windget penterjemah...♣☻♥☺♠♦Google translate, jadi kita bisa merubah rubah bahasa yang kita inginkan walaupun hasil terjemahannya " agak aneh " hee... tapi lumayan juga,Para pendesain blog beginilah caranya :

1. Pertama Login dulu ke blogger
2. Pilih Layout ( Tata Letak ) >> Page Element ( Elemen Halaman )
3. Add a Gadget ( Tambah Gadget )
4. Pilih HTML/JavaScript dan copy saja kode dibawah ini didalamnya:

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&amp;up_source_language=id&amp;w=160&amp;h=60&amp;title=&amp;border=&amp;output=js"></script>

Cara Membuat Kata-Kata Mengikuti Mouse Pada Blog

                                             
1. Pertama-tama Log In terlebih dahulu ke Account Blogger Anda.
2. Setelah itu Pilih Tata Letak _> Eleman Halaman _> Tambah Gadget.
3. Pilih HTML JavaScript.
4. Kemudian masukkan kode di bawah ini.

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='lisa mendesah'.split('').reverse().join('');

var font='Times New Roman';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.2;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good

membuat tulisan berkelip

                                              
☺Membuat teks atau sebuah kata berkelap-kelip di blog merupakan suatu hal sangat susah ketika kita belum mengetahui kode html nya.......╬ Tapi sekarang saya akan membantu anda membuat tulisan berkelip, contoh nya seperti ini♥:

╬☻Kata-kata ini berkelipkan☺╬

  • Ok, pertama anda login dulu, next
  • Pilih tata letak
  • Tambah gadget ( HTML/Javascript )
  • Masukan kode dibawah ini

    <blink> Kata/Tulisan ini berkelip </blink>
  • Save dan lihat hasil nya
Catatan:
Tulisan yang berwarna merah itu ganti dengan kata-kata sendiri key.
Selamat mencoba........♦♠♣♥

Cara Membuat Facebook Like Box Melayang

Cara Membuat Facebook Like Box Melayang -  Ini bukan Facebook Like Box biasa melainkan dengan mebuatnya melayang seperti layaknya udara di blog sobat. Facebook Like Box ini akan mengikuti pengunjung kemana saja sambil mengikuti arah scroll naik ke atas maupun bawah. Facebook Like Box ini juga dilengkapi dengan tombol close yang gunanya menonaktifkan atau menutup gadjet tersebut. Bila sobat tertarik, berikut tutorialnya :




1. Login Ke Blogger
2. Masuk ke Rancangan
3. Pilih Tambah Gadged
4. Masukkan HTML/Javascript berikut ini



<style type="text/css">
#topbar{
position:absolute;
padding-left:-100px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYE1sIAh-6Zg970Qr2RZM1OxDXNGMaRy4rl8EkMwy0jLUUHq6ka8zl3xsqph5yLR5UybPI56IL52QcaEAwxr10YBTN9jheV4j5lg7NaN2aBJG55q1n98XjPjMgUCDQgsq7tF0mjE6GmR2p/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">

PASTE KODE LIKE BOX DISINI


</div>
</center>
</div>

6.Ganti Kode bewarna merah dengan kode facebook like box sobat untuk login sobat bisa masuk halaman DI SINI
7. Simpan Templates

Sekian tutorial Cara Membuat Facebook Like Box Melayang. Semoga bermanfaat,,

Cara membuat animasi twitter melayang di blog

                                         

Di beberapa blog saya menemukan "Bagaimana Cara Membuat Burung Twitter Melayang". Namun kali ini saya akan memberikan 6 Buah Ikon widget twitter yang melayang khusus untuk kamu. Ada Edisi Songoku, Transformers, Orang Terbang, Burung Twiiter dan lain-lain. Caranya Pun Mudah, tinggal kamu lihat sja tutornya di bawah ini :
1. Masuk ke Blogger.com dengan akun kamu.
2. Klik Tata Letak --> Tambah Gadget --> HTML/Javascript dan kamu pilih salah satu kode HTML/Javascript yang kamu suka di bawah ini. Jangan Lupa disalin dan di masukkan kedalam kotak HTML/Javascript yaaaah.

a. Burung Twitter Melayang

<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-tripleflap.js"></script><script type="text/javascript">
var twitterAccount = "Masukkan-UserName-Twitter-Kamu-Disini";
var tweetThisText = "Masukkan-Kata-yang-Kamu-Suka-Disini";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://www.hzndi.blogspot.com">Tutorial Blog dan SEO</a></span></noscript>
b. Widget Transformers Melayang
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different Arrow Plain.js"></script><script type="text/javascript">
var twitterAccount = "Masukkan-UserName-Twitter-Kamu-Disini";
var tweetThisText = "Masukkan-Kata-yang-Kamu-Suka-Disini";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://www.hzndi.blogspot.com">Tutorial Blog dan SEO</a></span></noscript>
c. Widget Naga Hitam Melayang
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-Black Howk.js"></script><script type="text/javascript">
var twitterAccount = "Masukkan-UserName-Twitter-Kamu-Disini";
var tweetThisText = "Masukkan-Kata-yang-Kamu-Suka-Disini";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://www.hzndi.blogspot.com">Tutorial Blog dan SEO</a></span></noscript>
d. Widget Orang Berwarna Orange Melayang
 
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-Orange-man.js"></script><script type="text/javascript">
var twitterAccount = "Masukkan-UserName-Twitter-Kamu-Disini";
var tweetThisText = "Masukkan-Kata-yang-Kamu-Suka-Disini";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://www.hzndi.blogspot.com">Tutorial Blog dan SEO</a></span></noscript>
e. Widget DragonBall (Songoku) Melayang
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-kama humaha.js"></script><script type="text/javascript">
var twitterAccount = "Masukkan-UserName-Twitter-Kamu-Disini";
var tweetThisText = "Masukkan-Kata-yang-Kamu-Suka-Disini";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://www.hzndi.blogspot.com">Tutorial Blog dan SEO</a></span></noscript>

f. Widget Naga Merah Melayang

<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-red howk.js"></script><script type="text/javascript">
var twitterAccount = "Masukkan-UserName-Twitter-Kamu-Disini";
var tweetThisText = "Masukkan-Kata-yang-Kamu-Suka-Disini";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://www.hzndi.blogspot.com">Tutorial Blog dan SEO</a></span></noscript>
NOTE :
  • Tinggal kamu ganti saja tulisan yang berwarna biru itu
 

bloger sejati Copyright © 2008-2009 | Edited By : arieadie