Cara Membuat Link Yang Jika Di klick ke new tab

Saya akan memberitahu cara membuat link yang jika di klick akan secara otomatis ke tab baru

caranya hanya menabahkan target="_blank" aja . . .misalkan kita mau menuliskan link Hafidz Blog
maka seperti ini ==> <a href="http://hafidz7abar.blogspot.com/" target="_blank>Hafidz Blog</a>

jadi kita hanya merubah "http://hafidz7abar.blogspot.com" nya dengan url yang ingin di kunjungi dan Hafidz Blog nya Sesuaikan dengan nama Link yang di inginkan

Kalo males nulisnya nih saya kasih kalian tinggal berikan alamat Url dan Nama Link nya Aja
<a href="Alamat Url nya " target="_blank">Nama Link nya</a>

itu tadi cara manualnya ,,

kalo yang mau lebih mudah pada saat mau memasukan link di postingan tinggal aja klik Link yang ada di toolbar atas hehe


itu aja yang bisa saya bagi saat ini
jangan lupa tinggalkan pesan bila ingin bertanya tentang triks / tips yang ada di blog ini yang tidak kalian tau ,, Insaya Allah nanti saya jawab :)
salam . . . .

Cara Buat Like Facebook Beda dari yang lain

Saya Akan Kembali berbagi ilmu nih . . .
kali ini tentang cara membuat kotak like halaman facebook pas kita scrol ke bawah nongol tapi pas scrol ke atas lagi ngilang hehe

langsung aja ya ,langkahnya mudah begini caranya :

1. klik like pada group band saya di facebook Cloud Band Forever hehe


2. klik like / suka pada blog saya yang ada di atass hehe

3. klik menu lainnya , terus klik tata letak ( lihat gambar , klik untuk lebih jelas ) :

4. klik add gadget terus pilih HTML/JavaScript

5. Copy dan paste kan kode berikut ke dalam kotak HTML/JavaScriptnya . .
tapi jangan di kotak judul yah , kotak judulnya kosongin aja ( lihat Gambar ) hanya contoh kodenya beda dengan yang di gambar :

Kode nya :

<!--Slidbox --> 
     <script type="text/javascript" src="http://marewainfo.googlecode.com/files/slidboxordinary.js"></script> 
<div style="position:fixed; width:342px; overflow:hidden; bottom:20px; 
right:10px; display:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5DT2n3sWuboiOVgv2P4mlOjTqsW8sj205Wr5_lh7nCxG2Z_cdDsMYg2Ei2rqKVo_-jfeS2wBiOTHyAExUasUZmYbeRieoJRo2ipLhAZTYgF7o34T-NPmifCTgL0R-bjB-kRbjkVkYtv-A/s0/bo-bg-html.gif) 
repeat; -moz-border-radius:15px; -webkit-border-radius:15px; 
border-radius:15px; border:2px solid #111111;" id="fbslidebox"> 
 
    <div style="width:320px; padding:10px; margin:0 auto; overflow:hidden;"> 
 
        <a href="#" style="float:right; color:#999; padding:0 3px; 
border:1px solid #CCC; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>

<strong style="color:#66ad3d;">My Band</strong>  

Isi Sama Nama Alamat Halaman Group Kalian .. . . . 

<!--Slidbox end -->

Tulisan Berwarna merah kalian ganti dengan halaman group facebook kalian (Berupa Frame)
Kalo Semua nya sudah  langsung aja di simpan dah lihat hasilnya . . .

salam
terimakasi , selamat berbagi

Cara Buat Auto Read More Keren

Waktunya berbagi ilmu lagi ,
ilmu ini juga dulu saya gak tau , terus nyarinya juga lumayan susah
jadi dari pada ada newbie yang pengen tau caranya setidak nya Hafidz Blog bisa sedikit membantu

caranya cukup mudah :

1. Kalian logon dulu ke blognya (blogspot.com) kalo yang belum punya klik link ini http://hafidz7abar.blogspot.com/2012/03/cara-membuat-blog.html

