Link tercantum Otomatis saat artikel di Copas

Posted by Unknown Sabtu, 31 Desember 2011 0 komentar


Pertama, masuk ke sini
Lalu klik Start Here. It's Free.
Atau klik gambar dibawah ini untuk langsung daftar gratis


Nah, masukkan email, situs web kalian dan password.

Jangan lupa untuk mencentang "I agree to the Usage and Privacy Agreements" lalu klik Next.
Agar tidak ribet klik Next lagi aja.. hehe
Oke, di step tiga kalian tinggal copy paste kode yang ada disitu dibawah kode
<head>
Dan di step ke empat ini cek url kalian (klik "test")
Jika sudah berhasil maka akan keluar kalimat "Your script has been successfully installed!", namun jika belum coba di "re-test" lagi.
Langkah terakhir (step 5) langsung klik Finish aja. Atau boleh kalian atur dulu..
Done.. Maaf kalau terlalu ribet kata-kata saya, tapi jika kalian mau mencoba sebenarnya itu mudah. Selamat mencoba. Good Luck..


Baca Selengkapnya ....

Cara Membuat / Membagi Header Blog menjadi 2 (dua) Kolom

Posted by Unknown 0 komentar
Bosan dengan punya header blog cuma satu kolom? Tenang..bisa kita tweak kok. Kita bisa membuatnya menjadi dua kolom dengan sedikit editing. Banyak fungsi sebenarnya untuk membuat dua kolom header, selain membuat banyak tempat untuk widget juga bisa menaruh iklan/banner dengan posisi yang sangat strategis. Oke deh, langsung ke TKP gan . . . !!!
1.     Login ke Blogger.
2.     Pilih menu Page Element – Edit HTML – centang Expand Widget Template.
3.     Cari kode berikut ini :



/* Header

===================================

*/

#header-wrapper {

width:900px;

margin:0 auto 0px;

background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;

height:190px;

}




#header-inner {

width:900px;

background-position: center;

margin-$startSide: auto;

margin-$endSide: auto;

}



#header {

margin: 0px;


text-align: left;

color:$pagetitlecolor;

}


4.     Hapus kode diatas lalu ganti dengan kode berikut :


/* Header

===================================

*/




#header-wrapper {

width:900px;

margin:0 auto 0px;

background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;

height:190px;

}



#head-inner {

width:600px;


background-position: left;

margin-left: auto;

margin-right: auto;

float:left;

}



#header {

margin: 0px;

text-align: left;


color:#ffcc66;

}



#r_head{

width:300px;

float:left;

padding-top:10px;

}


5.     Coba anda Scroll ke bagian bawah dan temukan kode ini :



<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>

</b:section>

</div>


6.     Hapus kode diatas dang anti dengan kode dibawah ini :


<div id='header-wrapper'>

<div id='head-inner'>


<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>

</b:section>

</div>

<div id='r_head'>

<b:section class='header' id='header2' preferred='yes'/>

</div>

</div>


7.     Selesai dan Save template.

Baca Selengkapnya ....

Update Status Facebook dengan Simbol-simbol Aneh

Posted by Unknown 0 komentar
Pengguna Blackberry atau device lainnya mungkin telah memiliki aplikasi yang memungkinkan untuk update status dengan simbol-simbol tertentu. Sementara itu, pengguna komputer harus menghafalkan kodenya.
Namun, sekarang hal itu tidak perlu dilakukan karena pengguna komputer bisa memanfaatkan website sederhana ini.


  1.  Buka website Facebook Symbol. Website ini menampilkan berbagai simbol yang bisa dicopy-paste ke field update status facebook
  2. Daouble klik simbol yang akan dipakai kemudian tekan Ctrl+C untuk meng-copy. Setelah itu, pada status di facebook cukup tekan Ctrl+V untuk mem-paste.
  3. Bila anda merasa senang dengan layanan ini, anda bisa mem-bookmark website tersebut dengan men-drag link kebagian pojok kanan atas ke bookmark anda. Dengan demikian, anda akan mudah untuk mengaksesnya. 

Baca Selengkapnya ....

Cara Membuat Email Subcribe dan RSS Feeds

Posted by Unknown 0 komentar
Untuk trik kali ini yang akan kita bahas adalah cara membuat Email Subcribe dan RSS Feeds. Mungkin bagi beberapa temen-temen blogger lain sudah ada yang bisa membuatnya atau mungkin sudah mempraktekkannya. Ini hanya sekedar share koq bagi para temen lain yang belum pernah membuatnya. Caranya pun cukup mudah, untuk contoh tampilannya bisa dilihat seperti dibawah ini. Trik ini aku dapet dari blognya ChugyGogog.

Contoh 1 :

Contoh 2 :
 
