.....:::::Di blog exyezet banyak trik yang sangat menarik dan gampang untuk di pelajari, apabila ada kesulitan tanyakan saja pada exyezet . Terima kasih::::....

Rabu, 27 April 2011

Pasang Modus Hemat Energi di Blog



Sobat ingin memasang modus hemat energi di blog sobat? Apa itu modus hemat energi atau save energy? Modus hemat energi adalah tampilan screen hitam bertuliskan save your energy yang akan muncul menutupi seluruh halaman index dan akan hilang kembali setelah panah mouse di geser ke dalam tampilan tersebut. Sebenarnya modus ini bukan untuk hemat energi yang sesungguhnya melainkan tampilan screen biasa yang telah dipadukan dengan javascript untuk membuat menarik blog sobat. Ingin coba memasangnya??? Cekidot...

Berikut langkah-langkahnya:
  • Login ke blog sobat

  • Klik "Rancangan" --> "Edit HTML"

  • Backuplah terlebih dahulu template blog sobat dengan mengklik "Download Full Template".

  • Centang kotak kecil "Expand Template Widge".

  • Kemudian carilah kode <head> dan copy-pastekan kode dibawah ini tepat di atas kode <head>


    • <!-- save your energy -->
    <script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>
    <!-- save your energy end -->


  • Klik tombol "Simpan Template" kemudian lihatlah blog sobat sekarang telah terpasang modus save energy.

Silahkan di praktekkan sob...
Semoga berguna dan bermamfaat... Photobucket
Read More
Diposting oleh Yudy 5 komentar
Label:

Membuat Tombol Top Up


Tutorial yang akan saya bagi kali ini, yaitu cara memasang tombol "top up" atau tombol untuk scroll otomatis keatas. Widget ini sangat berguna bagi kenyaman pengunjung blog Anda. Terutama apabila isi blog Anda ini sangat panjang, sehingga pengunjung blog Anda tidak perlu repot-repot lagi mengscroll mouse ke atas untuk kembali kebagian navigator. Ok! bagi yang ingin tahu caranya, cekidot...

Ikuti langkah-langkah berikut:
  1. Login terlebih dahulu ke blogmu.
  2. Klik Menu "Rancangan" --> "Edit HTML".
  3. Cari kode </b:section>
  4. Cari dan pastikan bahwa kode </b:section> yang kamu cari ada di paling akhir atau paling bawa (karena terdapat banyak kode</b:section>, tapi yang kita cari yang paling bawah).
  5. Letakkan kode berikut tepad diatas kode </b:section> tadi.


    6. <a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://g.imagehost.org/0373/arrow_up_green.png'/></a>

  6. Anda bisa menggantikan kode warna merah dengan icon Anda sendiri yang sebelumnya telah Anda upload.
  7. Klik tombol "Simpan Template".
  8. Selesai.
Photobucket
Read More
Diposting oleh Yudy 2 komentar
Label:

Gambar Dengan Efek Zooming di Blog


Halo sobat-sobat mampirbro, kali ini saya ingin berbagi tutorial blog untuk membuat efek zooming pada gambar atau foto dipostingan blog kita dengan jquery. Dengan memamfaatkan fitur jquery, kita bisa membuat efek zooming yang dimana kalian pasti tahu apa itu efek zooming. Bagi sobat yang belum tahu efek zooming adalah efek dimana gambar kecil yang terdapat pada postingan apabila diklik sekali maka gambar tersebut akan menjadi besar dan apabila diklik sekali lagi maka gambar tersebut kembali menjadi kecil. Ya udah dech, dari pada binggung langsung aja lihat tutorialnya...