2. Pergi ke menu template ( Klik Pada Gambar Biar Jelas )

3. klik edit HTML , terus beri tanda centang pada expand template widget

4 tekan Ctrl+f lalu ketikan kode ini : </head>

kalo sudah ketemu langsung copy kan kode ini :
<!-- Auto read more script Start -->
<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail
summary_noimg = 430; //summary length when no image
summary_img = 340; //summary length when with image
img_thumb_height = 200;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
 if(strx.indexOf("<")!=-1)
 {
  var s = strx.split("<");
  for(var i=0;i<s.length;i++){
   if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
   }
  }
  strx =  s.join("");
 }
 chop = (chop < strx.length-1) ? chop : strx.length-2;
 while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
 strx = strx.substring(0,chop-1);
 return strx+'...';
}
function createSummaryAndThumb(pID){
 var div = document.getElementById(pID);
 var imgtag = "";
 var img = div.getElementsByTagName("img");
 var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
 if(img.length>=1) {   imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
  summ = summary_img;
 }
 }
 var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
 div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script End -->

Letakan / paste di atas kode </head> tadi yah

5. Klik Ctrl+F pada keyboard lalu ketikan kode : <data:post.body>
kalo udah ketemu Hapus kode tersebut <data:post.body>  dengan kode berikut :

<!-- Auto read more Start -->
<!-- http:lenterablogger.blogspot.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Read more ...</a>
</b:if>
</b:if>
<!-- Auto read more End -->

kalo sudah lalu klik pratinjau , buat ngetes sukse atau enggak nya :)
kalo berhasil ucap syukur :D

jangan lupa di simpan ya , dengan mengklik simpan

demikian ilmu dari saya
selamat belajar dan salam bloger

 

Cara Membuat Scrollbar keren Berwarna

Ilmu baru lagi nih dari Hafidz Jabar / cara membuat Scrollbar yang keren , 
kayak yang bisa di lihat di scrollbar nya Hafidz Blog warna hitam terus jalur scroll nya warna ijo , cuma sayangnya di mozila fire fox ga mempan / scroll nya jadi biasa beda sama di chrome bisa terlihat perbedaan scrrollnya . . . .

nah buat kalian yang pakai chrome atau yang lainnya , pkoknya di coba dulu kalo gak bisa berarti ga cocok sama aplikasi internet kalian . . .

langkah nya cukup mudah :

1. Login ke blog (blogspot.com)

2. pilih menu template terus pilih lagi edit HTML terus klick lanjutkan

3. Klick tombol Ctrl+f pada keyboard , lalu ketikan kode dibawah  ini :

]]></b:skin>

4. kalo udah ketemu kode nya  copy paste kan kode yang ada di bawah ini diatas kode ]]></b:skin>  tadi :