1.     Login ke Blogger – Layout – Design.
2.     Pilih Add Gadget dan masukkan code berikut.
3.     Kode Contoh 1.


Keterangan :
·         Ganti “http://www.softicons.com/download/social-media-icons/3d-social-media-icons-by-snap2objects/png/128x128/grey_RSS.png/” dengan link background gambar yang kalian suka.
·         Ganti FullkaDot dengan nama Feeds kalian.
·         Ganti “http://feeds.feedburner.com/FullkaDot/” dengan alamat feeds kalian.
·         Ganti “Langganan artikel via RSS FEED” dan “Atau via E-mail” dengan teks yang kalian suka.
4.     Kode Contoh 2.



            Keterangan :
·         Ganti “https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3ULi12qMM8khqvytu244AKow3RgvMny5xZA7jmSczIRKrsmfYydOKHdlRKIEAYlAkKvfkpLAXfWYrHc-dfw-aWtphP0hpiHzS6Vn_rQO6H-9OnmX0S1QMLE8SVxf3EjXKwP8HgqdGYxG8/s400/email.png/” dengan gambar yang kalian suka.
·         Ganti FullkaDot dengan nama feeds kalian.
·         Ganti www.rizkyariff.co.vu dengan url blog kalian.
·         Ganti “Subcribe via Email” dan “Subcribe via RSS Feeds” dengan teks yang kalian suka.

Baca Selengkapnya ....

Cara Membuat Daftar Isi/Sitemap Blog Otomatis dengan Tampilan CSS

Posted by Unknown 0 komentar
Assalamu’alaikum wr. wb.
Kali ini blog Fullka Dot akan membahas trik Blogger tentang Cara Membuat Daftar Isi/Sitemap Blog Otomatis dengan Tampilan CSS. Membuat Daftar Isi sangatlah penting bagi para pengunjung blog kita, sebab dengan adanya daftar isi maka semua artikel yang ada di blog kita akan terpampang layaknya kita pergi ke restoran dan melihat menu-menu yang disajikan. Nah, bila masih penasaran cara membuat daftar isi sangatlah gampang koq. Untuk live demo-nya ada di daftar isi blog ini. Trik ini aku peroleh dari web-nya Om Abu Farhan.
Cara Membuat Daftar Isi/Sitemap Blog Otomatis dengan Tampilan CSS :
1.     Login ke Blogger – New Post.
2.     Pilih opsi Edit HTML dan masukkan kode berikut.

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://www.rizkyariff.co.vu/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>


3.     Ganti www.rizkyariff.co.vu dengan alamat temen-temen blogger.
4.     Setelah selesai, tinggal di Post deh.
Mudahkan untuk Membuat Daftar Isi/Sitemap Blog dengan Tampilan CSS, jika teman-teman suka dengan artikel  Cara Membuat Daftar Isi/Sitemap Blog Otomatis dengan Tampilan CSS. Mohon  untuk klik tombol Share ya yang ada dibawah artikel ini.

Baca Selengkapnya ....

Daftar Isi

Posted by Unknown 0 komentar





Baca Selengkapnya ....

cara membuat scroll pada Label, Blog Archive atau widgets lainnya

Posted by Unknown 0 komentar
Kata scroll memang sudah tidak asing bagi anda. Yang namanya scroll adalah sesuatu yanh dapat ditarik ke atas dan ke bawah. Sebagai contohnya antara lain lihatlah sebelah kanan bagian archive. Scroll dibagi menjadi 2, yaitu scroll vertikal dan scroll horizontal.

Kali ini saya akan memanfaatkan scroll vertikal untuk menghemat tempat di blog. scroll vertikal adalah scroll yang menggulung dari atas ke bawah. caranya dengat membuat scroll pada label,blog arsip atau widget lainnya yang mempunyai bentuk memanjang ke bawah. Hal ini pasti akan menghemat tempat di blog kita. Bagi anda yang belum mengetahui caranya, ikuti saja tutorial di bawah ini.

Langkah-langkah :

1. Seperti biasanya, login ke account blogger anda dulu.
2. Lalu anda akan masuk ke menu Dashboard / Dasbor, dari situ langsung saja menuju ke menu Design / Rancangan. Kemudian, masuklah ke menu Edit HTML.
3. Sebelum anda dapat membuat scroll pada widget, anda harus mencari ID dari widget tersebut.
4. Di bawah ini hanya contoh ID dasar widget, tapi tidak selalu sama dengan ID widget di blog anda.

A. Widget Label = Label1 ; Label2 ; Label3 ; dan seterusnya


B. Widget Blog Arsip = BlogArchive1 ; BlogArchive2 ; BlogArchive3 ; dan seterusnya


C. Widget Profil Blogger = Profile1 ; Profile2 ; Profile3 ; dan seterusnya


