Menambah efek pelangi pada link

Trik blog , Kali ini saya akan membahas cara "Menambah efek pelangi pada link"

cara ini untuk kamu yang bosan dengan tampilan link yang gitu-gitu saja

sebagai contoh coba arahkan mouse anda pada link berikut:

>>K-BLOGGER<<

apakah kamu tertarik?

oke langsung saja caranya:

1.Login Blogger kemudian pilih rancangan

2.Klik edit html dan cari kode </head> untuk memudahkan pencarian, gunakan Ctrl+F

3.Lalu paste code berikut tepat pada atasnya

4.Simpan template

Readmore..

Cara Mengelola Blog Lebih dari Satu Akun

Cara ini digunakan bagi anda yang sering kehabisan ide ataupun untuk membagi tugas dengan orang yang kita percayai untuk mengelola blog.
Apakah anda tertarik?
Oke jika anda tertarik begini langkahnya:
1.Masuk dasbor-->pilih pengaturan
2.Lalu pilih izin

3.Klik menambah penulis

4.Lalu tulis email orang yang anda undang sebagai penulis diblog anda

5.Klik undang
6.Tunggu konfimasinya
7.Jika sudah dikonfirmasi maka orang yang anda undang resmi menjadi penulis diblog anda

Cara memberi Privilese Admin pada penulis
-Hanya perlu mengklik beri Privilese Admin sebagai contoh:

Readmore..

Cara mengubah rotation gambar

Trik blog ,Sering melihat gambar seperti yang dibawah ini?

Pasti seringkan?
Agar terbentuk seperti itu kita hanya perlu mengubah rotationnya
Caranya seperti ini:
1.Buka Ms word 2007
2.Lalu klik insert --> picture (untuk menambah gambar yang akan diubah rotationnya)
3.Klik kanan pilih format picture
4.Lalu akan muncul ini:

5.Pilih 3-D rotation
6.Lalu atur sesuai selera anda

Readmore..

Dasar-dasar pembuatan option

Trik blog ,Option digunakan untuk mendefinisikan suatu elemen yang bisa dipilih dalam suatu daftar pilihan.
Fungsi Option pun sering digunakan dalam widget-widget
Pada dasarnya codenya sebagai berikut:
<html>
<select>
<option>--Negara--</option>
<option>Indonesia</option>
<option>Cina</option>
<option>Malaysia</option>
<option>Arab</option>
</select>
</html>
sebagai contoh:

Contoh widget yang menggunakan fungsi option:
-Blogroll dengan menu dropdown
Code:
<form>

<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option> - Blogroll - </option>

<option value="http://k-blogger1.blogspot.com/">K-blogger</option>

<option value="http://z-bebas.blogspot.com/">Zonabebas</option>

</select>

</form>
Hasilnya:

-Widget change this font
Baca Cara membuat widget change font this blog

sekian dlu
sampai jumpa lagii

Readmore..

Cara membuat logo unik dengan http://funnylogo.info/

Trik blog,Sebenarnya http://funnylogo.info/ digunakan untuk membuat search engine sendiri. tapi saya akal-akalin aja buat logo
contoh logonya seperti ini:

Lansung saja ya caranya:
1.Buka http://funnylogo.info/

2.Ketik nama blog anda atau nama anda
3.Setelah selesai save(donlot) logo yang ada di search engine anda(walopun tujuannya bukan untuk membuat search engine)
4.Edit sesuai dengan selera anda

--Cara mengganti logo
1.Dasbor->Tata letak->Lihat bagian bawah ini:

2.Klik bagian yang dihitamkan tersebut
3.Lalu unggah logomu dari komputer
selesai deh!!

Readmore..

Membuat tools parse html

Trik blog, Kali ini kita akan membahas tentang "Membuat tools parse html"

Biasanya anda memarse kode html di http://centricle.com/tools/html-entities/
Tapi sekarang anda bisa memasang dan menggunakannya di blog anda sendiri

Bagaimanakah cara membuatnya?
1.Pasang kode ini
2. Jika anda ingin membuat lebih bagus, Silakan kesini anda bisa mengaturnya sesuai dengan selera anda
3.Pasang scriptnya diblog anda

Sekarang gak usah ke http://centricle.com/tools/html-entities/ lagi karena diblog anda sudah tersedia

Readmore..

Cara manipulasi tanggal

