Tampilkan postingan dengan label tips and trik. Tampilkan semua postingan
Tampilkan postingan dengan label tips and trik. Tampilkan semua postingan

Rabu, 02 Februari 2011

cara membuat tulisan berkelip (blink)

anda pengen punya tulisan kyak gini pada blog and, klu bagi saya sih tulisan kayak gini dapat meyakinkan pengunjung untuk mencobany, soalnya tulisannya tampak lebih meyakinkan. anda pengen coba..!!

Caranya gampang banget anda tinggal menambahkan code <blink>
 pda awal text yang anda inginkan dan </blink> pada akhir text di HTML seperti contoh di bawah ini:

<blink><a href="http://www.arie-aldyno.co.cc">blog saya..</a></blink>

 anda tinggal simpan deh
jadi deh tulisanya

cara bikin lirik sentuh

Bagi Anda yang sudah memulai karir blog dan menumbuhkan blog Anda, tentu senang rasanya mulai menapaki berbagai modifikasi dan desain untuk blog Anda. Satu hal menarik adalah modifikasi soal link. Memang modifikasi soal link tak pernah habis. Kali ini saya akan memberitahu cara bagaimana membuat sebuah link terbuka tanpa klik. Biasanya tujuan link terbuka begitu ada aksi klik, tetapi dengan script ini hanya dengan menyorotnya saja link sudah terbuka.

Cara untuk membuatnya sangatlah simpel, coba perhatikan dua link di bawah ini

  1. masuk ke blogger anda
  2. pilih tata letak
  3. tambah gatged
  4. pilih java script
  5. copy paste aja kodenya
ini kodenya :
<a href="http://www.arie-aldyno.co.cc" onMouseover="window.location=this.href">arie aldyno | kumpulan tipstrik blogger</a>

ket : cukup anda copy link tsb langsung ke java script

caranya..
ganti target=_blank> dengan onMouseover="window.location=this.href">

semoga bermanfaat !!!

Cara menampilkan background pada posting



halo sobat blogger..!! Saya akan beri trik memposting yg namanya cara membuat backgruond pada postingan. Trik ini bertujuan agar tampil beda atau agar lebih enak dilihat maka suatu postingan diberi bacckground. Tepat pula untuk memisahkan suatu kata pengantar dan isi atau pengumuman.
Caranya sangat mudah

1. Buat posting baru
2. Klik tab edit html jangan yang tulis
3. Lalu gunakan code berikut:

- Background dengan warna
<div style="background:Isi kode warna HTML;">

(Tulis artikel anda disini)

</div>

- Atau ingin background image
<div style="background:url(alamat gambar) no-repeat;">

(Tulis artikel Anda disini)

</div>

Domain Gratis DOT COM




Buat sobat blogger yang ingin menggunakan domain dot com tapi terbentur dana yang minim,, kaya saya ini, hehehe
saya punya info bagus ni, ada sebuah web yang menyediakan domain secara gratis tapi minim persyaratan, menurut saya sih, hehehe
soalnya syarat nya cuma, mencari referal sebanyak 9 orang dan kita akan diberikan domain nya,
berikut rincian gambar nya,


Pendaftaran nya juga gak ribet kok, bagi yang berniat bisa mendaftar nya melalui referal saya, 
di sini!!
Sesama sobat blogger harus saling membantu.

cara mengganti icon blog

 Mengaanti Icon merupakan suatu hal untuk menuju blog yang profesional, maka dari itu pada metode ini saya akan berbagi tentang cara mengganti icon blog pada blogger.

caranya gampang banget loo....
g' perlu susah-susah

sebelumnya siapkan dulu image yang mau digunakan, lalu ganti ukuran imagenya dengan 32x32 px. dan upload imagenya ke image hosting anda.

Lalu ikuti langkah-langkah berikut...

  1. Log in dulu dunk pastinya...
  2. Pilih Tata Letak
  3. Kemudian Edit HTML
  4. Cari code</head>
  5. Copy/Paste Code Berikut tepat di atas Kode Tersebut

<link href='http://i830.photobucket.com/albums/zz225/arie_060/th_Copyofryryryry.jpg' rel='shortcut icon' type='image/x-icon'/>

                          ket: ganti tulisan yang berwarna merah dengan url image anda

      6.  Lalu simpan Tempalate


selesai dechh.....
Gimana... sulit g'????

Cara Membuat Tulisan Yang Keluar Secara Bergantian

 hm.. satu lagi ne saya akan berbagi tentang cara membuat tulisan yang keluar secara bergantian pada task bar