5. Sebagai contoh, saya akan membuat scroll pada widget Label.
6. Cari kode ]]></b:skin> dengan menggunakan Ctrl + F
7. Kemudian, letakkan kode berikut di atas kode ]]></b:skin>


#Label1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

Yang perlu di perhatikan :
  • Label1 adalah ID dari widget label. Ganti dengan ID widget yang ingin anda buat scroll
  • height:200px; adalah tinggi dari widget scroll. Ganti dengan tinggi widget scroll yang anda inginkan
8. Susunan lengkapnya akan menjadi seperti di bawah ini

#Label1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}
]]></b:skin>

Baca Selengkapnya ....

Gambar Ikan Emas Yang Betul-Betul Emas

Posted by Unknown Selasa, 20 Desember 2011 0 komentar
Semua orang mesti kenal dan pernah tengok ikan emas kan? Ikan emas tu warnanya lebih kepada oren kan? Ni gambar ikan yang betul-betul emas. Katanya sebahagian badan ikan ini ada emas 24 karat. Tak pasti sama ada ini adalah real atau pun fake.. Apa korang rasa? Real ke fake?
3 Gambar Ikan Emas Yang Betul Betul Emas


1 Gambar Ikan Emas Yang Betul Betul Emas


2 Gambar Ikan Emas Yang Betul Betul Emas


4 Gambar Ikan Emas Yang Betul Betul Emas

Baca Selengkapnya ....

Lukisan Yang Terbuat Dari Sekumpulan Manusia

Posted by Unknown 0 komentar









Baca Selengkapnya ....

Kolam Renang Terbesar di Dunia Seperti Laut

Posted by Unknown 0 komentar
Kolam Renang Terbesar di Dunia

Bagi orang yang belum tahu, pasti tak akan menyangka jika area air ini adalah kolam renang, karena memang kolam renang ini tampak seperti laut karena saking luasnya. Adalah kolam renang San Alfonso del Mar, kolam renang yang ditetapkan sebagai kolam renang terbesar di dunia. Kolam renang ini terletak di wilayah Algarrobo di Cili.

Panjang kolam renang dari ujung ke ujung mencapai 1.000 yard, dalamnya juga mencapai 115 kaki atau sekitar 40 meter. Untuk memenuhi kolam renang ini diperlukan sekitar 66 juta galon air.

Sumber utama air kolam renang ini berasal dari air laut yang sebelumnya sudah melalui pipa penyaringan, sehingga rasanya tak lagi asin. untuk mengontrol semua kolam renang ini, berbagai teknologi canggih sudah disipakan oleh pengelola, diantaranya adalah monitoring komputer, pengatur suhu air, juga ratusan guide yang siap untuk menolong dan mambantu anda jika diperlukan.








Baca Selengkapnya ....

Buaya Raksasa Pembunuh Ditangkap di Filipina

Posted by Unknown 0 komentar



Seekor buaya raksasa berukuran 6,4008 meter, yang dikhawatirkan akan menyerang warga desa berhasil ditangkap setelah perburuan selama tiga minggu.

Seperti dilansir The Sun, bahwa buaya raksasa pemangsa ini yang memiliki berat sekitar satu ton, terperangkap dalam sebuah sungai di Bunawan, di Filipina, pada Sabtu (3/9/2011) malam.

”Ini adalah salah satu dari buaya terbesar yang pernah ditangkap hidup-hidup di negara ini,” ungkap seorang warga.

Dilaporkan, puluhan penduduk setempat dan staf sebuah peternakan buaya menyiapkan perangkap untuk menangkap rakasa setelah mendapatkan laporan dari sejumlah warga bahwa desanya mendapat serangan buaya ganas.

Reptil ini diduga membunuh seorang nelayan secara tragis, yang hilang pada bulan Juli lalu.

Buaya raksasa pembunuh itu, direncakan akan dimasukkan ke dalam sebuah taman ekowisata di selatan Filipina.

Walikota Cox Elorde mengatakan bahwa ini akan mengubahnya "dari ancaman menjadi aset".

Sekitar 100 orang harus menarik buaya dari sungai dengan derek mengangkatnya ke dalam truk.




Baca Selengkapnya ....

Cara Membuat Efek-efek Cursor pada Blog

Posted by Unknown 0 komentar
Cara Membuat Efek-efek Cursor pada Blog. Yups setelah sekian lama gak posting akhirnya kali ini saya bisa share ke sobat-sobat mengenai Cara Membuat Efek-efek Cursor pada Blog.
Cara ini mungkin sebelumnya sudah di share oleh teman saya cayun. Dan disini saya hanya ingin share saja kepada sobat-sobat ::Blogging Is My Life::



ok langsung aja pada langkah-langkah Cara Membuat Efek-efek Cursor pada Blog.