Trik blog ,kita sering melihat blog yang pada halaman awalnya selalu saja menampilkan post yang itu - itu saja.
padahalkan setiap minggukan pasti diupdate
sebenarnya ini bisa kita lakukan dengan memanipulasi tanggal
contoh:

cara memanipulasinya:
buat entri baru
lalu liat dibawah kotak menulis post
klik opsi entri

lalu ganti tanggalnya dengan tanggal baru jika ingin menampilkannya kembali
atau ganti dengan tanggal lama jika ingin menyembunyikan post.

Readmore..

Cara membuat spoiler pada post

Trik blog,Apa spoiler itu?Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, dll.ini digunakan untuk mempercepat loading blog kita
tertarik?mari kita buat

-Membuat spoiler yang menyembunyikan text

kodenya:
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Apa spoiler itu?Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, dll.ini digunakan untuk mempercepat loading blog kita
tertarik?mari kita buat</div></div></div>

-Membuat spoiler yang menyembunyikan gambar

Kodenya:
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 0px none ; margin: 0px; padding: 6px;"><div style="display: none;"><div style="background: rgb(180, 123, 16) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0a5UUAEgZFCD0y8eVkhZkA0BUZCdzBbtxJjfoMUNo5jaILV8HfZwz5kyZ6JQxtBT37-dYGPB2sEzw7Wug_-HIVYUKZIiF3Cy8fjnGZbR4O4R95YmRyyVGa0NPmTez6P7DQ7QRVtKUO8NV/s1600-h/Lawak.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 305px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0a5UUAEgZFCD0y8eVkhZkA0BUZCdzBbtxJjfoMUNo5jaILV8HfZwz5kyZ6JQxtBT37-dYGPB2sEzw7Wug_-HIVYUKZIiF3Cy8fjnGZbR4O4R95YmRyyVGa0NPmTez6P7DQ7QRVtKUO8NV/s400/Lawak.jpg" alt="" id="BLOGGER_PHOTO_ID_5425016435368354930" border="0" /></a>.</div></div></div></div>

*keterangan:
kode yang berwarna orange adalah alamat gambar
Selamat mencoba!

Readmore..

Dasar-dasar pembuatan link(2)

Trik blog,Link adalah bagian yang sangat penting dalam sebuah blog,misalnya link download ataupun
link teman Baca --> Dasar-dasar pembuatan link(1)

<a href="http://URL">TEXT</a>
kode yang berwarna orange adalah alamat situs
kode yang berwarna hijau adalah teks yang akan ditampilkan
sebagai contoh:
One piece

-Membuat link jika kursor mouse diarahkan ke link langsung terbuka tanpa harus diklik
Kode:
<a href="http://k-blogger1.blogspot.com/" onMouseover="window.location=this.href">K-blogger</a>Contoh: K-blogger

-Membuat link yang membuka tab baru
Kode:
<a href="http://k-blogger1.blogspot.com/" target="new">Tips blog</a>
Contoh: Tips blog

-Membuat link gambar yang membuka tab baru
Kode:
<a href="http://www.idcorp.tk" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpUCxRlJHhCboMQVXXZLFJGaeUnCyn6gf9ZAGQNDwGFEgLbuNFByrM6meViKFlGWdzEpKRkj-yq5lFDEt9JGIdv_kd6yENL36PnHcifqGlT-39Ka13TkwvKg5ykcGOHYp_o9cqe8lc3P4/s400/idc.jpg" /></a>
contoh:

Readmore..

Cara membuat widget change font this blog

Trik blog ,Post ini terinspirasi dari blognya rizky2009
disana saya melihat widget seperti ini
saya coba tes tes tapi gak berhasil
lalu saya ngutak-ngatik blog percobaan saya dan akhirnya berhasil
pasti ada yang bertanya apa itu widget change font this blog?
widget change font this blog adalah widget yang digunakan untuk mengubah font blog kita(sederhana banget jawabannya)hehehe
mau tau gak caranya???

Login dulu ke blogger
Masuk ke tata letak -->> elemen halaman
Tambah gadget-->> pilih HTML/JavaScript
copy code berikut

<center><script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}

function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman" />Times New Roman
<option value="Arial" />Arial
<option selected value="Book Antiqua" />Book Antiqua
<option value="Bookman Old Style" />Bookman Old Style
<option value="Century Gothic" />Century Gothic
<option value="Comic Sans Ms" />Comic Sans Ms
<option value="Tahoma" />Tahoma