Berikut langkah-langkahnya:
  1. Login ke blogmu, lalu pilih menu "Rancangan"" --> "Edit HTML", kemudian centang pada box "Expand Template Widget".

  2. Carilah kode </head>, untuk mempersingkatnya gunakan fasilitas ctrl + f dan jika sudah ketemu, copy dan pastekan kode dibawah ini tepat diatas kode </head>.


    3. <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://z33s.googlecode.com/files/BesaR.txt.js">
    </script>


    Ket: apabila kode berwarna biru sudah ada pada html templatemu, maka yang dicopy-pastekan adalah kode dibawahnya saja yang berwarna hitam.

  3. Kemudian simpan template sobat.

  4. Untuk memasukkan efek zoom pada gambar maka copy-pastekan kode berikut pada postingan atau widget yang dimana sobat ingin menaruh gambar yang akan diberi efek zoom. Berikut kodenya:


    5. <img class="magnify" magnifyby="3" style="width: 200px; height: 250px;" src="Url gambar sobat" alt="" id="BLOGGER_PHOTO_ID_6060538624190533589" border="0" />


  5. Ganti teks berwarna merah dengan link dari gambar sobat. Kode berwarna biru adalah tinggi dan lebarnya gambar yang dapat sobat atur, ubah dan sesuaikan dengan keinginan sobat.


  6. Jika ingin memasukkan efek zoom lagi pada gambar yang lain, ulangi lagi langkah ke-4 untuk setiap kali memberikan efek zoom pada gambar yang lain.




Photobucket
Read More
Diposting oleh Yudy 0 komentar
Label:

Kotak Text Area Dengan Tombol Select All

Mungkin sobat sudah melihat menu "tukaran link" dari blog ini, sobat akan menemukan kode linkbanner blog ini yang saya bingkai dalam kotak bertombol select all. Nah! mungkin sobat ingin mencoba membuat kotak text area bertombol select all. Dengan membuat ini, dapat mempermudah para pengunjung blog sobat untuk menyeleksi teks atau kode pada kotak text area dengan cepat, jadi tidak perlu diseleksi secara manual cukup dengan menekan tombol select all.


Berikut caranya:

Sobat hanya perlu mengcopy-pastekan kode dibawah ini kedalam postingan atau elemen halaman blog sobat.
<form name="copy"><div align="left"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><textarea style="padding: 3px; width:200px; height:60px" name="txt";>Teks Anda</textarea>


Ket:
  • Kode berwarna merah dapat sobat ganti dengan teks, gambar atau link.

  • Kode berwarna biru adalah tinggi dan lebar dari kotak teks yang dapat sobat atur dan sesuaikan.

  • Kode berwarna hijau adalah letak dari tombol select all yang dapat sobat ganti menjadi left (kiri), right (kanan) dan center (tengah).

Selamat mencoba...
Semoga berguna dan bermamfaat... Photobucket
Read More
Diposting oleh Yudy 0 komentar
Label:

Senin, 25 April 2011

Hack Facebook dengan Gampang


Kali ini saya akan memberikan tips HACK FACEBOOK dengan GAMPANG , ingat ya artikel ini bukan untuk menjadikan teman-teman nakal atau jahil. Ok.
semoga ini bisa membantu untuk mengheng facebok-facebook yang melanggar agama & negara. ya sekarang marak beredar di dunia maya. Kita tidak menginginkan itu semua. Nah jika teman-teman setuju dengan pernyataan saya, silahkan pelajari trik ini. Karena kitalah yang membebaskan generasi kita dari segala bentuk ketidak benaran yang sekarang banyak terjadi. Jadi saya mohon dengan sangat "Jangan menggunakan tips ini untuk iseng-iseng, tetapi gunakanlah untuk yang berguna, seperti yang saya utarakan di atas".
Oke langsung saja kita ke pokok permasalahannya. 


1. Pertama-tama cari email target
2. Setelah ketemu emailnya, Forgot pasword di Facebook (Pasti kita akan dihadapkan dengan email si korban)
3. kemudian kita Intip email si korban dengan menggunakan Google.com yaitu dengan "search engine"
4. Pada kotak Search Engine tersebut kita cari kode seperti ini filetype:eml eml intext:"subject"+from.

Keterangan:
"subject" = Merupakan subject yang akan dikirim Facebook kepada kita
"From" = Dari siapa email itu dikirim