Sebelumnya coba sobat arahkan cursor sobat pada text-text dibawah ini :




Hand

Crosshair

Text

wait

Move

Help


gimana ??? sobat pengen tahu cara membuatnya kan??? ok deh cara membuatnya cukup dengan kode berikut :
<span style="cursor :hand">Ketik Kalimat Sobat Disini</span>

NB :
  • ganti hand dengan kode diatas tadi (Crosshair,Text,wait,Move,Help)
  • lalu ganti  Ketik Kalimat Sobat Disini dengan tulisan sobat

Baca Selengkapnya ....

Mengganti Cursor pada Blog

Posted by Unknown 0 komentar
Kalau biasanya cursor pada blog kita hanya berbentuk icon tanda panah ya, mau tau bagaimana cara mengganti cursor pada blog,ikuti trus setelah yang satu ini he he he . . langsung aja

pertama login dulu
2. masuk ke tata letak >> Elemen Laman
3. Tambah Gedget
4. Pilih HTML/JavaScript
Masukkan code Berikut :

<style type="text/css">body {cursor:url("http://document-strings.co.tv/images/gembel-cursor.cur"),default}</style>

anda bisa mengganti cursornya dengan yang di bawah ini:
http://cursor.com/images/10a.gif
http://cursor.com/images/11a.gif
http://cursor.com/images/12a.gif
http://cursor.com/index_07.gif
http://cursor.com/images/19a.gif
http://cursor.com/images/20a.gif
http://cursor.com/images/25a.gif
http://cursor.com/images/33a.gif
http://cursor.com/images/40a.gif
http://cursor.com/images/85a.gif
http://cursor.com/images/103a.gif
http://cursor.com/images/199a.gif
http://cursor.com/images/6385a.gif
http://cursor.com/images/6459a.gif
http://cursor.com/images/8150a.gif
caranya ganti text yang berwana merah dengan alamat cursor tersebut
5. simpan template , lihat hasilnya . .

eits jangan lupa komentarnya . .  Follow nya

Baca Selengkapnya ....

Cara Buat Efek Bubble pada cursor Blog

