Blog fajarnoverdi

Home » All posts

Cara/tips memasang jQuery lava-lamp navigasi menu

Pada info kali ini, aku posting satu jQuery navigasi menu yang di panggil Lava lamp. dari demo asal yang dapat Anda lihat di sini (silakan klik). Tutorial yang aku coba dari net.tutsplus.com ini nampaknya sangat menarik dari segi effect dan mudah untuk di pasang di template blogspot. Aku mencoba implement di blogspot dan berhasil. Namun, sedikit modifikasi telah dilakukan bertujuan agar navigasi menu ini sesuai pada berbagai jenis theme dan dapat di pasang terus di HTML / Javascript. Background asal di ubah oleh warna background pada template. Warna button, warna teks dan ukuran juga di ubah karena ukuran asli yang terlalu besar.

Untuk memasang jQuery lava-lamp navigasi menu , ikut beberapa langkah di bawah ini.

Salin dan paste kode di bawah pada HTML / Javascript

<style>
#container {
width: 100%;
margin: 0px 0px;
padding: 0px 0px 40px 10px;
}

ul, li {
margin: 0; padding: 0;
}

#blob {
border-right: 1px solid #0059ec;
border-left: 1px solid #0059ec;
position: absolute;
top: 0;
z-index : 1;
background: #0b2b61;
background: -moz-linear-gradient(top, #0b2b61, #1153c0);
background: -webkit-gradient(linear, left top, left bottom, from(#0b2b61), to(#1153c0));
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 2px 3px 5px #011331;
-webkit-box-shadow: 2px 3px 5px #011331;
}

#lava-lamp {
background: #32312E;
float: left;
border: 1px solid #BDBCBA;
margin: 0px 0px 15px;
padding: 8px 430px 10px 0px;
}

#lava-lamp li {
float: left;
list-style: none;
border-right: 1px solid #4a4a4a;
border-left: 0px solid #4a4a4a;
}

#lava-lamp li a {
color: #DDDCD8;
text-shadow: 0 0px 1px #81807B;
position: relative;
z-index: 2;
float: left;
font-size: 13px;
font-family: arial, sans-serif;
font-weight: bold;
text-decoration: none;
padding: 0px 20px;
}
</style>

<div id="container">

<ul id="lava-lamp">
<li id="selected"><a href="http://link-di-sini.blogspot.com">Home</a></li>
<li><a href="http://link-di-sini.blogspot.com">About</a></li>
<li><a href="http://link-di-sini.blogspot.com">Blog</a></li>
<li><a href="http://link-di-sini.blogspot.com">More About My Portfolio</a></li>
<li><a href="http://link-di-sini.blogspot.com">Contact</a></li>
</ul>

</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>

<script type="text/javascript" src="https://sites.google.com/site/jquery01/jquery.spasticNav.js"></script>

<script type="text/javascript">
$('#lava-lamp').spasticNav();
</script>

Pesan:
1.Untuk mengubah warna button, edit kode yang di bold berikut.