<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana" />Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px" />8
<option value="9px" />9
<option value="10px" />10
<option value="11px" />11
<option selected value="12px" />12
<option value="14px" />14
<option value="16px" />16
<option value="18px" />18
</select></form><center></center></center>

<div class='clear'></div>

lalu cari kode berikut:

.post {
font: Trebuchet MS;
margin-bottom:15px;
text-align:justify;
color: #ffffff;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
Kode yang berwarna merah diganti dengan function go1
sehingga menjadi
.post {
font: function go1;
margin-bottom:15px;
text-align:justify;
color: #ffffff;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
dan simpan

Readmore..

Cara Supaya Artikel Blog Tidak Bisa Di Copy

Trik blog ,Bingung ni mau post apa :68:

tapi muncul juga ide untuk buat post ini
ya sudah sekarang kita mulai ke pembicaraan
pasti anda kesalkan jika salah satu artikel anda di copy
ataupun semua artikel anda di copy
ini beberapa tangggapan teman saya
Kata
ryan's : sedih dan kecewa,,tapi mau gimana lagi...
:ardi33: marah donk
Dan bagaimana anda?pasti tanggapannya seperti mereka jugakan?
Untuk menghindarinya saya punya caranya
Cari kode berikut:
</body>
lalu copy code ini:
dan paste di atas kode </body>
<script language='JavaScript1.2'>

//Disable select-text script (IE4+, NS6+)- By Andy Scott
//Exclusive permission granted to Dynamic Drive to feature script
//Visit http://www.dynamicdrive.com for this script

function disableselect(e){
return false
}

function reEnable(){
return true
}

//if IE4+
document.onselectstart=new Function ("return false")

//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<script language='JavaScript'>curPage=1;
document.oncontextmenu = function(){return false}
if(document.layers) {
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown = function(e){
if(e.target==document)return false;
}
}
else {
document.onmousedown = function(){return false}
}</script>

tinggal save deh
selesaiiiiiii

Readmore..

Cara membuat select all otomatis pada textarea

Trik blog,Sebelumnya saya pernah ngebahas tentang Cara membuat select all pada textarea

namun itu belum otomatis
yang otomatis seperti ini:
hanya tinggal diklik text areanya langsung ter select semua

kode yang kita gunakan seperti ini:
<form name="textarea"><textarea name="txt" rows="2" cols="20" onclick="this.form.txt.select()" readonly="readonly" style="border-color: gray; color: blue; background-color: white; font-weight: bold;">Text>></textarea></form>

Kode yang berwarna merah adalah text yang ingin ditampilkan
Kode yang berwarna biru adalah warna text
Kode yang berwarna hijau adalah background text area
mudahkan!!!

Readmore..

Cara membuat select all pada textarea

Trik blog,Sebelummnya saya pernah ngebahas tentang Cara membuat textarea
sekarang saya akan membahas cara membuat select all pada text area
contoh hasilnya sepeti ini

code yang saya gunakan seperti ini:
<div><form name="copy"><div align="left">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Select All" type="button">
</div>
<p align="left">
<textarea style="width: 380px; height: 200px;" name="txt" rows="100" wrap="VIRTUAL" cols="55">Text 123></textarea></p></form></div>
<div><form name="copy"><div align="left"><div><p align="left"></p></div></div></form></div>
kode yang berwana merah adalah text yang akan ditampilkan
selesai deeh

Readmore..

Cara membuat tombol balas tanggapan di form komentar

Trik blog,Dah lama gak post hehheheh
oh iya saya ada trik blog baru!
baru aja belajar sama franco caranya
tapi saya buat tombolnya beda

-->karya saya

langsung saja caranya

Login ke blogger
Tata letak
Edit html
Lalu beri tanda centang di Expand Widgets Template
Cari kode berikut "<b:include data='comment' name='commentDeleteIcon'/> </span>
Lalu tambahkan dibawahnya kode

<span><a expr:href='"https://www.blogger.com/comment.g?blogID=LETAKKAN ID BLOGMU DISINI&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;'><img alt='Balas Komentar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7a_KzWTHyGwtTpVZOnEDiGaGt3ag029feYQjPOGCVW5g91bhiW0nyu6N_vmTTeapNsHecslJlkSZ-zoo0i0BzjWXypfZFbSwM2Um5VUHOpxNUmJ2mvuhCoDSXpuZpoXQ-pQlZjbgiYoQ/s1600-h/+-.bmp'/></a></span>

berikut

Readmore..

Dasar-dasar pembuatan link(1)

Trik blog ,Link adalah bagian yang sangat penting dalam sebuah blog,misalnya link download ataupun
link teman
pada dasarnya susunannya sebagai berikut:
<a href="http://URL">TEXT</a>
kode yang berwarna orange adalah alamat situs
kode yang berwarna hijau adalah teks yang akan ditampilkan
sebagai contoh:
One piece
maka kode yang saya gunakan adalah
<a href="http://rian-hizrian.blogspot.com/">One piece</a>

-membuat link kelap kelip
kali ini kode yang saya gunakan adalah
<blink><a href="http://rian-hizrian.blogspot.com/">One piece</a></blink>
hasilnya seperti ini
One piece

-membuat gambar berlink
contohnya seperti ini

kodenya begini
<a href="http://www.idcorp.tk" target="_blank" title="yu-gi-oh! Episode Download"><img border="0" src="http://photos-g.ak.fbcdn.net/hphotos-ak-snc3/hs099.snc3/16634_1194788796569_1433935874_30583422_5917858_n.jpg" /></a>

kode yang berwarna merah adalah alamat situs yang kita maksud
dan kode yang berwarna orange adalah alamat gambar

Readmore..

Cara membuat dropcap

Fasilitas ini digunakan untuk memperbesar huruf di awal kalimat
contohnya seperti:

langsung saja caranya:
masuk ke edit html dulu
cari kode dibawah ini
.post {
margin:0 0 2.5em;
}

kemudian ketik kode berikut:
.dropcaps {
float:left;
color:#000000;
font-size:100px;
line-height:80px;
padding-top:1px;
padding-right:5px;
}

dan simpan template
cara pemasangannya di postingan begini
kamu harus mengetikkan:
<span class="dropcaps"></span>
contohnya seperti ini:
<span class="dropcaps">C</span> iptakan golmu seindah mungkin

mudahkan!!!!

Readmore..

Cara membuat judul postingan baru yang berjalan

Kali ini saya akan memberi tau cara membuat judul postingan baru yang berjalan. sama seperti efek marquee yang ada diblog ini.
langsung saja caranya:

Login dulu ke blogger
Masuk ke tata letak -->> elemen halaman
Tambah gadge t-->> pilih HTML/JavaScript
copy code berikut

Cara membuat textarea

Bener nggak ya judulnya?? @_@

kagak perlu judulnya yang penting caranya heehhehe

lihat contohnya:

tes 123 yuk dicoba

codenya sebagai berikut:

<textarea rows="5" cols="20" name="Famous Quotes" 

readonly="readonly">tes 123 yuk dicoba</textarea>




semoga bermanfaat ya!!

Readmore..

shoutbox alternatif jika shoutmix punyamu error

Apakah blogmu demikian?
jika demikian sebaiknya diganti saja
cara menggantinya seperti ini:
buka link berikut ini:
Shoutbox widget
ubah Width dan Height sesuai dengan yang anda inginkan
lalu copy codenya
selanjutnya:

Pada Dashboard, pilih Tata Letak atau Template

Ganti code shoutmix sebelumnya dengan code tersebut

Selesai deh!!!!!!!!

Readmore..

Membuat widget chatbox

Ada beberapa kotak chat yang sering digunakan seperti : Shoutmix.com,Oggix.com dan Chatbox.com dll
diantara ketiga penyedia layanan kotak chat itu yang paling sering digunakan di blog - blog adalah shoutmix karena memiliki kelebihan daripada yang lain
Cara membuatnya sapeti ini
Masuklah dulu pada Shoutmix.com
lalu klik tombol yang seperti ini

isi dulu formulir yang disediakan

pilih model yang kamu sukai
klik Go to my control panel now
setelah mendapatkan code!! copy code tersebut

selanjutnya

Login ke Blogger
Pada Dashboard, pilih Tata Letak atau Template
Pada menu Page Elements, klik Add Gadget
Pilih HTML Javascript kemudian paste kode yang kamu dapatkan tadi di kotak konten
Simpan dan lihat blogmu