Posted by Unknown 0 komentar
data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5Ojf/2wBDAQoKCg0MDRoPDxo3JR8lNzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzf/wAARCABfAIsDASIAAhEBAxEB/8QAGwAAAgMBAQEAAAAAAAAAAAAABQYAAwQHAgH/xAA2EAACAQMDAgQEBQIGAwAAAAABAgMABBEFEiExQQYTUWEicYGRFCMyQqGx8AcVM3LB0SRS4f/EABgBAAMBAQAAAAAAAAAAAAAAAAECAwAE/8QAIhEAAgICAgICAwAAAAAAAAAAAAECEQMhEjEiQVFhEzJx/9oADAMBAAIRAxEAPwDuFSpUrGJWa/uPw1uXH6jwK00O1tT+FDYyA3P1rLswLh1Lyi7PEJif/Y9KwHWpEuo2WFgkrEZTonXqPTjr71vvraDT9ON9cbyBjhB0z60qarcCSa1ltJnC3C/6JHxIAWByO3QgHvk1eEVIlJ0bdd1Wa4uCrMcDj5VRN4lvZ7T8IzIItu07UwSKpuIhPfNGzbCzFVZuFJ64z06c1tk8K3ItlliKuCucqQc1ZKEUuQnk26K9C1EwXDhQoyucgYPH9mm7TNciuwm8gBwCrDjIPqK52qz2F3slhZ02lt6rnAHXNX6iLi2tQmnOxljBkBA55Ytj170J4lJ6DGbXZ1Yc0m+N7m6t7uBLfOZgNoBC7mBGFBPc/wDdMWhXD3Wl28soIfbhgexqazpcOqW3lzKpZDuRmGcGuaLUZbKva0CbW+002cm3Mlyit+W3BkZc5C9j0PSs8u82CXjRNb7mICuCCR8jQ248O3NrHiJJS6Zwvl71frxuHOOe9aoF1XUEVL10SBONgH/PWqcV2mJb6YweHsvbtIw68Ci1CkvFsoUjFuRGowMZrZa3sNyPgJB9DUX8lEaalSpQCSpUqVjEJx1oTeXIvJBbQF2H7toHP37VbrVwYrYKvBc4PypfS4mtnaaLKt7UyVgbDUk0llb+VOVMYB/1FzkenH/VK8emnVdQYRgHyGxHukyIwD05AOBjgADBzWq7u7i6kR2dzj17UPuJpNNu4L20iL3Ak5RHwSnVxt/dkDgevTrVYJr+k5bPfivwldeXHc6bJ5kkYG4N0yO5AB4+VaLDXYtAgWz4lt9pZH3HCMSSy9CSMk4+VPKkFQR0Iqi4srW5BE9vE+RgllGfvS/ltVIPCto5DeXsl2gubxyQMmJIXO+cbiSD6A5x14A9awafdXkspu5JQTNJ3+HI68DP0HPSuiaj/h7p15eLcrc3EZDBiuQwP3oPPpkFjrZt2ZZFEQSJXHxYU8kfPp9K6Y5YNaJOEvYzaAdSe0VUWNYOzs2GJ/24P9apk1jU7K5PmiO6hDfEgTa6jPYjg/bn2rNDJOuRGzqp7A4zQvVNUhsJFWVGZ8g+2D/YrnUeUuirdIadS1u2EFvDC5828QlAQcqMckj/AIodbTLZMHC7wDk7jnJoR52y7R8EqQFXOPhUjJIP2olFFLdcQIWDd8VuKSMnZtvtbFxD5YjCoeWJbJFZYpmhdXU5yc4qubRrmNQHTnPxEHIxVFzMsTJuBGDjFZJdI1v2OdlP58Ab9w4NaKD+GzutXOcjcOtGKi9MoiVKlTNYwJ8QbkgjlUAgNg57ZrFdNZWUMTXJdmlUsFQDoByeSKNXclo0ZiuZYlVxtwzgZoNqWlpd2qW1/HJNDH/p3EHLKPQjvTxr2K/opWxS7tTdafN5iEnjGCPYilHWZTCwliiYXKTDZIiZyw6ex/UM/T5Ud33Wj281npUn4hZPiLzKQVPQ/wAAUEjdrCdGuiXjMmcOxAVuOVH2Ax/Wr41TslJnTrUOlrCspy4RQxHc45pe1vxS9rIYNKszeSggFtwABJxgD9xH0471YmpSLpdyQSXCHZ9a5tpUV5bSzXN1ITcTOGbHG0//ADOOKTFi5NtjTnXQ36hqHjLTX825ayKFCyBEDKxHO05wQe2c4+dArLWW1fWZJ5WEd5IzRojEFIchcHPUgsD7jPeq7nVZ7gj8Q8kuOPzGJwKDSxPGhkt7V1uPMAEqkMuw44buevUdMV0xx0trZJzt6OzWNrbPaJkK7AAOwyPixzS34lt9Mu4TDDLHI8LeYVB5Hbr3Gf5FW2th4ms5CRcx31tN+obgrAY9x98Gq9G8JXEQZbryokJ5KEs7D0PYVyxSi7ss23qgaBNNaxXMsAa0gJWYg4IDLzx3AABI+VN/hyeCWxC24QBCU+E9h2Pv0+9X3enRPpbWkCKigfAB6/33rnjwz21+0dy0sW0EiaM4P1HqMdaKrIgbgdSOCMEfek/X4FN2IUXc5PAWtdjDqRhDvezJGq53Sk8j/nNe9CtpJ717yTmNSdrnq5pF47HbsL6TaG0skjc5kPLn3rZUqVMYquZlt4WkfoO3rQL8fLe3qwiURo38Vq1yTLpFnAxmgG4vyMBqeKFbDl9b29rErPJ5rk/pfB+tBZp7jTTLeaaVwcFockqefTOO/UV5YnHJ5r5IHaErHIEJHJIyKdKuwMOacbW8ka4fayTYK85Af9y59aC+J7W3kvYYbaWJAJQ8q4AC4x37nOD9PlWjweFS7v7T9cZw2Oqe2PoR9qZf8vszIJDbRFx0ZlzihfCRq5RF3S9Lnm0m7c5BlXEIPUgc5+tLtlpdq1zHqV/eNBFEDHLCRxu55PPGOaetW1NrLEcEQlmbszYVR6n/AKpC8Y381owuGtLq2MzANJExQFvXGc0+Nyk39iTSQY1rwnbWtjcXQuESKJC7tIdoUDkknsKSNKuLmS8trJIilxcShIw3OfUjjnGGPyHWmbS9K8S6zZGJ/ETLZScgA7pMf7iM/wA0YutIHhvR5bmzaS81XyvJhnlxuUY52joOAT7nrVFkcVxbtiuPLaVDDPqlhYgQzXUYdMKV3DI9K8DXdPB/NmWIcfE7DHPTvXL9D0adriO41gm5iyJgjSE7iedre/rnJPemC7hinvG26dCLWePy3CAAIOeAP6/SpvFFasdTZ0FGV1DKQykZBHQ1mvNNtbs7pY/j6b1OG+9K3h7VbLRoZLL8UZY4wWjiHJUd8Hpjn1pjsdZtbwqo3xO2NqyjGfkQSD96k4uL0OmmeYdDs4mJ/Nkz2kkJFEURUUKoAUdAOgr1UpLsYlSpUrGAWuQl7mB/2sNpPof7/pWpNJiMAVid3XIq+eNJ4yjjg/cH1FSG4aFQlwpIHAkUZB+Y6imvQDHcaGjL+W/PvSzqytphzP8Apzjae9Muoa60DGOzs5LmQdy2xT9cE/xQO60vU/EF4kuoeXa2gAyiJ8Tjrj4v6kCnha3LoSXwjR4IgPlS3ezZGcpFz+oZGT/A+9NW4etYoUt7C1SGILFBGoVRnAAr5HqFrK5SOdGYdgaST5Ox0qVAHUJHubuThiOelANQ0try1DTy3MbBMFHbedvOQeeRz0pwdBbPcbVBMhDRucYwT8QGeN3XFJ/imW/S1kghugYppQkSuFSQggn1zgYGfXNWxPeic0vZu8G3zoixuCu2cooAwuOmB7Ux+JlJhtJhnbFP8WO25Soz9SPvS/4N02YiCWZcQwDCk/uPbHsKb5miZGjmZNrDBDN2pcjSnaDD9dgLTtKhvHmlSU7mI3ZbjOMcDtS1PazXWpMJmkNk24IqnaNo4Bz33enpj1xWy60jxFo17JNoVzHPYznMm8/Gg+XRup5Bz7GtSRefJC0UjbUi2rGOhHHX5cU68dpivZssodGkspIb6MuzcMG3HcKw2UQ06WX8H+XbscpESSF59Sc1ebKZeSh+xrJLcFGIwMDqSKVb9hobdJvjcxYf9QohuFK+hyhZo4lO7OeR6YpizUpKmUTtF24etTdVO6pupQnjdUzVW72qZrGLN1TdVea+bqIAT4itru4CvbfGijmMDke/vQe+Wa51OAabaNFti2yEW2wE5Jxuz9abt1YtX1D8BaGXGSTgVSEn1Qslez1aD8JZbdQmjO7qJCAPlz1qi0sNBlmMlna2DyDqY1UkfalqwjvPEOpPFHepBJGvmEtHvOM44HT+aBi4vNF1C5aGeGdgGIkdMY28EgAe4+3eqLE9q9iPJ9aHnxJeXAUWdnMbZcZlljHxAdlX0Pv9utKtt4aGo2ct1Nqz2saEgW8rFyy+py3U/X1rPa6lc3t1dpPdG5BlWPeF27Mq/sOTsyMD1zg4rUtsYI1jjG1FGAM5wKeMXBV7Fck3YM8M3t5pGqmO1nJgDfnxPMSPf4T0Pyp20U2+mXHlyOI4ppfMt2bGHU9Yx6FfT2z3xScmnW0WoJcq7ISu0oBkMc5yfpxTtpEMF7pckFzEssO/hXGcdK2auw47GrCkYIFA/EGm2/4OSZQqYHOelYP8hljf/wATWdTt4cYEIlDKB7ZGR960W+iwoQbm4urwg5H4iUuAfka5lS2mV2/Rn8L2bRg3LghSNsYPf3pg3VUCAMAAAdhX3dQk+TsKVKizdU3VXmpmgE//2Q==