background: #0b2b61;
background: -moz-linear-gradient(top, #0b2b61, #1153c0);
background: -webkit-gradient(linear, left top, left bottom, from(#0b2b61), to(#1153c0));

2.Untuk mengubah warna background, edit kode yang di bold berikut.

background: #32312E;

3.Untuk mengubah URL dan Title, edit kode yang di bold berikut.

<li id="selected"><a href="http://link-di-sini.blogspot.com">Home</a></li>

<li><a href="http://link-di-sini.blogspot.com">About</a></li>

<li><a href="http://link-di-sini.blogspot.com">Blog</a></li>

<li><a href="http://link-di-sini.blogspot.com">More About My Portfolio</a></li>

<li><a href="http://link-di-sini.blogspot.com">Contact</a></li>

4.Untuk mengubah jarak background ( lihat gambar di bawah), edit kode yang di bold berikut.

…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.

Cara menghack adsense camp,biar banyak dapt uang

Adsensecamp.com adalah salah satu PPC Terbesar di Indonesia. Tapi, tahukah anda? kalau sistem keamannya masih rendah. Komisi dari PPC Indonesia ini adalah Rp.300/kliknya. Jadi, anda akan mendapatkan komisi Rp.300 bila ada pengunjung situs yang mengklik iklan anda di situs anda.

Nah, masalahnya adalah: apakah situs anda memiliki banyak pengunjung yang mengklik iklan anda?
Apalagi, adsensecamp.com hanya menghitung klik dari IP Address yang berbeda.

Tapi, bagi para cracker hal itu bukanlah merupakan hal yang sulit. karena, untuk mengakali sistem keamanan adsensecamp.com bukanlah hal yang sulit.

Let`s Begin!!
Di dunia maya, terdapat situs yang bernama Proxy. Situs ini merupakan situs yang dapat merubah IP Address anda Ke seluruh kota di seluruh dunia. andaikan anda merubah IP Address anda sebanyak 1000 kali, dan mengklik iklan anda. Hitung keuntungan anda: Rp.300 X 1000 = Rp.300.000.
Bagaimana??. Apalagi, cara yang kami terangkan ini, Gratis 100%.

Langkah-langkah:
1. Daftar adsensecamp.com: Klik disini
2. Setelah daftar dan memasukkan data-data anda, silahkan copy+paste HTML (bahasa pemogramannya)
ke website anda. (bila anda tidak punya website, silahkan buat blog di sini: Klik di sini)
3. Setelah pemasangan iklan selesai, silahkan pakai Proxy site nya: Klik disini
4. Silahkan masukkan website yang sudah anda pasang iklan tadi.
5. pilih IP ADDRESS dari negara mana yang anda inginkan .

Sumber : Berbagai sumber

…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.

cara memasang widget Back to top (jika di klik ke atas)

Kali ini saya ingin posting tentang cara back to top.
maksudnya apa.?
maksudnya seperti yang banyak di pakai oleh para bloggers mania jika kita klik top
maka akan balik ke atas ke tempat pertama kita masuk.hehe
contoh gambarnya seperti ini nii..

tapi kali ini saya posting tentang Back top Button, ini lain dari yang lain. Back to top button yang dapat Anda lihat pada sisi kanan bawah (silahkan scroll ke bawah) tombol ini memudahkan visitor untuk explore blog yang memiliki layout yang panjang. Hanya perlu klik button tersebut, dan halaman akan scroll otomatis ke atas.

Untuk memasang button back to top ini, silahkan ikut beberapa langkah yang mudah di bawah ini.

pesan: Silahkan save script template terlebih dahulu.

Langkah 1

Login blog => Dashboard => Layout => HTML / Javascript => Add A Gadget

Langkah 2

Salin kode di bawah dan paste pada ruang content Add A Gadget (lihat langkah 1) dan Save.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://dl.dropbox.com/u/1960768/black.js" type"text/javascript"></script>

Terakhir, klik Preview. Jika tidak ada pesan Error , klik saja Save template.

baca juga : Macam-macam kode symbol di blog
cara memasang kotak fans box di blogger

…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.

Cara/tips membuat efek bayangan pada gambar

google indonesia

Untuk membuat efek bayang-bayang pada bagian kanan dan bawah gambar seperti yang Anda dapat lihat pada gambar di atas, hanya perlu mengikuti beberapa langkah di bawah ini:

NB: Silahkan save dulu script template Anda sebelum melakukan editting.

Langkah 1

Login blog => Dashboard => Layout => Edit HTML. Selanjutnya centang Expand Widget Templates

Langkah 2

Tekan Ctrl + F dan ketik kode .Post img { dan seterusnya tekan enter.

Langkah 3

Salin kode di bawah dan pastekan di bawah kode .Post img { (lihat langkah 2)

background: url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
padding: 5px 10px 10px 5px;
border: 0px;

Contoh:

.post img {
background: url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
padding: 5px 10px 10px 5px;
border: 0px;

lalu klik save template
Baca juga : Cara membuat 3 kolom di bawah header blog
Cara membuat Link warna-warni di blog

…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.

Cara buat simple zoom gambar

Untuk membuat simple zoom in seperti contoh yang boleh anda coba pada gambar (letak kursor mouse di atas gambar) hanya ikuti beberapa langkah yang sangat mudah di bawah.
tapi maaf ne saya sudah gak pake lagi caranya.
karna tempat posting saya kecil.hehe

Langkah 1

Log in blog => Dashboard => Design => Edit HTML

Langkag 2

Dengan menggunakan keyboard, tekan kekunci F3 atau Ctrl+F. Seterusnya ketik atau paste kod ]]>skin> atau kod ]]></b:skin> pada ruang Find dan kemudian tekan Enter.

Langkah 3

Salin dan paste kode di bawah di atas atau sebelum kode ]]>skin> atau ]]></b:skin>

.post a:hover img {
width:90%; height:90%; float:middle;
}

Contoh:

.post a:hover img {
width:90%; height:90%; float:middle;
}
]]>skin>

Terakhir , klik Preview dan jika tak ada pesan error, klik Save.

p/s: Jika efek zoom in menjadi terlalu besar atau kecil, anda boleh mengubah size zoom in tersebut dengan menukar angka pada width: 90% dan height:90%.

Contoh:

width:550px; height:450px; float:middle;

…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.

Cara meringankan beban blog dengan jquery lazy load

saya tidak akan panjang berbicara langsung saja ya kita mulai yaitu caranya yaitu..

Lazy Loader adalah plugin jQuery di mana efek lazy load akan menangguhkan proses loading bagi image yang terdapat pada blog. Efek Lazy load hanya akan berfungsi apabila page di scroll. Image sesudah page yang di scroll akan terlihat dengan menggunakan efek jQuery Lazy Load. Untuk melihat Demo, silahkan klik di sini.

Lazy Load membantu meringankan blog dengan mengurangkan tempoh masa proses loading page pada sesebuah blog terutama pada blog yang banyak menampilkan image gambar ataupun image yang berukuran besar.

Untuk memasang jQuery Lazy Load di blogspot, ikut beberapa langkah di bawah.

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

Copy dan paste kode di bawah pada content HTML/Javascript

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLY-9ndUQkMyiBARbLcHbbkbRJKGPOd6x4MoQe7EA2VTRQyzciAtKGaQGab4canpxdFzH-7tFSgnn1awJ908aUV9DyJq16mJeBotItDq-ZZawwvCpJeTH43TQjnAbh0Nz8gbY4aNVyhD8/s1600/grey.gif"
});
});
</script>

Terakhir, klik save

Pesan:
1.Jika tidak ada apapun efek terjadi setelah kode di Save, silahkan paste kode tersebut sebelum atau di atas kode </ body> pada script template.

2.Jika tidak ada seberang perubahan setelah kode di paste di atas atau sebelum kode </ body>, silahkan paste kode tersebut sebelum atau di atas kode </ head>
Baca juga : Cara buat kotak text area standar atau kotak script
Cara menghemat tempat link blogroll

…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.

Cara pasang Jquery animasi tombol" share

Saya ingin post tentang cara pasang tombol share animasi tadi barusan saya
suadah posting tentang Cara memasang tombol share buzz di blog.
dan sekarang saya tidak akan lama".yuk kita mulai.hehe
Untuk memasang jQuery Animated share button pada blog seperti yang dapat Anda lihat di bagian sidebar blog ini, hanya iku beberapa langkah yang mudah di bawah.

Langkah 1

Login blog => Dashboard => Page Element => Add A Gadget => HTML / Javascript.

Langkah 2

Salin kode biru di bawah dan paste pada ruang content HTML / Javascript dan Save.

<style>

#stage{

position:relative;

width:110%;

height:140px;

padding-left:15px;

background:transparent;

}

.btn{

background:transparent;

height:90px;

left:0;

top:0;

width:20px;

position:relative;

margin:20px 0 0 0px;

float:left;

}

.bcontent{

position:absolute;

top:auto;

bottom:20px;

left:0;

}

span.fb_share_no_count {

display:block;

}

span.fb_share_count_top.fb_share_no_count {

line-height:54px;

}

span.fb_share_count_nub_top.fb_share_no_count{

display:none;

}

span.fb_share_no_count span.fb_share_count_inner {

background:#3B5998 url(http://static.fbshare.me/f_only.png) no-repeat scroll 20px 5px;

display:block;

}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="http://sites.google.com/site/jquery01/script.js"></script>

<div id="share">

<div id="stage">

<div class="btn digg"><div class="bcontent"><a class="DiggThisButton"></a><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></div></div>

<div class="btn tweetmeme"><div class="bcontent"><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div></div>

<div class="btn dzone"><div class="bcontent"><script language="javascript" src="http://widgets.dzone.com/links/widgets/zoneit.js"></script></div></div>

<div class="btn reddit"><div class="bcontent"><script type="text/javascript" src="http://www.reddit.com/button.js?t=2"></script></div></div>

<div class="btn facebook"><div class="bcontent"><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</div>

</div>

</div>

lalu klik simpan..
jadi, dan selesai deh.hehe

Baca juga : Cara membuat screenshoot energy saving mode
Cara Membuat Arsip/archive blog pakai scroolbar

…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.

Cara memasang tombol share buzz di blog

Post saya yang ini tentang share ni sob.hehe

barusan saya sudah mempost tentang cara pasang emoticon II

(versi kaskus).

langsung deh kita lihat contoh gambarnya seperti di bawah ini

langsung saja kita koorek dulu apa itu share buzz ..

Tombol Share Buzz di Blog ialah tombol share yang digunakan buat share artikel ke buzz, dengan hanya menekan tombol share buzz this yang sudah dipasang diblog. baik dari pemilik blog buat berbagi postingan ke teman - teman di buzz, atau pengunjung yang berminat share postingan ke account buzz mereka..tapi umumnya tombolnya tidak ada jumlahnya.yang saya punya kali ini beda dari yang lain

Cara Pasang Tombol Share Buzz di Blog di blog dengan jumlah, caranya

Login ke blogger

Pilih Tata Letak

Klik edit HTML

Centangkan Expand Template Widget

Tambahkan kode Tombol Share Buzz, sebelum kode kode <data:post.body/> yang pertama.ini kodenya:

<div style="float:right;padding:4px;">
<script type='text/javascript'>
njuice_buzz_url = '<data:post.title/>';
njuice_buzz_title = '<data:post.url/>';
njuice_buzz_share = 'reader';
</script>

<script type='text/javascript' src='http://button.njuice.com/buzz.js'/>
</div>

Untuk beberapa editting, anda dapat juga menambah kode njuice_buzz_size = 'small'; atau njuice_buzz_size = 'simple'; di bawah kode njuice_buzz_share = 'reader';
tapi masangnya jangan 2,2nya y sob..hehe
tapi kalau mau masang gapapa juga kok ,
ga ada ngaruh.hehe

Baca juga : Cara buat text di navbar berjalan
Cara membuat buku tamu/shoutmix tersembunyi

…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.

Pria yang telah melakukan Seks dengan puluhan ribu wanita

Seks memang selalu menjadi bahasan yang menarik. Bukan hanya soal bagaimana mendapatkan hubungan seksual yang berkualitas, tetapi juga fakta-fakta unik di baliknya.

Salah satunya tentang jumlah mitra seksual yang dimiliki seseorang. Berbeda dari orang dengan budaya timur, orang barat, terutama kaum pria, bisa bercinta dengan siapa saja tanpa menikah. Itulah sebabnya, telah berhubungan seks dengan puluhan orang bukanlah hal aneh.

Seperti dikutip dari laman Shine, sebuah studi menunjukkan, hanya 1 dari 25 wanita dan 1 dar 33 pria merasa nyaman memiliki 100 pasangan seks. Selebihnya, mungkin jumlahnya lebih sedikit atau justru lebih banyak.

Lantas, benarkah ada orang yang memiliki jumlah mitra seks hingga ribuan. Ternyata memang ada. Bahkan dua di antaranya adalah selebriti Hollywood. Aktor Gene Simmons dan Charlie Sheen mengklaim, mereka telah melakukan bercinta dengan lebih dari 5.000 wanita.

Namun, rekor jumlah pasangan seksual tak sampai di situ. Percaya atau tidak, tiga pesohor ini mengakui telah bercinta dengan lebih dari 10 ribu wanita. Siapa sajakah itu?

John Curtis Estes

Pria ini dikenal dengan nama John Holmes. Ikon bintang porno era 70-an ini mengaku telah tidur dengan lebih dari 14.000 pasangan seksual. Anehnya, ia mengakui hal ini saat usianya 37 tahun. Banyak orang yang tidak percaya.

Namun, sebagai raja bintang porno, ia berusaha memberikan bukti bahwa ia telah tidur dengan belasan ribu wanita. Namun, pengakuan itu akhirnya diluruskan oleh Luke Ford, penulis ‘History The X’. Ford menyimpulkan, Holmes hanya memiliki sekitar 3.000 mitra seks.

Warren Beatty

Dalam buku 2010, ‘Star: How Warren Beatty Seduced America’, penulis biografi Peter Biskind memperkirakan, aktor sekaligus sutradara ini telah bercinta dengan 12.775 wanita antara usia 20 tahun tepatnya ketika ia kehilangan keperjakaannya dan 55 tahun saat ia menikah dengan Annette Bening.

Namun, pengakuan ini masih dipertanyakan, karena banyak anggapan Biskind adalah penulis biografi yang tidak sah, dan kurang melakukan investigasi. Pemikirannya hanya berpatokan pada sikap Beatty, seorang playboy terkenal selama beberapa dekade, tidur dengan satu wanita setiap hari tanpa kecuali selama 35 tahun. Dia menghitung dengan mengalikan 365 x 35 = 12.775.

Satu hal yang pasti, Beatty memiliki daftar mantan kekasih yang sangat panjang. Mulai dari aktris Hollywood era 70-an hingga musisi 80-an, seperti Diane Keaton, Natalie Wood, Joan Collins, Madonna, Carly Simon, Mary Tyler Moore, Julie Christie, dan Cher.

Wilt Chamberlain

Pada 1991 otobiografinya, ‘A View From Above’. Atlet NBA, Wilt Chamberlain mengaku telah tidur dengan 20.000 wanita yang berbeda. Kejadian itu berlangsung sejak Wilt berusia 15 tahun sampai ia menulis buku pada usia 70 tahun.

“Saya bercinta dengan 1 atau 2 wanita sehari, setiap hari sejak saya berusia lima belas tahun.”

Semasa kejayaannya, Wilt bisa memilih wanita manapun untuk bisa menemaninya. Ia sering memiliki lebih dari satu pasangan per hari, menurut salah seorang rekannya satu tim. (ide-gue)

…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.

Cara memasang emoticon II (versi emot kaskus)

Hy sobat blogger semua ..
sudah lama juga sya tidak mempost tentang tips blogger.
hehe..
dahulu saya telah mempostting tentang cara
memasang menu spoiler/open-close sekarang saya akan post tentang
cara pasang emoticon II
yaitu mirip emoticon kaskus itu lho..
hehe
ne ane liatin model tampilannya seperti ini..

ok deh sob..
dari pad nunggu lama saya akan langsung mulai caranya yaitu

Login dulu ke akun blogger >> Lalu klik Tata Letak/layout >> Edit HTML dan jangan lupa centang kotak "Expand widget templet"

Dah itu letakkan script berikut di atas kode tag </body>

Langkah selanjutnya cari kode <b:if cond='data:post.embedCommentForm'>

-. kalau dah ketemu letakkan kode berikut tepat di atas kode <b:if cond='data:post.embedCommentForm'>