5. Kalau sudah ketemu dengan yang kita cari tinggal ikutin kemauan facebook. 


Photobucket
Read More
Diposting oleh Yudy 0 komentar
Label:

Pasang Facebook Profil di Blog

kali ini saya akan memberikan tips untuk menampilakan profil Facebook pada blog/website kita. Hal yang penting dari Tampilan Facebook Profil ini adalah, dimana para pengunjung blog/Web Site kita akan dapat melihat facebook kita. Setelah itu teman2 anda dalam Facebook akan bertambah. Dengan kata lain dengan tampilan Facebook Profil ini akan menambah Link anda dalam dunia maya.


Contoh tampilan Feacebook Profil
Nah setelah melihat gambar di samping, anda sudah ada gambaran bagaimana sih tampilan Facebook Profil itu. Sebenarnya Tampilan dari Facebook Profil itu ada beberapa macam. Pada pilihannya anda dapat memilih sesuai dengan selera anda.
Nah untuk menampilkannya, silahkan ikuti langkah-langkah berikut.
Pertama-tama anda sudah mempunyai account Facebook yah. Kalau tidak ada, gimana caranya??? (hehehehehehe)

  • Seperti biasa Login ke Account Facebook Anda
  • Pilih Profil
  • Lihat pada bagian kiri bawah klik "create a Profile Badge"
atau jika anda menggunakan Bahasa Indonesian, tulisannya adalah "Tambah Sebuah Lencana pada Situs Anda", tampak seperti gambar di bawah ini:


  • Setelah anda klik akan muncul Halaman seperti gambar di bawah ini

  • Setelah itu silahkan anda pilih tampilan yang anda suka. Jika sudah ketemu, silahkan copy kode yang telah disedian di samping gadget. Kemudian Nada letakkan pada situs anda.
Untuk cara meletakkan kode tersebut dalah situs, ikuti langkah-langkah berikut:
silahkan dicopy paste ke element halaman blog anda dengan cara seperti biasa Layout-->Add Gadget-->Javascript/HTML-->Save

gampang kan???
selamat mencoba, semoga bermanfaat.
Photobucket
Read More
Diposting oleh Yudy 0 komentar
Label:

SMS Gratis Lewat Facebook


Bagi pengguna facebook tentunya mempunyai keuntungan menggunakan aplikasi facebook. Baik yang di sediakan langsung oleh facebook maupun dari pihak ke-tiga. Banyak sekali aplikasi yang dapat digunakan oleh pengguna facebook.

Salah satunya adalah ChatSMS, aplikasi ini dapat digunakan sebagai sarana ber-SMS gratisan ke berbagai nomor hp bahkan yang di luar negeri sekalipun.

Pertama yang harus kita lakukan adalah login ke akun facebook kita, kemudian buka  ChatSMS lalu pilih izinkan.






Setelah itu kita akan dibawa masuk ke menu berikutnya dan pilih negara, nomor hp yang kita tuju lalu isi pesan atau sms kita. Klik send sms, tunggu sampai proses selesai dan sms kamu telah terkirim dengan cepat.


 



Sayangnya kita tidak bisa kirim sms sepuasnya karena aplikasi ChatSMS ini hanya bisa digunakan 2x dalam 1 hari. Tapi lumayan buat kalian yang lagi kehabisan pulsa bisa dipake sebagai alternatif dalam keadaan darurat.
 Photobucket
Read More
Diposting oleh Yudy 0 komentar
Label:

Cara Membuat Browser Berputar

Saat sobat berkunjung ke salah satu blog, mungkin sobat pernah mengalami browser blog tersebut berputar?

Untuk membuatnya sangat mudah, sobat tinggal pasang kode di bawah ini ke HTML sobat.
Caranya klik design, edit HTML dan masukkan kode di bawah ini sebelum </head>



<script type="text/javascript">
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>

Kemudian simpan. Maka browser akan berputar setiap pengunjung membuka blog sobat. Photobucket
Read More
Diposting oleh Yudy 0 komentar
Label:

Cara Membuat Efek Coret Pada Postingan


Selamat pagi para sobat blogger...
Di pagi yang sedikit mendung ini, saya akan membagi sedikit tutorial ringan tentang cara membuat efek coretan pada postingan.

Memang sedikit iseng, tapi setidaknya bisa menandakan kalau tulisan yang di coret adalah sesuatu yang penting sehingga terlihat berbeda dengan tulisan yang lain.

Misalnya tulisan yang mau di beri efek coret adalah Belajar Blogging, kalau di beri efek coret nanti jadinya akan seperti Belajar Blogging.

Kita hanya perlu menambahkan <del> dan penutupnya </del>. Sehingga cara penulisannya seperti berikut.
<del>Belajar Blogging</del>

Maka jadinya akan seperti yang di atas tadi. Demikian tutorial ringan dari saya, semoga sedikit membantu.
Happy weekend... Photobucket
Read More
Diposting oleh Yudy 0 komentar
Label:

Image Gallery Menggunakan Jquery 1.4.2

Lagi jalan-jalan ke blog sahabat, secara tidak sengaja saya menemukantrik menarik tentang macam-macam efek image gallery menggunakanJquery 1.4.2. Trik ini sangat atraktif jika sobat sedang posting artikel tentang foto-foto sehingga tidak memakan terlalu banyak ruang, dan pengunjung juga tidak merasa bosan.