Cara Membuat Efek Bubble Pada Cursor di Blog, Yups... seperti postingan saya tentang cara membuat efek bintang berjatuhan dari kursor, Tapi kali ini tentang Efek Bubble atau bisa disebut dengan gelembung. Tips ini ane dapet dari blog kang fatur Lalu ane ulas lagi disini..



Efek ini secara otomatis akan muncul setelah sobat" menggerak"an kursor sobat. untuk contoh sobat bisa mencobanya pada kotak dibawah ini







Gimana sob???? bagus kan??

Ok deh buat sobat" yang dah kepengen ma ini tips, Langsung aja ke TKP. hehehehe
1.Login ke Blogger
2.Rancangan --> Elemen Laman --> klik Tambah Gadget --> HTML/Javascript
3.Lalu Copy dan Paste Kode Bubble Kursor Efek di bawah ini di kotak HTML/Javascript

<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();

window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}


function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}

function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>
 NB :
  • Yang berwarna MERAH Adalah Warna Dari Bubble Itu 
  • Yang berwarna BIRU Adalah Jumlah Bubble nya

Baca Selengkapnya ....

Template Blue Lights

Posted by Unknown 0 komentar
image

demo download


Template Information

Name Blue Light
Type Blogger Template
Properties White, Blue, 2 columns, 3 columns, right sidebar, xml

Baca Selengkapnya ....

BLACK N WHITE 3.0 TEMPLATE

Posted by Unknown 0 komentar







Name Black N White
Version 3.0
Finishing Date Wednesday, July 21 2010 | 11:10 PM
Author AXI AXRXYXNXO a.k.a Roxx (JAKARTA, INDONESIA)
Design Roxx Templates Blogger



