Haikal's Blog.

Home » Posts filed under Trik Blog

Cara Memasang Emoticon Yahoo Pada Kotak Komentar Blog

Diposting oleh Len Kagamine - 0 komentar

artikel ini sy ambil dari T4 Belajar Blogger.
makasih artikelnya ya kk,,

Kalau tertarik untuk memasangnya teman-teman bisa mengikutilangkah2 pemasangannya sebagai berikut

1. Login ke akun blogger dulu

2. Klik Tata Letak lalu klik Edit HTML

3. Jangan lupa untuk mencentang "Expand Widget Template"

4. Selanjutnya letakkan kode berikut di atas kode tag </body>

5. Lalu carilah kode <b:if cond='data:post.embedCommentForm'>

6. Kalau dah ketemu, letakkan kode-kode berikut di atasnya

7. Klik simpan template

Cara Menghilangkan Widget Attribution Di Blog

Diposting oleh Len Kagamine - 1 komentar

Kali ini Haikal mau ngepost sebuah tutorial yang sangatlah mudah, Haikal akan membahas tentang bagaimana "Menghilangkan Widget Attribution Blogger", cara nya sangatlah gampang, mau tau ?? ,
nih..

Masuk ke Rancangan

Edit HTML

Masukkan kode css berikut tepat di kode ]]></b:skin>

#Attribution1 {height:0px;
visibility:hidden;
display:none
}

Terakhir langsung save saja.

mudah kan : D

Selamat mencobaa !!

Cara Membuat Banner Blog Sendiri

Diposting oleh Len Kagamine - 0 komentar

kali ini,, Haikal mau bagi2 tipss nee
cara membuat banner blog sendiri. tapi, kali ini ga ribet lho caranyaa
ga perlu download !!
hebat kann,,,,

*udah ahh,,, ga usah banyak basa-basii

Berikut langkah-2 cara membuat banner blog sendiri :

1. masuk ke cooltext.com

2. pilih logo / banner

3. tentukan text, huruf, ukuran dan warna

4. render logo

5. get HTML code

6. I agree

7. Copy code taro ke notepad

misal :

<ahref="http://cooltext.com"><imgsrc="http://images.cooltext.com/1252890.png" width="227" height="132" alt="Chalk" /></a>
<br/>Image by <a href="http://cooltext.com">Cool Text: Logo and Button Generator</a>-<a href="http://cooltext.com/Logo-Design?LogoID=6">Create Your Own</a>

8. untuk text berwana biru kamu ganti dengan alamat blog kamu, untuk text berwana merah bisa kamu hapus.

9. kemudian masuk ke dasbor - tata letak - tambah gadget - java HTML code - paste code tersebut.

10. copy 2 kali dan tambahkan code html seperti yang berwarna merah di bawah ini :

<a href="http://blog-haikalqilbari.blogspot.com"><img width="300" alt="SHARE WITH ME.." src="http://images.cooltext.com/2208335.gif" height="100"/></a>
<textarea cols="20" name="textarea">
<a href="http://blog-haikalqilbari.blogspot.com"><img width="200" alt="SHARE WITH ME.." src="http://images.cooltext.com/2208335.gif" height="114"/></a>
</textarea>

11. Simpan

Ternyata gampang kan buat banner sendiri tanpa harus mendesain yang ribet-2,, heehee..
Itulah tips blog dari gue mengenai cara membuat banner blog sendiri,mudah-2'an bisa bermanfaat buat kamu. Selamat mencoba... di tunggu kritik dan masukan nya ya....
Terima kasih.

Cara Membuat Energy Saving Kreasi Sendiri

Diposting oleh Len Kagamine - 0 komentar

halo sobat blogger pemula, gimana kabarnya semuanya.........................??
oke kali ini saya akan membahas tentang cara membuat energy saving kreasi sendiri.

Oke pertama anda harus membuat gambar sendiri....yang nantinya
akan menjadi gambar latar nya.....contoh punya saya ini..............!!

anda harus buat sekreatif mungkin biar tampilannya lebih bagus dari punya saya...oke
setelah jadi anda simpan gambar nya dan UPLOAD di blog anda......dari pada pusing2
nyari hostingan lagi......mending langsung aja anda UPLOAD sendiri......

setelah proses UPLOAD selesai anda salin URL gambar nya dan simpan di notepad
atau dimana pun yang penting anda simpan.........

Oke setelah Anda Selesai menyalin URL gambarnya,...

Anda Copy kode berikut ini di NOTEPAD dan jadikan format .js ( dot js )

Keterangan