Untuk pemasangannya, sobat blogger bisa menggunakan kode di bawah ini. 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://belajarblogging.googlecode.com/files/animasi1.js" type="text/javascript">
</script><script src="http://belajarblogging.googlecode.com/files/animasi2.js" type="text/javascript"></script>
<script src="http://belajarblogging.googlecode.com/files/animasi3.js" type="text/javascript">
</script><style type="text/css">
.amdhas { height: 232px; width: 432px; padding:0; margin:0; overflow: hidden; -webkit-box-shadow: 2px 2px 4px #000;-moz-box-shadow: 2px 2px 4px #000;-moz-border-radius: 10px; -webkit-border-radius: 10px;}.amdhas img { height: 200px; width: 400px; padding: 15px; border: 1px solid #ccc; background-color: #f8f8ff;-webkit-border-radius: 10px;-moz-border-radius: 10px;}</style><div class="amdhas" id="ke2">
<img height="200" src="URL GAMBAR DI SINI" width="400" />
<img height="200" src="URL GAMBAR DI SINI" width="400" />
<img height="200" src="URL GAMBAR DI SINI" width="400" /></div>
<script type="text/javascript">
SILAHKAN PILIH SALAH SATU KODE JQUERY YANG SOBAT SUKA KEMUDIAN MASUKKAN KODENYA DI SINI.
</script>

Saya contohkan gambar di atas menggunakan kode seperti ini.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://belajarblogging.googlecode.com/files/animasi1.js" type="text/javascript">
</script><script src="http://belajarblogging.googlecode.com/files/animasi2.js" type="text/javascript"></script>
<script src="http://belajarblogging.googlecode.com/files/animasi3.js" type="text/javascript">
</script><style type="text/css">
.amdhas { height: 232px; width: 432px; padding:0; margin:0; overflow: hidden; -webkit-box-shadow: 2px 2px 4px #000;-moz-box-shadow: 2px 2px 4px #000;-moz-border-radius: 10px; -webkit-border-radius: 10px;}.amdhas img { height: 200px; width: 400px; padding: 15px; border: 1px solid #ccc; background-color: #f8f8ff;-webkit-border-radius: 10px;-moz-border-radius: 10px;}</style><div class="amdhas" id="ke2">
<img height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHMq0DpBvBDa1PN35rTUzOLTnDzkymK4sxUBWGKA8Ex5soRYSpIedF_NwfBZE0WzqV78eY2TPCvCHiDdtxgz_O4J0CgpfBoLr7emHa0hHl-utznrBPBHZUIqdn7KwQaANiJbdA5QAiBum8/s400/iphone-4g.jpg" width="400" />
<img height="200" src="http://peoplemeetme.com/wp-content/uploads/2010/09/iphone-4g-11.jpg" width="400" />
<img height="200" src="http://1.bp.blogspot.com/_7510iPezit8/TRbRi3jJjkI/AAAAAAAAAPY/sAn48YoV0A8/s1600/11119422-apple-iphone-4.jpg" width="400" />
<img height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFA8jqkO9b9cew9W5fEaPZrN8k_OrSR1fRzgQIBpBjJRu01ss963Vj5NuKAHHeeIIllvtSH0lDqq61Y6L4yKknCBC9s1pQjhVNmFQaKskKpEsvw1rp3ar5TxN9u2dHiYh-SLH3NNBQ75k/s1600/iphone4.jpeg.jpg" width="400" />
<img height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuFLmT5sqECx2pndK6chpK-zojFZPL-TT1O6E_784l49y4BQGhtrZsqFyloGj6fE5Nj3g7HGAM5TAdzmk8iC0Q69yRktEmpjgXxVkE1HQIrdaSrdyDWW25HhBKJNCNviaaI_IYPIUAjhVC/s1600/iphone4.gif" width="400" /></div>
<script type="text/javascript">
$('#ke2').cycle({fx:'scrollDown',speedIn: 2000,speedOut: 500,easeIn:'bounceout',easeOut: 'backin',delay:-2000});
</script>

Untuk kode-kode jquery yang lain, silahkan pilih di bawah ini.

$('#ke2').cycle({fx:'zoom',speedIn:2500,speedOut: 500,easeIn:'bouncein',easeOut: 'easeout',sync:0,delay:-4000});

$('#ke2').cycle({fx:'custom',cssBefore:{left: 232,top: -232,display: 'block'},animIn: {left: 0,top: 0},animOut: {left: 232,top: 232},delay: -3000});

$('#ke2').cycle({fx:'custom',sync: 0,cssBefore: {top:0,left: 360,display: 'block'},animIn:{left: 0},animOut: {top: 232},delay: -1000});

$('#ke2').cycle({fx:'custom',cssBefore: {left: 115,top: 115,width: 0,height: 0,opacity: 1,zIndex: 1},animOut: {opacity: 0},animIn: {left: 0,top: 0,width: 400,height: 200},cssAfter: {zIndex: 0},delay: -3000});

$('#ke2').cycle({fx: 'custom',cssBefore: {top:0,left: 0,width: 0,height: 0,zIndex: 1},animIn:{width: 400,height: 200},animOut:{top:200,left: 200,width: 0,height: 0},cssAfter:{zIndex: 0},delay: -1000});

$('#ke2').cycle({fx:'shuffle',shuffle: {top:-280,left: 280},easing:'backinout',delay: -2000});

$('#ke2').cycle({fx:'curtainX',sync: false,delay: -2000});

$(function(){$('#ke2').cycle({fx:'cover',delay:-2000,cssBefore:{opacity:1 },animOut:{ opacity: 0 }});});

$('#ke2').cycle('wipe');

$('#ke2').cycle({fx:'wipe',speed:1000,timeout: 6000,delay:-4000,clip:'l2r'});

$('#ke2').cycle({fx:'wipe',speed:1000,timeout: 6000,clip:'zoom'});

Sekedar tambahan, trik ini juga bisa di pasang di bagian home page dengan cara menambahkan ke widget HTML/Java script. Selamat berkreasi.
Photobucket
Read More
Diposting oleh Yudy 0 komentar
Label:

Cara Menampilkan Favicon Di Semua Browser


Mungkin di antara sobat blogger tidak asing lagi dengan favicon atau "favorite icon". Banyak juga blogger yang memasang favicon di blog agar lebih menandakan identitas blog mereka. Cara pasangnya pun cukup mudah, sobat tinggal menyiapkan gambar yang akan di pasang kemudian upload ke image hosting dan memasangnya di HTML blog sobat. Maka favicon sobat akan tampil di samping kiri address-bar browser saat membuka blog sobat. Tapi tahukah sobat kalau tidak semua browser menampilkan favicon blog sobat? Contohnya google chrome, browser milik google ini tidak akan menampilkan favicon saat membuka blog sobat.

Padahal waktu memakai firefox atau flock, icon tersebut muncul di browser. Sedangkan google chrome akan menampilkan icon default blogger. Kenapa bisa begitu ya??
Untuk menyiasatinya agar favicon sobat tampil di semua browser, silahkan ikuti langkah berikut.

Pertama yang jelas sobat harus menyiapkan icon yang akan di pasang. Ukurannya jangan terlalu besar kalau bisa 35x35 agar loadingnya tidak lambat. Bagi sobat yang sudah memasang favicon di blog yang di letakkan di atas kode </head>, cukup copy saja sehingga tidak usah membuat lagi.

Kemudian sobat klik designe lalu pilih edit HTML. Masukkan kode di bawah ini di atas <b:skin><![CDATA[/*
<link href='Letakkan URL gambar disini' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Simpan, maka favicon sobat akan tampil di semua browser.

Semoga bermanfaat.
Alhamdulillah... Photobucket
Read More
Diposting oleh Yudy 0 komentar
Label:

Cara Membuat Random Post Di Blogger


Fungsi widget random post ini hampir sama dengan recent post, tapi widget ini menampilkan postingan secara acak dan tidak harus postingan terbaru di blog sobat. Langsung aja sobat copy kode berikut ini dan pasang di Gadget, letaknya terserah sobat.
<script type="text/javascript">

var randarray = new Array();var l=0;var flag;

var numofpost=8;function randomposts(json){

var total = parseInt(json.feed.openSearch$totalResults.$t,10);

for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}

if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');

for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];

for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";

document.write(item);}}

}document.write('</ul>');}

</script>

<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Kode yang warna hijau adalah jumlah post yang di tampilkan, sobat bisa menggantinya sesuai kebutuhan.

Semoga bermanfaat.
Alhamdulillah.. Photobucket
Read More
Diposting oleh Yudy 0 komentar
Label:

Cara membuat Artikel Terkait Dengan Gambar/Thumbnails

Setelah pada postingan sebelumnya saya membahas bagaimana caraMembuat Artikel Terkait Dengan Fungsi Scroll, pada postingan saya akan membahas cara membuat artikel terkait dengan gambar.

Baiklah tanpa panjang lebar langsung saja kita mulai tutorial ini.
1. Masuk ke akun blogger sobat
2. Klik design kemudian edit HTML
3. Centang kotak kecil di kanan atas Expand Widget Templates
4. Untuk menghindari kesalahan sebaiknya download full template dulu
5. Setelah itu letakkan kode berikut di atas </head>
<!--Related Posts with thumbnails Scripts and Styles Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style type="text/css">

#related-posts {

float:center;

text-transform:none;

height:100%;

min-height:100%;

padding-top:5px;

padding-left:5px;

}



#related-posts h2{

font-size: 1.6em;

font-weight: bold;

color: black;

font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;

margin-bottom: 0.75em;

margin-top: 0em;

padding-top: 0em;

}

#related-posts a{

color:black;

}

#related-posts a:hover{

color:black;

}



#related-posts a:hover {

background-color:#d4eaf2;

}

</style>

<script src='http://belajarblogging.googlecode.com/files/releatedimage.js' type='text/javascript'/>

</b:if>

<!--Related Posts with thumbnails Scripts and Styles End-->

Kalau sudah, cari kode berikut

<div class='post-footer-line post-footer-line-1'>

Dan letakkan kode di bawah ini di BAWAH kode di atas

<!-- Related Posts with Thumbnails Code Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://bloggerbiasa.blogspot.com/2011/01/cara-membuat-artikel-terkait-dengan.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=5;

var relatedpoststitle="Artikel Terkait";

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

</div><div style='clear:both'/>

</b:if>

<!-- Related Posts with Thumbnails Code End-->

Simpan dan lihat hasilnya.

Semoga bermanfaat.
Alhamdulillah...
Photobucket
Read More
Diposting oleh Yudy 0 komentar
Label:

Cara Mudah Pasang Emoticon Di Kotak Komentar


Memasang emoticon di kotak komentar memang sangat menarik. Selain untuk menghias blog kita, emoticon juga bisa mejadikan pengunjung blog kita tertarik untuk meninggalkan komentar mereka karena dapat meng-ekspresikan perasaan mereka tidak berupa tulisan saja.

Bagi sobat yang tertarik memasang emoticon, siapkan dulu kopi sama rokok karena cara ini bisa memakan waktu 2-3 jam ( hehe becanda kok.. )
Langsung saja sobat ikuti cara-cara berikut ini.

Sebelumnya pastikan kotak komentar sobat berada di bawah posting, caranya pergi ke pengaturan, komentar pilih tampilkan di bawah entri.
Selanjutnya untuk pemasangan emoticon, klik rancangan pilih edit HTMLExpand Template Widget kemudian cari kode </body> letaknya paling bawah di atas kode </html>. Pasang kode berikut di atas kode warna hijau
<script src='http://oom.blog.googlepages.com/smiley.js'
type='text/javascript'/>

Kemudian cari kode berikut
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

Paste kode di bawah ini di bawah kode <p class='comment-footer'>

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b>
Simpan pekerjaan sobat. Hasilnya bisa lihat di kotak komentar blog ini.
thanks buat o-om untuk script N' tutorialnya.

Semoga bermanfaat.
Alhamdulillah. Photobucket
Read More
Diposting oleh Yudy 0 komentar
Label:

Cara Pasang Head Line News


Pada postingan kali ini saya akan membahas trik "Cara Memasang Head Line News" di blog sobat. Mungkin banyak yang sudah mengetahui trik cara membuat head line news ini, tapi tidak ada salahnya kalau saya bahas lagi. Ya itung2 sama2 belajar kaya' saya, tapi saya berusaha share ilmu yang saya dapat hehehe...

Oke, buat sobat yang belum tahu cara pasang widget head line news di blog sobat, berikut caranya :

1. Login ke akun blog sobat pilih rancangan edit tata letak
2. Klik tambah Gadget dan pilih HTML/Java script
3. Kemudian copy script di bawah ini dan paste di Gadget sobat
<script type="text/javascript">
var hn_url_blog = "http://alamat blog.blogspot.com";
var hn_jumlah_post = 5;
var hn_warna_latar = "#000000";
var hn_warna_garis = "#7fff00";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script src="http://belajarblogging.googlecode.com/files/headlinenews.js ">
</script>

Jangan lupa simpan.
Sekarang head line news sobat telah terpasang.

Penjelasan tentang variabel di atas adalah :
hn_url_blog ( Ganti dengan alamat blog sobat )
hn_jumlah_post ( Jumlah post yang akan di tampilkan, sobat bisa ganti )
hn_warna_latar ( Warna latar belakang )
hn_warna_garis ( Warna garis tepi, sobat juga bisa ganti )
hn_posisi ( Posisi widget pilih top = atas atau bottom = bawah )
hn_tampilkan_judul ( Tampilan judul head line news of blog sobat true atau false jika tidak )
hn_backlink ( true kalau sobat ingin tampilkan backlink ke blog ini, false jika tidak )

Semoga bermanfaat......
Alhamdulillah..

 Photobucket
Read More
Diposting oleh Yudy 1 komentar
Label:
Langganan: Postingan (Atom)

Popular Posts

Post by Label 2



Blog Archive

Facebook Fanpage

Post by Label 1

Post by Label 3

Blogroll

IP MU

IP
 

Copyright © 2009 by EXYEZET


Powered by Blogger | Green Magazine by EXYEZET