Features :
  1. 500 % SEO FRIENDLY ( I'M SURE LOL :D )
  2. Simple Magazine Template
  3. Cool Vintage Design + CSS 3 Shadow and Gradient
  4. Cool Cursor Black N White
  5. Adbertiser Tag
  6. Fix Bug and More Design
  7. Has 3 main Columns and 3 Bottom Column
  8. 1000px Width
  9. Post with Thumbnail Related Post & Support Cool Cat Icon on Comments Box
  10. Post with Read More & Thumbnail + Cool Information Layout
  11. Post with Best Social Bookmarking and Sharing + Related Image Post
  12. Has 2 Simple CSS Menu Navigation
  13. Has 3 link icon of Social Network ( Facebook, Twitter, & Myspace )

Baca Selengkapnya ....

Free Download Seven Remix XP Black Edition,

Posted by Unknown Senin, 19 Desember 2011 0 komentar


Seven Remix XP adalah software yang menggabungkan tampilan windows xp dan windows seven. Sekarang telah diluncurkan versi terbaru dari seven remix xp yaitu seven remix xp black edition. Pada versi sebelumnya, telah diluncurkan seven remix xp blue edition. Pada versi ini, telah mengalami penyempurnaan dari versi sebelumnya, seperti perbaikan beberapa bug.

Ini link downloadnya :
Download Seven remix Xp Black Edition

Ini screenshotnya :


Baca Selengkapnya ....

Download Windows 7 ultimate 32 Bit Black Edition

Posted by Unknown 0 komentar
Kali ini saya akan share Download Windows 7 Ultimate. Banyak sekali yang bilang Windows 7 Ultimate 32 Bit Black Edition mempunyai tampilan yang keren, banyak teman saya yang terkesan dengan Windows 7 Ultimate 32 Bit Black Edition ini. Nah di bawa ini adalah contoh tampilan windows 7 ultimate.
Windows 7 Ultimate
Windows 7 Ultimate
Sebelum Download Windows 7 Ultimate alangkah baiknya lebih tahu aplikasi apa saja yang sudah ada di dalam Windows 7 Ultimate seperti:
- Google Earth Pro
- Office 2010 Professional
- Photoshop CS4
- xDark Firefox
- xDark Google Chrome
- Windows 7 Manager
- 7Zip
- XDOCK
- Foxit Phantom Suite
- WinRAR
- XnView
- PowerISO
- UltraISO
- Utorrent
- Stardock Fences
- Remove WAT (by Hazar)
- x86 (build 4670)
- Office Activator 2010
- MS Security Essentials AV
- xDark iTunes 10
- Revo Uninstaller Pro
- Nod32 Business AV
- DAZ Loader 1.93
- Ccleaner
Bagaimana mau mencobanya?
Silahkan langsung Download Windows 7 Ultimate lewat link di bawah ini, maaf di putus-putus soalnya filenya besar.
Download Gratis Windows 7 Ultimate 32 Bit Black Edition (3.8 GB)
Part1
=> Download
Part2
=> Download
Part3
=> Download
Part4
=> Download
Part5
=> Download
Part6
=> Download
Part7
=> Download
Part8
=> Download
Part9
=> Download
Part10
=> Download


Temen-temen ga bakalan rugi Download Windows 7 Ultimate kemudian install di PC karena menurut saya sendiri Windows 7 Ultimate 32 Bit Black Edition sangat menarik sekali. Segera Download Windows 7 Ultimate 32 Bit Black Edition selamat mencoba.

Baca Selengkapnya ....

Cara membuat widget ganti font di blog

Posted by Unknown Sabtu, 17 Desember 2011 0 komentar

Kali ini saya akan kasih tau gimana Cara membuat widget ganti font di blog ..
okeh kita langsung aja yah .. :D

Pertama, Login ke Blogger dan masuk ke Dasbor

Klik rancangan

Pilih Elemen Halaman

Klik Add Gadget
Pilih HTML/Java Script

Lalu Masukkan Kode dibawah ini:


<center><div class='widget-content'>
<center><script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}

function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman" />Times New Roman
<option value="Arial" />Arial
<option selected value="Book Antiqua" />Book Antiqua
<option value="Bookman Old Style" />Bookman Old Style
<option value="Century Gothic" />Century Gothic
<option value="Comic Sans Ms" />Comic Sans Ms
<option value="Tahoma" />Tahoma

<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana" />Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px" />8
<option value="9px" />9
<option value="10px" />10
<option value="11px" />11
<option selected value="12px" />12
<option value="14px" />14
<option value="16px" />16
<option value="18px" />18
</select></form><center></center></center>
</div>