langsung aja ya.. kayaknya pengunjung sudah tdak sabar nee... he..he..he

  1. log in dunk pastinya
  2. pilih tata letak
  3. trus pilih tambah gadget
  4. nah pada pilihanya pilih JavaScript/HTML
  5. trus Copy/Paste aja langsung code yang ada dibawah

<script>
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new
tb8_makeArray(3);
tb8_messages[0] = "Selamat Datang di Blog Arie Aldyno";
tb8_messages[1] = "www.arie-aldyno.co.cc";
tb8_messages[2] = "semoga anda bisa menjadi rekan saya";
tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 125; tb8_delay = 1000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script><br />


gimana bisa ngak???....

kalau pengen nambah ganti angka yang berwarna kuning dengan berapa yang anda mau
lalu tambahin tb8_messages[3] = "text yang anda inginkan"; , tb8_messages[4] = "text yang anda inginkan"; , dan seterusnya....  di bawah code tb8_messages[2] = "semoga anda bisa menjadi rekan saya";

jangan lupa ganti textnya ya....

Transparant Chunky Pure CSS3 Menu


Kali ini pun kita masih akan bermain-main dengan Menu Navigasi Ala CSS3, Setelah sebelumnya saya mengajak anda membuat Simple CSS3 Horizontal menu, kali ini saya ingin mengajak anda membuat Transparant Chunky Pure CSS3 Menu. Kenapa saya namakan demikian? karena Menu ini memang saya buat Transparant dan Backgroundnya akan mengikuti Template anda masing-masing biarpun lebih tepat jika anda menggunakan Template Putih dalam hal ini.

Bentuknya dapat anda lihat pada gambar diatas. Atau lihat demo-nya KLIK DISINI, dan perhatikan Menu Transparant yang baru akan terlihat jika anda mengarahlan Kursor.

Lantas Bagaimana Cara Membuaatnya? Silahkan Ikuti Panduan berikut:

1. Login ke Akun Blogger anda masing-masing
2. Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. Cari kode seperti dibawah ini:

]]></b:skin>

5. Jika Sudah Ketemu, letakkan Kode CSS dibawah ini tepat diatas kode tersebut atau sebelum kode]]></b:skin> tersebut:

#top_navigation {
background : transparent;
width: 800px;
height : 77px;
list-style : none;
margin-top : 7px;
margin-bottom : 11px;
width : 100%;
}
ul.nav {
background : transparent;
width: 800px;
height : 57px;
line-height : 31px;
list-style : none;
padding : 0 10px;
font-size : 14px;
}
ul.nav li {
display : inline;
padding : 0;
background : transparent;
}
ul.nav a {
background : transparent;
height : 30px;
font-size : 16px;
color : #808080;
float : left;
padding : 11px 19px 11px 16px;
text-decoration : none;
border-top: 1px solid #252525;
border-bottom : 4px solid #252525;
border-left : 1px solid transparent;
border-right : 1px solid transparent;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius: 4px;
}
ul.nav a:hover {
background : #252525;
border-top : 1px solid #252525;
border-bottom : 4px solid #000;
border-left : 1px solid #252525;
border-right : 1px solid #252525;
color : #FFF;
padding : 11px 19px 11px 16px;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius: 4px;
}
Setelah itu, Beralihlah Dan Cari Kode <body>

Jika Sudah anda temukan Letakkan HTML dibawah ini tepat dibawahnya atau setelah Kode <body>tersebut:

<div id="top_navigation">
<ul class="nav">
<li><a href="#"> Home </a></li>
<li><a href="#"> Your Blog </a></li>
<li><a href="#"> About You </a></li>
<li><a href="#"> More stuff </a></li>
<li><a href="#"> Contact </a></li></ul></div>

Setelah Itu, Save Template anda, dan Lihat Hasilnya....

Ps: Warna Merah Silahkan Ganti Dengan Judul yang ingin anda tampilkan, dan # ganti dengan Url yang ingin dimasukkan...

Selamat Mencoba...

Minggu, 30 Januari 2011

cara membuat bintang jatuh dri cursor

 nih cara buat bintang jatuh di cursor ckckckkkk... 
ikutin cara-cara berikkut...
1.login blog
2.rancangan
3.tambah java scrips
4.copy code di bawah ini
5.paste
6.save
7.enjoy
    
<script type='text/javascript'>
// <![CDATA[
var colour="green";
var sparkles=65;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop ||document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]> 

  • Setelah Itu simpan hasil edit Template Anda.

Note : var colour=" green "; : ganti kode warna dengan kode dari warna yang anda inginkan untuk warna kerlap-kerlip bintang.