10.27
Diposting oleh
Abu H@fidz
Silahkan Copy Paste kode dibawah ini ;
<img border="2" src="http://i376.photobucket.com/albums/oo201/doniedun/DONI.gif"/>
<br/>
<textarea rows="6" cols="20" name="code"> <a href="http://doniyuda.blogspot.com/" target="_blank">
<img border="2" src="http://i376.photobucket.com/albums/oo201/doniedun/DONI.gif"/></a>
</textarea></center>
Silahkan ganti nilai Rows dan Cols dengan nilai sesuka kamu, dan jangan lupa Ganti dengan Url Blog dan Url Gambar yang mau di tampilkan ;
Hasilnya akan seperti ini….
<a href="http://doniyuda.blogspot.com" target="_blank"><img src="http://i376.photobucket.com/albums/oo201/doniedun/download-btn.gif" border="0" alt="tentang internet,tentang komputer"></a>
Contoh Selamat mencoba semoga bermanfaat…
10.22
Diposting oleh
Abu H@fidz
Selama melanglangbuana diblog-blog teman atau kawan…tentu anda pernah menjumpai ada blog atau situs yang mempungsikan security diblognya dengan mengunci atau men-disable fungsi mouse klik-kanan. Sehingga pengunjung yang usil atau berniat untuk mengcopy data-data pribadi anda tidak bisa melakukan copy-paste.
Biasanya pemilik situs atau blog itu sangat hati-hati untuk menjaga privacy blognya agar orang lain tidak bisa mengambil data-data yang ada disana.
Oke..tanpa ba-bi-bu…..langsung saja kita ke TKP…goooooo…… Pertama-tama anda langsung login ke account blogger anda, dan pilih blog mana yang akan di-disable-kan fungsi mouse sebelah kanannya. EDIT HTML – conteng Expand Template Widget – dan copy kode yang ada dibawah ini dan taruh atau letakkan sesudah kode <head> dan sebelum kode </head> ;
<script language=JavaScript><!--//Matikan Klik Kananvar message="";/////////////////////////////////// function clickIE() {if (document.all) {(message);return false;}}function clickNS(e) {if(document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}}if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}document.oncontextmenu=new Function("return false")// --></script>
Setelah itu anda coba buka blog anda dan coba dengan cara men-klik-kanan mouse pada bidang atau gambar yang akan anda copy. Kalau ternyata tidak bisa menfungsikan mouse pada klik-kanan, berarti Men-disable klik-kanan pada Blog sudah berhasil. Mudah-mudahan saja, cara ini bisa menjadi security blog anda kalau-kalau ada tangan jahil yang ingin meng-copy-paste isi dari blog kesayangan anda. Ok..mudahan bermanfaat…dan sukses blogger Indonesia.
11.27
Diposting oleh
Abu H@fidz
My first was also a little confused how it makes it easier but this is my own way is by adding the following code
<div style=" border: 1px solid #B7CAF6; overflow: auto; width: 180px; height: 200px; background: url(
);">
</div>
Example
Your text here
You can also create link list
<div style=" border: 1px solid #B7CAF6; overflow: auto; width: 200px; height: 300px; background: url(
);">
<ul>
<li><a href="url your link here" target="blank">Name of link</a></li>
<li><a href="url your link here" target="blank">Name of link</a></li>
<li><a href="url your link here" target="blank">Name of link</a></li>
<li><a href="url your link here" target="blank">Name of link</a></li>
<li><a href="url your link here" target="blank">Name of link</a></li>
<li><a href="url your link here" target="blank">Name of link</a></li>
<li><a href="url your link here" target="blank">Name of link</a></li>
</ul>
</div>
Exampel
link can be added or subtracted as needed
if your schools of not only text links or just up to you in any way modivikasi
13.23
Diposting oleh
Abu H@fidz
Kali ini aku mau ngejelasin trik kali dengan gaya puisi, biar nggak bosen, tapi jangan diketawain ya, soalnya lom pernah buat puisi nih.
Tatkala link-link jumlahnya sudah berjuta-juta
Maka semakin sesaklah dada blog ini
Jikalau hal ini tidak diatasi dengan bijaksana
Maka blognya dikau akan penuh sesak dengan link-link itu
Udah bagus nggak puisinya? ancur ya? :r Ok lanjuuut.
Oleh karena itulah
hamba memberanikan diri untuk menawarkan obat sesak tersebut
Melalui secuil ilmu berikut
Daku berharap dapat membantu kisanak supaya blognya tidak sesak
Kira-kira pada mudeng nggak ya penjelasan tadi, ah biarin deh :z
:r udah ah, udah mual2 nih pake gaya puici, sekarang ganti gaya biasa aja.
Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:
1. Kotak Blogroll Model Textarea
Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)
<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">
#link1 <br />
#link2 <br />
#link3 <br />
#link...
</div>
keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode
2. Kotak Blogroll Model Marquee
Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)
<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >
#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />
</marquee>
Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode
.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.
OK SELAMAT MENCOBA......
13.13
Diposting oleh
Abu H@fidz
Membuat gambar dengan efek bayangan. Contoh hasil dari turorial ini bisa kamu lihat pada gambar di sebelah tulisan ini. Bagaimana cara Membuat gambar dengan efek bayangan?. Caranya sangat mudah. Gambar dengan efek bayangan ini tentu saja menambah nilai tersendiri pada gambar tersebut. Contohnya apabila kamu ingin mempromosikan sebuah produk atau ingin menjual sebuah ebook. Pengunjung yang melihat gambar dengan efek bayangan ini akan lebih tertarik untuk melakukan klik pada gambar tersebut.
Membuat gambar dengan efek bayangan :
1. Kunjungi
Web Floor Maker. Kemudian upload image kamu.
2. Atur tampilan gambar. Apabila sudah klik generate.
3. Klik kanan pada hasil gambar. Kemudian pilih save image as.
Selesai. Selamat mencoba
13.07
Diposting oleh
Abu H@fidz
Membuat Icon Gambar Di samping judul posting Membuat Icon Gambar Di samping judul posting. Pernahkah teman-teman tips blogger semua melihat sebuah blog yang menampilkan icon gambar disamping judul posting mereka?. Nah apabila pernah dan kamu ingin mencoba membuat tampilan blog seperti itu, tips blogger akan berbagi tips tentang cara Membuat Icon Gambar Di samping judul posting. Caraya sangat sederhana. Yang pertama tentu saja kamu harus login dulu ke account blogger kamu.
-Kemudian masuk ke halaman edit template dan Cari Kode Css Berikut :
.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-style:italic;
line-height:1.3em;
color:#333;
-Cari Icon Yang kamu suka misalnya icon buku dan pena yang kemudian ambil link gambarnya, seperti contoh link gambar ini...
http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:http://remas-alakbar.com/images/buku.png
(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:http://remas-alakbar.com/images/
buku.pngh).
-Ganti kode
padding:30px 0px 0px 45px;
Jadi
padding:48px 0px 0px 45px;
dan tambahkan
height:48px;
background:url (di bawah color:#333;)
Contoh pemasangannya seperti ini :
.post h3 {
margin:.5em 0;
padding:48px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:
http://remas-alakbar.com/images/buku.png) no-repeat left center;
5. Kemudian simpan dan lihat hasilnya.
Note : untuk mencari icon gambar yang kamu inginkan, kamu bisa mengunjungi Iconarchive.com.
contohnya bisa dilihat
disini
13.05
Diposting oleh
Abu H@fidz
Sebelumnya saya sudah pernah memberikan tutorial bagaimana cara menampilkan foto dari komentator. Sekarang ada cara baru yang cukup mudah untuk dilakukan. Yuk kita lihat caranya...
1. Pertama kamu harus memiliki account mybloglog dan sudah mengupload foto kamu disana, jika belum silahkan daftar dulu disini.
2. Jika sudah, masuk ke halaman edit html template kamu. Kemudian klik centang "expand widget". Lalu tekan "control+f" dan masukkan kode </head> kemudian enter.
Jika sudah menemukan kode di atas, copy paste kode di bawah ini tepat di atas kode </head> tadi.
<script type='text/javascript'>
//<![CDATA[
/*
Merlinox and Napolux MyBlogLog Avatar Creator
created by Merlinox (blog.merlinox.com)
helped by Napolux (www.napolux.com)
version 0.1 (20061214)
version 0.2 (20061215)
compatible with all blogger blog
*/
if(typeof(myLayer)!='function'){
function myLayer (x){
//individuo l'oggetto
if(document.layers){ // browser="NN4";
lay=document.layers[x];
}
if(document.all){ // browser="IE";
lay=eval("document.all." + x);
}
if(!document.all && document.getElementById){ // browser="NN6+ or IE5+ if you're willing to dump the !document.all stuff";
lay=document.getElementById(x);
}
return lay;
}
}
//lo prendo da blogger
function myBlogAvatar(codiceCommento,autore,stile){
//scrivo lo span
//var myBlogSpan = "myBlog-" + codiceCommento;
//document.write("<span id='" + myBlogSpan + "'><i>myBlogLog...</i></span>");
//metto tutto minuscolo perchè indexOf è case sensitive
if (autore != ""){
alt="MyBlogLog: " + autore;
myBlog = "<a target='_blank' href="http://www.mybloglog.com/buzz/co_redir.php?href=" + autore + "" rel='nofollow'><img src="http://pub.mybloglog.com/coiserv.php?href=" + autore + "" alt="" + alt + "" title="" + alt + "" border="1" class="myBlogAvatar"></a>";
//myLayer(myBlogSpan).innerHTML = myBlog + myLayer(myBlogSpan).innerHTML;
//myLayer(myBlogSpan).innerHTML = myBlog;
document.write(myBlog);
}
}
//]]>
</script>
3. Lalu kita masuk ke tahap selanjutnya, tekan "control+f" lagi dan masukkan kode
<b:loop values='data:post.comments' var='comment'>
jika sudah ketemu, copy paste kode di bawah ini tepat di bawah kode di atas.
<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>
Pemasangannya seperti ini :
<b:loop values='data:post.comments' var='comment'>
<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>
4. Langkah terakhir adalah simpan dan lihat hasilnya.
Selamat mencoba ;)