<a href="http://rizkyariff.blogspot.com/2011/12/cara-membuat-widget-ganti-font-di-blog.html" target="_blank"><blink>Get This Widget</blink></a></center>

Terus simpan ..


Jangan Lupa Follow Gan.. 

Baca Selengkapnya ....

Cara membuat efek shadow pada kotak dan gambar

Posted by Unknown 0 komentar
Penggunaan css3 memang menajubkan. Css3 merupakan pengembangan dari css 1 dan css 2. Keunggulan CSS3 memiliki banyak fitur. seperti shadow, transparansi, gradiasi warna pada border, seleksi warna pada text, fitur skala, kolom pada text, termasuk fitur gradien pada background. Selain itu Penggunaan css3 membuat blog kita menjadi lebih ringan, sehingga ketika membuka blog, loading terasa lebih cepat.
Sekian banyak Tutorial yang sudah saya posting di blog ini sudah menggunakan fitur css3. Dan Untuk kali ini, saya juga akan memanfaatkan fitur dari css3, yaitu memberi efek shadow pada sebuah kotak dan image atau gambar.


Yang pertama, menambahkan bayangan kekanan dan bayangan kebawah pada sebuah kotak, tanpa memberi efek blur:

<style type="text/css">
.box-shadow1{
width:330px;
height:50px;
padding:5px;
margin:0 auto;
color:#fff;
background:#00378A;
border: 1px solid black;
box-shadow: 7px 7px #818181;
-webkit-box-shadow: 7px 7px #818181;
-moz-box-shadow: 7px 7px #818181;
}
</style>
<div class="box-shadow1">TEKS DISINI</div>

Berikut hasilnya :

TEKS DISINI


Yang kedua, menambahkan bayangan kekanan dan bayangan kebawah pada sebuah kotak, dengan memberi efek blur:
<style type="text/css">
.box-shadow2{

width:330px;

height:50px;

padding:5px;

margin:0 auto;

color:#fff;

background:#00378A;

border: 1px solid black;

box-shadow: 7px 7px 8px #818181;

-webkit-box-shadow: 7px 7px 8px #818181;

-moz-box-shadow: 7px 7px 8px #818181;

}

</style>

<div class="box-shadow2">TEKS DISINI</div>

Berikut hasilnya :

TEKS DISINI


Yang ketiga, menambahkan bayangan kekiri dan bayangan keatas pada sebuah kotak, dengan memberi efek blur:
<style type="text/css">
.box-shadow3{

width:330px;

height:50px;

padding:5px;

margin:0 auto;

color:#fff;

background:#00378A;

border: 1px solid black;

box-shadow: -7px -7px 8px #818181;

-webkit-box-shadow: -7px -7px 8px #818181;

-moz-box-shadow: -7px -7px 8px #818181;

}

</style>

<div class="box-shadow3">TEKS DISINI</div>

Berikut hasilnya :

TEKS DISINI


Yang keempat, menambahkan bayangan kekanan dan bayangan kebawah pada sebuah gambar, dengan memberi efek blur :
<style type="text/css">
.box-shadow4{
width:300px;
height:300px;
padding:5px;
margin:0 auto;
color:#ooo;
background:#00378A;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrs_1Cpi62qKfriOnZeu9HNpW7ak8TAnMrlTIV0xbxLYtynoTFSEUQkvj6cLFF4OqOjJbsakd1rxNgoddh3ZY1ewDL56HG42FfcXQtYtof031N5dy53M9-rmadTKEVHBoE46CmtXLgFUO7/s300/Gardu.jpg) no-repeat 0px 0px;
opacity:0.7;
box-shadow: 6px 6px 10px #818181;
-webkit-box-shadow: 6px 6px 10px #818181;
-moz-box-shadow: 6px 6px 10px #818181;
}
</style>
<br />
<div class="box-shadow4">TEKS DISINI</div>


Berikut hasilnya :

TEKS DISINI


Yang kelima, cara menambahkan teks pada box shadow :
Untuk membuat fariasi Teks, silahkan anda bisa lihat artikel  cara membuat fariasi Teks
<style type="text/css">
.box-shadow5{

width:300px;

height:150px;

padding:5px;

margin:0 auto;

color:#fff;

font-size: 22px;

font-family: Goudy Stout,sans-serif;

background:#00378A;

box-shadow: 6px 6px 10px #818181;

-webkit-box-shadow: 6px 6px 10px #818181;

-moz-box-shadow: 6px 6px 10px #818181;

}

</style>

<div class="box-shadow5">Cara membuat efek shadow pada kotak dan gambar</div>

Berikut hasilnya :

Cara membuat efek shadow pada kotak dan gambar


OK....Selamat membaca dan semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini.

Baca Selengkapnya ....
Panduan blog dan SEO support Jual Online Baju Wanita - Original design by Bamz | Copyright of Azhara Blog.