::-webkit-scrollbar { height:15px; width: 15px; background: #e6e6fa; } ::-webkit-scrollbar-thumb { background-color: #1F61DB; -moz-border-radius: 12px; border-radius: 12px; }

5. untuk yang mau merubah warnanya terus ga tau kode warnanya kaya contoh diatas yang berwarna merah #e6e6fa / #1F61DB tenang aja Hafidz Jabar juga punya formulanya dan gampang banget kalian cuma perlu menyebutkan warnanya dalam bahasa inggris contoh : red (merah) , blue (biru) , black (hitam) , green ( hijau ) , purple ( ungu ) ..... dll, tapi yang perlu di perhatikan , kalian tidak perlu menggunakan tanda pagar ( # ) ==> ( #red ) tapi langsung aja red setelah titik dua ( : ) contoh : background-color: red 


nah setelah selesai semua langkah-langkah nya , tinggal di uji coba dengan cara klick pratinjau . . .

kalo udah berhasil langsung di save deh dengan mengklik simpan . . . .


nih contoh jadinya :

oiyah langkah terakhir jangan sampai lupa buat join n klik like pada Hafidz Blog hehehe ( bercanda kok )
selamat mencoba dan selamat berbagi . . .

kalo mau posting di blog nya boleh copy kode HTML nya , tapi kata-katanya buat sendiri wkwkwk
salam semangat dan salam bloger . . . .

Cara Membuat Link Exchange / Kotak Tukeran Link

 Alhamdulillah , soalnya kemarin saya coba nyari-nyari gimana caranya ngebuat kotak Link Exchange / Tukeran  Link . Tadinya saya pikir susah ga tau nya ternyata mudah kok . Hafidz Blog Akan kasih formulanya :

Berikut Langkah-Langkahnya :

1. Klick Dulu tombol like di atas hehe ( Bercanda )

sekarang serius yah ..

1. klick tombol join this site ( kalo mau Join n jadi teman di blog ini ) hihihi

beneran sekarang mah ,

pertama , kalian login dulu ke blog yang kalian punya ( Blogspot )  . . . .

kedua , klick tata letak / edit elemen . . . .

ketiga , pilih add gadget ....

keempat pilih HTML/JavaSript ( Liat gambar dan klik gambar biar terlihat jelas ) :

kelima , copy kode dibawah : ( pake Ctrl+f )

<p>Mau Tukar Link? Copy/paste code HTML berikut ke blog anda</p>
<p><a href="http://hafidz7abar.blogspot.com/" target="_blank"><img alt="Triks blog & Computer" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnCYQ3nVh5iHtEOSzCc1oay92CJOynhElKe1hJ_1ttYvURocd1PiotmSAPcp3_g6GAl3TQVtfD00V-pYLVXmH1uWbRaITOY9fIr7J5ouq1rqtclbgEIZWWWQXIxmteltXNf3z2jH93_ran/s1600/ff.jpg" border="0" /></a></p>
 <p><textarea rows="3" cols="31"><a href="http://hafidz7abar.blogspot.com" target="_blank"><img border="0" alt="Trik Blog , Ilmu Copmuter gratis ,Belajar VB , Delphi , dan Kampus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnCYQ3nVh5iHtEOSzCc1oay92CJOynhElKe1hJ_1ttYvURocd1PiotmSAPcp3_g6GAl3TQVtfD00V-pYLVXmH1uWbRaITOY9fIr7J5ouq1rqtclbgEIZWWWQXIxmteltXNf3z2jH93_ran/s1600/ff.jpg"/></a></textarea></p>

==> Jangan Lupa ganti Tulisan Berwarna Hijau pada kode di atas dengan ==> link  Blog Kalian (contoh :http://hafidz7abar.blogspot.com ) , ==> Url Gambar Kalian ( contoh : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnCYQ3nVh5iHtEOSzCc1oay92CJOynhElKe1hJ_1ttYvURocd1PiotmSAPcp3_g6GAl3TQVtfD00V-pYLVXmH1uWbRaITOY9fIr7J5ouq1rqtclbgEIZWWWQXIxmteltXNf3z2jH93_ran/s1600/ff.jpg ) sama deskripsi ==> blog kalian yah ( Contoh :  Trik Blog , Ilmu Copmuter gratis ,Belajar VB , Delphi , dan Kampus )<==

kalo sudah di ganti terus langkah selanjutnya 

paste kan ( pake Ctrl+V ) kedalam box yang ada di HTML/JavaScript Tersebut , contoh ( lihat gambar )

Kalo udah klik simpan , dan lihat hasilnya di blog kalian . kalo berhasil contohnya akan seperti ini ( gambar di Hafidz Blog ) :

Mau Tukar Link? Copy/paste code HTML berikut ke blog anda



<a href="http://hafidz7abar.blogspot.com" target="_blank"><img border="0" alt="Trik Blog , Ilmu Copmuter gratis ,Belajar VB , Delphi , dan Kampus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnCYQ3nVh5iHtEOSzCc1oay92CJOynhElKe1hJ_1ttYvURocd1PiotmSAPcp3_g6GAl3TQVtfD00V-pYLVXmH1uWbRaITOY9fIr7J5ouq1rqtclbgEIZWWWQXIxmteltXNf3z2jH93_ran/s1600/ff.jpg"/></a>

Cara Membuat Link Sahabat

Ehm dari pada sepi ga ada updatetan ,
Saya akan meng-update bagaimana caranya membuat Link Sahabat :
1. Baca Basmallah ,
2. Klick Tata Letak , Caranya kaya gini : ( Klick Gambar Di bawah )

3. Klick Add Gadget

4. Pilih HTML/JavaScript

5. Copy-in (Ctrl+C) kode di bawah ini terus masukin di HTML/Java Script tsb :

<div style="overflow: auto; width: 200px; height: 100px; text-align: center; background:#ffff;">
<a href="http://Alamat Web / Blog Teman Kalian" target="_blank">Masukan Nama Judulnya</a><br/>
<a href="http://Alamat Web / Blog Teman Kalian" target="_blank">Masukan Nama Judulnya</a><br/>

<a href="http://Alamat Web / Blog Teman Kalian" target="_blank">Masukan Nama Judulnya</a><br/>

kalo Mau Nambahin lagi yah tinggal di copy aja sesuai kebutuhan

yang Warna Merah kalian Ubah Yah sama alamat link temen kalian sama Masukin nama Judul link nya

terus klik simpan

selamat mencoba

Mebuat Slide Gambar Tapi Kaya Ada Efek Mantulnya

Beuh dari judulnya aja udah aneh , apalagi kalo udah di coba . . . pasti pada suka karena unik
yang dibutuhin langkah-lagkah nya kaya gini :

1. Login dulu ke blogernya masing-masin ( punya sendiri yah jangan minjem )
2. Klik Edit laman /  Lainya ( disamping entry ) / template (terserah tuh mau yang mana)
3. edit HTML
4. Cari kode </head> terus copast kode yang di bawah ini ( pake Ctrl+C ) terus paste di atas code </head>
     tadi
nih kodenya :

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

terus di save , abis itu kita ke tata letak .....
-kalo udah terus klik add gadget / tambah gadget
terus copy kode di bawah n paste di kolom kosong di HTML/javasriptnya ( bukan di judul , kalo judul terserah mau namain apa aja bebas)

<script src=" http://kodecode.googlecode.com/files/animation1.js " type="text/javascript"></script><script src="http://kodecode.googlecode.com/files/animation2.js" type="text/javascript"></script><script src="http://kodecode.googlecode.com/files/animation3.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">$('#ke2').cycle({fx:'scrollDown',speedIn: 2000,speedOut: 500,easeIn:'bounceout',easeOut:

'backin',delay:-2000});</script> 

 kalo mau nambah gambar , kalian buat lagi script yang googlecode/animation1.js jadi animation2.js . animation3.js .......,,dst,,
sama Url Gambar di sini nya juga di ganti sama URL gambar kalian ( Cara Ngedapetin Url gambar klick kanan pada mouse tepat di gambar yang kalian inginkan terus pilih salin url gambar / copy image location )

imgheight adalah ukuran gambar, bisa di atur
sesuai selera
URL GAMBAR DI SINI adalah alamat gambar

Cara Mengganti Template

Tentunya kita akan bosan bila hanya menggunakan template bawaan dari blogspot karena itu kita dapat menggantinya dengan lebih banyak template yang lebih bagus dan menarik tentunya , caranya kita hanya perlu mendownload nya di sini , di sini , atau di sini 

setelah kita telah selesai mendowloadnya , maka tahap selanjutnya kita hanya perlu meng-uploadnya dengan cara
1. Login dulu ke akun blog kita ==> Dashbor ==> Elemen halaman / pilihan lainya ==> template
2. Terlebih dulu kita harus unduh HTML blog lama kita biar kalo kita kurang suka / ingin kembali lagi ke tampilan blog kita  yang lama kita memiliki cadangannya , caranya :
==> setelah kita ke halaman template lalu kita cari Tulisan seperti ini :

Kemudian kllik cadangkan / pulihkan maka akan tampil tampilan seperti berikut :

Klcik Unduh template lengkap , Pengunduhan pun selesai

3. Langkah selajutnya saatnya kita meng-upload template yang sudah kita download tadi

caranya sama seperti mengunduh tetapi bukan klik unduh template lengkap melainkan Pilih berkas  

karena waktu kita mendownload file nya berupa arsip win-Rar maka kita peru meng-ekstrak nya dengan cara klick kanan pada mouse di arsip winrar downlod-an template  tadi , contohnya seperti ini :

kemudian akan muncul folder seperti ini :

Lalu kita klik dan akan ada tampilan seperti ini :

dan kita klik nama template-nya seperti gambar di atas yang di drag biru bergambar Bumi tersebut dan klik open ==> tunggu hingga upload mencapai 100 % setelah itu tutup

Upload template pun berhasil dan template kita sudah berubah

Selamat Berbagi ...........................
Salam

Cara Membuat Blog

Untuk membuat sebuah blok terlebih dahulu kita harus sudah memiliki e-mail
langkah selajutnya , kita bisa kunjungi Klick di sini / www.blogspot.com untuk mendaftar di blogspot
dan akan ada login dan pendataran , maka kita pilih Daftar , seperti gambar di bawah ini :

Setelah di klick daftar maka ke tahap selanjutnya , mengisi formulir pendaftarannya :

Setelah semua telah lengkap terisi , klick lanjutkan untuk melanjutkan ke tahap selanjutnya

lalu akan ada perintah memberi nama blog dan memilih template blog setelah itu kita hanya tinggal memverivikasi melalui e-mail , blog pun sudah berhasil kita buat

Cara Bikin Chatingan di Blog

Artikel ini saya peroleh dari Rizky-xp
Powered by envolve

Chating adalah pembicaraan seseorang dengan orang lain di dunia maya. Chating dapat menjalin hubungan komunikasi dengan seseorang yang berbeda tempat. banyak aplikasi untuk melakukan chating seperti yahoo mesengger ataupun juga lewat situs facebook. nah kali ini saya akan menjelaskan bagaimana membuat widget chating di blog. tampilannya mirip dengan chating yang ada di facebook. Chat tersebut berguna untuk komunikasi sesama blogger.maklum selama ini saya menggunakan buku tamu untuk berkomunikasi, Langsung saja ke topik. kali ini saya menggunakan widget dari situs envolve.com.Caranya mudah kok, langsung aja ikutin langkah-langkah berikut

1. Langsung saja menuju ke www.envolve.com

2. Pilih see pricing

3. Kemudian pilih yang Try Free

4. Sign up dulu.

Isikan Syarat-syarat yang ada. kemudian pilih Get Envolved!

4. Copy kode yang berada di kotak "Not using a plugin"

Kemudian pilih go to my account untuk meng edit profil anda.

Setelah selesai

5. Login ke Blogger>>Rancangan>>Edit HTML>>Kemudian cari kode
</head>

6. Copykan kode chat dari envolve tadi diatas kode </head>

7.kemudian simpan

Cara Membuat Background Tetap dan Transparan

Akhirnya setelah saya ( Hafidz Jabar ) sukses memperoleh cara mengganti background  keblog , soalnya kan kalo bukan template bawaan atau boleh download kita ga di ijinin mengganti backgroundnya iya kan ? , jadi kita mesti ngakalin sendiri
nah kebetulan saya udah nemuin nih caranya . dan saya akan berbagi kepada kalian ...

Pertama ajak dulu keluargamu bersama-sama mengatakan , Hafidz ganteng deh hehehehe
( jangan di hiraukan , hafidz mah emang suka rada - rada orangnya )
serius nih , kalian siapkan dulu Url background yang mau kalian jadikan backgroundnya ukurannya 1024 x 768 pixel yak , jangan lupa
kalian cari aja di mana aja , kalo udah ketemu kalian salin / copy alamat url nya dengan cara klick kanan pada mouse di depan gambar tersebut terus copy url deh

langkah selanjutnya , kalian login ke blog ==> template ==> edit HTML
dan jangan lupa ==> centang kotak kecil bertuliskan expand template widget yang letaknya di pjok kiri atas ( tujuannya agar semua kode bisa di munculkan )
kalo udah kalian ketik ==> Ctrl + f , lalu ketikan kata : background:$bgcolor;  ( kalo misalnya ga ditemukan kata seperti itu ,ketik aja background , pilih urutan pertama kali ditemukan kata background nya

kalo udah , kalian ganti link yang berwarna biru di bawah ini (http://i632.photobucket.com/albums/uu50/ocesatria55/closeUPKU3333333333333333.jpg) dengan alamat url yang tadi udah di copy itu paste kan alamat Url nya di dalam body { :

kaya gini nih contohnya :

body { background:url(http://i632.photobucket.com/albums/uu50/ocesatria55/closeUPKU3333333333333333.jpg); background-repeat:no-repeat; background-attachment:fixed;background-position:top center; 

kalo udah . coba di test dulu dengan mengklick pratinjau buat liat apakah sukses atau enggak nya eksperiment ini hehe
kalo udah berhasil save deh , dan juga bersyukur pada Allah subhanahu wata'ala :)
selamat berbagi

 

Membuat Tulisan Judul Blog Berjalan

baiklah mungkin ini merupakan waktunya untuk kalian mengetahui bagaimana caranya membuat tulisan berjalan yang ada di atas , seperti contohnya di blog ini Selamat datang di blog hafidz jabar * berbagi itu indah * ilmu yang saya temukan dengan susah payah dan harus berjuang dengan berat untuk mengetahui formulanya . dan saya akan berbagi dengan cuma - cuma kepada kalian :'( hiks hiks

okeh langsung saja tanpa perlu basa-basi-basu-baso lansung di terapkan . . . .

pertama , masuk dulu ke blog kalian / login


kedua klick pilhan lain seperti ini







kemudian klik template => lalu edit HTML
setelah masuk pada pengaturan HTML kalian cari kode </head> ( kalo mau gampang nyarinya pake Ctrl + f terusketikin kode yang mau di cari )

kalo udah ketemu kalian copy kode di bawah ini dan paste kan di atas kode </head> tsb :

<script type='text/javascript'>
//<![CDATA[
msg = " Ganti tulisan ini 1 ";
msg = " Ganti tulisan ini 2 " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0,
pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",100);
}
scrollMSG();
//]]>
</script>

kalian jangan lupa mengganti Kata yang berwarna biru itu (ganti tulisan ini 1 &2) dengan kalimat kalian sendiri (bebas)


kalo udah klick pratinjau dulu kalo mau liat berhasil atau tidak nya
kalo berhasil langsung aja di simpan templatenya / di save

alhamdulillah yah akhirnya nambah lagi ilmunya jangan luppa kalo berhasil saya minta like-an nya hehe ( becanda )
selamat berbagi

Cara Memberikan Like Facebook Melayang

 berikut langlah - langkahnya:

1. Login ke dashboard blog sobat

2. Rancangan è Edit HTML

3. cari kode  </head>

4. Copy kode dibawah lalu letakkan diatas  </head>

<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

5. Save template sobat

6. Selanjutnya ke menu Rancangan

7. Klik add gadget

8. Pilih HTML/JavaScript

9. Copy dan paste code dibawah kedalam kotak HTML/JavaScript tadi

<style type="text/css">
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWA4uhHSZGGGPmZJpqrGn1n9w8BHUvdRJ8Yg5mKuNxH0XKZJ1QUBnJCLYEWZxYu72YBC0bysdbcBUvZlon-G9NmO4qHwwVUqqIcaMdx_w05VApGibkQJ42YP7NgPt7fWoFYTrNcynmAhkb/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDYkCL6Ud9mZOydEpFoUfZSKiN2O7R8GHs_oxxzaFv-E1TaLTxisACxGCxKoIcdSIxnYSriTrdSd2T-C4mXzoKWgdK2pBzBf4Q0jqHOhG4T7kxGyIg3PG1BW_iJ2A3KIDwQbUQzI8hz_m4/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
<!-- Begin Facebook -->
script fanspage facebook disini
<!-- End Facebook -->
</div>
</div>

Keterangan :

Ganti script fanspage facebook disini  dengan script fanspage facebook sobat

Pada script fanspage gunakan lebar dan tingginya sama dengan ini width:288px;height:345px

10. Save dan lihat hasilnya

Selamat mencoba triks membuat kotak facebook like melayang otomatis.

Jangan Lupa Follow Blog Ini and follow Twitter Hihi have fun :)

Terimakasih yang sangat buat sang Master atas ilmu yang bisa saya share lagi

Cara Membuat Favicon Gambar Sendiri

1.Membuat gambar untuk dijadikan favicon (ukurannya 35 x 35)
2.Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon.
Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi
situs http://www.favicongenerator.com 
3.Klik pada tombol Browse...
4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon
5. Klik pada tombol Generate Favicon.
6.Setelah proses selesai, klik pada Click Here to Download your favicon.
7. Save ke komputer anda.
8.Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat
hosting gambar, contoh adalah ke Yahoo! Geocities
9.Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon
anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini :

http://www.geocities.com/amn_tea/favicon.ico

10.Anda harus mengubah alamat URL favicon anda menjadi seperti ini :

<link rel="shortcut icon" href="http://www.geocities.com/amn_tea/favicon.ico"/>

11. Langkah selanjutnya adalah silahkan login ke blogger
12. Klik pada Tata Letak.
13. Klik Edit HTML.
14. Silahkan cari kode </head> (Untuk mempermudah
mencarinya tekan CTRL+F atau F3)
15. Simpan kode favicon yang tadi persis di atas kode </head>
. Contoh :


</head>

<link rel="shortcut icon" href="http://www.geocities.com/amn_tea/favicon.ico"/>

16. Klik tombol Simpan Template.
17. Selesai. Sekarang anda sudah mempunyai favicon di alamat URL blog anda.
18. Jangan lupa join n follow twitter saya hehe

Cara mebuat Efek salju di blog

Pertama login ke dasbor kalian J

2. Rancangan / Template  è Edit HTML è cari kode </body>

kalo mau gampangnya pencet Ctrl + f yah terus ketikin </body> nanti bakal di unjukin

 Copy kode dibawah dan letakkan diatas </body>

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

 3. Preview terlebih dahulu untuk memastikan bekerja atau tidak scriptnya pada template kalian yah J

     Lalu SAVE template..

4. Jangan Lupa Follow Blog Ini and follow Twitter Hihi have fun :)
5. Terima Kasih atas masterendi atas pengjarannya 

Cara Bikin Energy Saving (Screen Saver blog)

1. Login blogger

2. Masuk ke menu Rancangan / Template , Edit Html ,

3. Centang Menu Expand Template Widget

4. Simpan kode berikut Diatas kode </head> ( sperti biasa pake ctrl + f terus ketik kode ) untuk mempermudah menemukan kode tersebut  :

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js'
type='text/javascript'/>

ð  Jangan lupa di copast kodenya taruh di atas kode </head>

5.Jika sudah SIMPAN TEMPLATE

6. Join deh ke blog hafidz7abar.blogspot.com hehehe

Untuk melihat hasilnya biarkan sebentar dan jangan menggerakkan mouse maka
layar monitor komputer kalian akan tampak seperti screen saver maka itu tanda
sudah berjalan. gerakkan mouse untuk menghentikkan saving screen nya......

Selamat mencoba J