pada kode yang berwarna merah anda ganti dengan URL gambar anda.
dan kode yang bercetak tebal berwarna hitam anda ganti dengan kata2 anda sendiri.

Setelah selesai anda UPLOAD kode tersebut di hostingan anda.
disini saya menggunakan RIPWAY.COM soalnya g terlalu repot.

bagi yang belum tau cara nya mudah anda pergi ke ripway.com
Lalu pilih Sign Up isi data sesuai data anda dan klik sign up now

setelah berhasil anda pilih Log in
dan isi data sesuai data yang anda masukan tadi

jika sudah Log in Anda pilih My files untuk dapat mengupload file javascript tadi ( js )
Setelah itu anda pilih UPLOAD FILE dan cari file ( js ) yang anda sudah simpan tadi.
setelah anda upload anda pergi lagi ke My files dan lihat URL nya.
Anda salin URL tersebut.

SEkarang anda cari kode </head>

dan letakan kode di bawah ini di atas kode </head>

<script language='javascript' src='http://h1.ripway.com/sin1aja/power saving2.js' type='text/javascript'/>
...

silahkan anda ganti kode bercetak tebal dengan URL file javascript ( js ) Anda.....
jangan lupa simpan template anda.
oke sekian dari blogger pemula semoga bermanfaat

Widget Ramalan Buat Blog Anda

Diposting oleh Len Kagamine - 0 komentar

buat anda yang ingin menambahkan widget ramalan ini
anda bisa ikuti langkah2 berikut ini:

Loggin ke blogger

Klik Rancangan

Klik tambah gadget lalu pilih HTML/JavaScripts

lalu copy paste kode di bawah ini

Lalu Simpan dan lihat hasilnya....!

Cara Membagi Header Blog Menjadi Dua Bagian

Diposting oleh Len Kagamine - 1 komentar

oke langsung aja, caranya

Log In ke blog
klik rancangan / layout
Kemudian klik Edit HTML
Cari Kode CSS "Header" yang seperti di bawah ini atau kalau g ada yang mirip aja,

/* Header
----------------------------------------------- */
#header-wrapper {
width:930px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

setelah ketemu anda hapus kode di atas dan ganti dengan kode di bawah ini

/* Header

----------------------------------------------- */

#header-wrapper {

width:930px;

margin:0 auto 0px;

background:#ffff;

height:180px;

}

#header-one {

width:50%;

background-position: left;

margin-left: auto;

margin-right: auto;

float:left;

}

#header {

margin: 0px;

text-align: left;

color:$pagetitlecolor;

}

#header_two{

width:50%;

float:left;

padding-top:10px;

}

keterangan

width:50%; adalah lebar nya

setelah selesai anda cari kode seperti ini

Lalu anda tambahkan kode berikut ini diantara kode di atas

Yang nanti nya jadi seperti di bawah ini

Setelah selesai anda simpan template dan jika berhasil, anda klik elemen laman dan lihat

apakah ada elemen di bawah header anda jika ada anda bisa mengisi nya dengan widget atau iklan atau lain²semoga bermanfaat

Membuat Tahun Copyright Berganti Seiring Tahun Berganti

Diposting oleh Len Kagamine - 0 komentar

hai sobat blogger semua, lama tidak pernah nge-post nih
sekarang saya akan membahas tentang cara

Membuat tahun Copright berganti seiring tahun berganti

jadi gini, tahun copright yg akan kita buat ini, akan secara
otomatis berganti tahun seiring tahun berganti..................??

jadi, kita tidak usah secara manual lagi mengganti tahun
copright,

gimana mau ................??

silahkan ikuti langkah2 nya

1. Log in ke blog anda
2. klik rancangan / layout
3. klik tambah gadget atau add gadget
4. klik html / javascript
5. simpan kode di bawah ini di dalam nya

<script language="JavaScript">

</script> <a href="http://haikalqilbari.blogspot.com">brugkembar</a></center>

5. ganti kode berwarna merah dengan nama blog anda
6. simpan dan lihat hasilnya

mudah kan g pake utak atik template lagi......
sekian dari sy semoga bermanfaat

Cara Memasang Google Translate Di Blog

Diposting oleh Len Kagamine - 0 komentar

Gadget ini berfungsi untuk menterjemahkan bahasa blog anda ke bahasa yang diinginkan oleh pembaca blog anda.Misalnya seorang pengunjung dari negara cina membuka blog anda dan ingin membacanya, tentu saja dia tidak bisa mengerti dengan bahasa Indonesia.Dengan gadget Google Translate ini, si pembaca akan dengan mudah mengerti isi blog anda hanya dengan memilih bahaya yang diinginkan.Keuntungannya bagi blog anda adalah meningkatkan traffic kunjungan pada blog anda karena bisa dibaca dari seluruh dunia.Cara memasangnya adalah sebagai berikut:

1.Kunjungi Google Translate disini.
2.Lihat gambar dibawah.

3.Pada Select the language of your webpage,ubah ke Indonesia (kalau blog kamu berbahasa
Indonesia).
4.Copy dan paste kode HTML yang berada didalam kotak, yang kode seperti dibawah ini.

5.Login pada blogger.
6.Klik Layout pada Dashboard.
7.Klik Add a Gadget, dan pilih HTML/Javascript
8.Masukkan kode HTML yang telah dicopy (seperti pada langkah 4) dan beri judul titlenya,
misalnya Google Translate.
9.Setelah itu, SaveSelesai sudah pemasangan Google Translate pada blog anda.

Cara Menambahkan Pilihan REPLY/BALAS Pada Komentar Blog

Diposting oleh Len Kagamine - 0 komentar

Pada pembahasan kali ini kita akan mengadopsi komentar yang ada pada blog wordpress, yaitu fitur "reply" atau "balas". Fitur reply digunakan untuk membalas komentar teman secara otomatis dengan mencantum nama yang ingin kita berikan komentar. Namun pada standar blogger fitur ini tidak disediakan, akan tetapi blogger memberikan kebebasan untuk merubah blog kita. Untuk menggunakan fitur ini mari kita ikuti langkah-langkah dibawah ini :

Pertama sekali kita harus mencari ID blog kita, ID ini berupa angka di address bar seperti 202602868359182745

Beri centang "Expand Template Widget"

Geser kebawah dan temukan kode dibawah ini

<data:commentPostedByMsg/>

Copy kode dibawah ini setelah kode diatas

<span><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'>[Reply]</a></span>

Catatan : YOUR-BLOG-ID dengan ID blog kamu, jika kamu ingin menukar tulisan "Reply" kamu bisa menukarnya dengan "Balas" atau apapun keinginanmu.

Simpan dan lihat hasilnya

Cara Membuat Kursor Selalu Diikuti Text

Diposting oleh Len Kagamine - 0 komentar

Membuat kursor dengan animasi pada blog dapat dilakukan Java Script dengan mudah, maka dari itu pada blogger silahkan ikutilah langkah membuat kursor animasi dibawah ini.

Login ke Dasboard blogger kamu --> Layout --> Elemen Halaman
Tambah Gadget dan pilih "HTML/Java Script"
Copy kode dibawah ini dan simpan

<script language="javascript">

// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='MASUKKAN TEKS MU DISINI...';

var delay=40; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

//********** NO NEED TO EDIT BELOW HERE **********\\

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';

for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);

function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}

function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}

function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}

function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}

function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}

function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}

window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>

Rubah tulisan "MASUKKAN TEKS MU DISINI..." dengan apa yang kamu suka

Cara Memasang Icon/Gambar Di Sebelah Judul Postingan Blog

Diposting oleh Len Kagamine - 0 komentar

Menarik, artikel kali ini saya akan menjelaskan bagaimana cara membuat icon sebelum judul postingan blogger, yap langsung menuju TKP cie kayak polisi aja..lanjutt...

Login ke dashboard --> Rancangan --> Edit HTML
Klik "Template Expand Widget"
Sekarang temukan kode dibawah ini

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>

Setelah itu copy kode dibawah ini, kamu bisa copy ke notepad dahulu

<img src="ALAMAT-URL-GAMBAR-MU" style="border-width: 0px;" />

Catatan : Ganti ALAMAT-URL-GAMBAR-MU dengan alamat gambar yang kamu gunakan

Nah sekarang pastekan code lengkap tersebut diantara <a expr:href='data:post.url'> dan<data:post.title/>
Ok, sekarang simpan dan lihat hasilnya

Membuat Efek Kursor Bertaburan Bintang Dengan Berbagai Warna

Diposting oleh Len Kagamine - 0 komentar

Trik ini digunakan untuk memperindah tampilan gerak dari mouse di blog anda. Setiap mouse bergerak, akan muncul butiran - butiran (kerlap - kerlip bintang) yang tentunya akan membuat blog anda terlihat fantastis. Oke langsung saja ke caramembuatnya.
Masuk ke Mode Edit HTML dari

Sign ke akun Blogger anda.
Pilih Layout /Tata Letak
Pilih Edit HTML
Cari kode </head> dan Copy -Paste kode javascript dibawah ini di atas kode tersebut.