0 GJ

1. Masuk ke Rancangan/Layout
2. Klik Tambah Gadget/Add Gadget
3. Pilih HTML/Java Script
4. Lalu masukin kode ini :

<style type="text/css">
.menuqu ul li{display: inline;}
.menuqu1 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #4FCF26; border: 2px solid #fff; list-style: none;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-o-transform:rotate(-25deg);
}
.menuqu2 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #BFDCFF; border: 2px solid #fff; list-style: none;
-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);-o-transform:rotate(25deg);
}
.menuqu1:hover, .menuqu2:hover{ background: #F0BFFF; color:#ccc;
-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)
}
</style>

<div class="menuqu">
<ul>
<li class="menuqu1"><a href='http://otaku-computerlover.blogspot.com'>Home</a></li>
<li class="menuqu2"><a href='URL 1'>Menu1</a></li>
<li class="menuqu1"><a href='URL 2'>Menu2</a></li>
<li class="menuqu1"><a href='URL 3'>Menu3</a></li>
<li class="menuqu2"><a href='URL 4'>Menu4</a></li>
<li class="menuqu1"><a href='URL 5'>Menu5</a></li>
</ul>
</div>

Read More »

0 gak tau apa

Di luhureun kode </head>

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

    <script>

    YOffset=150;
    XOffset=0;
    staticYOffset=30;
    slideSpeed=20
    waitTime=100;
    menuBGColor=&quot;#cc0000&quot;;
    menuIsStatic=&quot;yes&quot;;
    menuWidth=120;
    menuCols=3;

    hdrFontFamily=&quot;verdana&quot;;
    hdrFontSize=&quot;2&quot;;
    hdrFontColor=&quot;black&quot;;
    hdrBGColor=&quot;#cc0000&quot;;
    hdrAlign=&quot;left&quot;;
    hdrVAlign=&quot;center&quot;;
    hdrHeight=&quot;15&quot;;

    linkFontFamily=&quot;Verdana&quot;;
    linkFontSize=&quot;2&quot;;
    linkBGColor=&quot;white&quot;;
    linkOverBGColor=&quot;#cc0000&quot;;
    linkTarget=&quot;_top&quot;;
    linkAlign=&quot;Left&quot;;

    barBGColor=&quot;#cc0000&quot;;
    barFontFamily=&quot;Verdana&quot;;
    barFontSize=&quot;2&quot;;
    barFontColor=&quot;white&quot;;
    barVAlign=&quot;center&quot;;
    barWidth=20; // no quotes!!
    barText=&quot;MENU&quot;;

    // -----Edit the menu

    ssmItems[0]=[&quot;OPTION :&quot;] //Header Menu
    ssmItems[1]=[&quot; Home&quot;, &quot;/&quot;, &quot;&quot;]
    ssmItems[2]=[&quot; Daftar Isi&quot;, &quot;http://vikrymadz.blogspot.com/2011/03/daftar-isi-vikrymadzblogspotcom_9488.html&quot;,&quot;&quot;]
    ssmItems[3]=[&quot; Link Exchange Blog&quot;, &quot;http://vikrymadz.blogspot.com/2011/02/link-exchange-tuker-link.html&quot;,&quot;&quot;]
    ssmItems[4]=[&quot; Banner Exchange&quot;, &quot;http://vikrymadz.blogspot.com/2011/02/banner-sahabat.htmll&quot;,&quot;&quot;]
    ssmItems[5]=[&quot; Kode Warna&quot;, &quot;http://vikrymadz.blogspot.com/2011/04/kode-kode-warna.html&quot;, &quot;&quot;]
    ssmItems[6]=[&quot; Parse HTML&quot;, &quot;hhttp://vikrymadz.blogspot.com/2011/05/tool-parse-html.html&quot;, &quot;&quot;]
    buildMenu();
    //----- Finish
    </script>

Read More »

0 Perpus

Pertama
Klik + +


Ingat Setiap edit HTML selalu Download Template Lengkap untuk jaga kesalahan

Kedua
Cari kode </head>

Setelah ketemu Copy dan Paste kode Css berikut tepat diatas / Sebelumnya

<style type="text/css">
ul.topUL {padding:0; margin:0; list-style:none; width:250px; margin:0 auto; position:relative; z-index:100; font-family:verdana, arial, sans-serif;}
ul.topUL > li {float:left; margin-right:1px; position:relative; z-index:10;}
ul.topUL > li a.p1 {display:block; width:43px; border:2px solid #333; border-width:1px 3px; height:248px; color:#fff; top:0; left:0; text-decoration:none; position:relative;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);

-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
ul.topUL > li > a span {display:block; width:43px; white-space:nowrap; position:absolute; left:0px; top:200px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
ul.topUL > li.b1 > a {background:#562; border-color:#340;
background: -moz-linear-gradient(0, #562, #784 50%, #562 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(#562), color-stop(50%, #784), color-stop(100%, #562));
}
ul.topUL > li.b2 > a {background:#366; border-color:#144;
background: -moz-linear-gradient(0, #366, #688 50%, #366 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(#366), color-stop(50%, #688), color-stop(100%, #366));
}
ul.topUL > li.b3 > a {background:#246; border-color:#024;
background: -moz-linear-gradient(0, #246, #579 50%, #246 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(#246), color-stop(50%, #579), color-stop(100%, #246));
}
ul.topUL > li.b4 > a {background:#741; border-color:#520;
background: -moz-linear-gradient(0, #741, #a74 50%, #741 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(#741), color-stop(50%, #a74), color-stop(100%, #741));
}
ul.topUL > li.b5 > a {background:#623; border-color:#401;
background: -moz-linear-gradient(0, #623, #956 50%, #623 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(#623), color-stop(50%, #956), color-stop(100%, #623));
}

ul.topUL ul.sub {padding:0; list-style:none; position:absolute; left:-51px; top:230px; width:0; overflow:hidden; height:250px; margin:0 0 20px 0;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);

-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
transition-delay:0s;
-o-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-webkit-transition-delay: 0s;
}

ul.topUL > li.b1 > ul {background:#784;}
ul.topUL > li.b2 > ul {background:#688;}
ul.topUL > li.b3 > ul {background:#579;}
ul.topUL > li.b4 > ul {background:#a74;}
ul.topUL > li.b5 > ul {background:#956;}

ul ul li.content {width:0; height:190px; position:absolute; left:0; top:10px; background:#eee; padding:40px 0 0 0; text-indent:20px; font-size:11px; color:#444; overflow:hidden;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);

-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
transition-delay: 0s;
-o-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-webkit-transition-delay: 0s;
}
ul ul li b {display:block;}
ul ul li a {text-decoration:none; color:#444; padding-left:20px; line-height:20px;}
ul ul li a:hover {color:#000; text-decoration:underline;}

ul ul li.cover {width:0; height:220px; position:absolute; padding-top:30px; text-indent:10px; font-size:14px font-weight:bold; color:#fff; left:0; top:0; z-index:100; overflow:hidden; white-space:nowrap;}

ul ul li.cover i {font-weight:normal; font-style:normal; font-size:10px; line-height:40px; padding-left:10px;}
ul ul li.cover em {display:block; font-weight:normal; font-style:normal; margin-top:120px; font-size:10px; line-height:40px;}

ul.topUL > li.b1 li.cover {background:#562;
background: -moz-linear-gradient(0, #562, #784 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(#562), color-stop(100%, #784));
}
ul.topUL > li.b2 li.cover {background:#366;
background: -moz-linear-gradient(0, #366, #688 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(#366), color-stop(100%, #688));
}
ul.topUL > li.b3 li.cover {background:#246;
background: -moz-linear-gradient(0, #246, #579 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(#246), color-stop(100%, #579));
}
ul.topUL > li.b4 li.cover {background:#741;
background: -moz-linear-gradient(0, #741, #a74 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(#741), color-stop(100%, #a74));
}
ul.topUL > li.b5 li.cover {background:#623;
background: -moz-linear-gradient(0, #623, #956 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(#623), color-stop(100%, #956));
}


ul.topUL > li:hover {direction:ltr; z-index:100;}
ul.topUL > li:hover a.p1 {top:230px;left:-100px;
-o-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);

-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
transition-delay: 0s;
-o-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-webkit-transition-delay: 0s;
}

ul.topUL li:hover ul {width:200px;
-o-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);

-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
transition-delay: 0.5s;
-o-transition-delay: .5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}
ul.topUL li:hover ul li.cover {width:200px;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}

ul.topUL li:hover ul li.content {width:190px;
background: -moz-linear-gradient(0, #ddd, #fff 50%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(#ddd), color-stop(50%, #fff));
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

ul.topUL li:hover ul:hover {overflow:visible;}

ul.topUL li.b1:hover ul:hover li.cover {border-right:4px solid #451;}
ul.topUL li.b2:hover ul:hover li.cover {border-right:4px solid #255;}
ul.topUL li.b3:hover ul:hover li.cover {border-right:4px solid #135;}
ul.topUL li.b4:hover ul:hover li.cover {border-right:4px solid #630;}
ul.topUL li.b5:hover ul:hover li.cover {border-right:4px solid #512;}

ul.topUL li.b1:hover ul:hover li.cover {border-right:4px solid #451;}
ul.topUL li.b2:hover ul:hover li.cover {border-right:4px solid #255;}
ul.topUL li.b3:hover ul:hover li.cover {border-right:4px solid #135;}
ul.topUL li.b4:hover ul:hover li.cover {border-right:4px solid #630;}
ul.topUL li.b5:hover ul:hover li.cover {border-right:4px solid #512;}

ul.topUL li:hover ul:hover li.cover {left:-2px; width:1px; height:235px; top:-15px; padding-top:45px;
-o-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);

-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}

.shelf {clear:left; width:350px; height:25px; background:#620; margin:0 auto;
background: -moz-linear-gradient(90deg, #620, #950 20%, #620 30%);
background: -webkit-gradient(linear, 0 100%, 0 0 , from(#620), color-stop(20%, #950), color-stop(30%, #620));
-o-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
}
</style>

Silahkan klik


Ketiga

Klik + Pilih

Silahkan Copy dan Paste Kode Berikut ini

<div id="info">
<ul class="topUL">
<li class="b1"><a class="p1" href="#url"><span>Menu 1</span></a>
<ul class="sub">
<li class="cover">Menu 1<br /><i>by DeeJayHan-Blog </i><em>Hover to open ...</em></li>
<li class="content">
<b>Contents</b>
<a href="http://deejayhan.blogspot.com/">1. Home</a>
<a href="#url">2. Mak Icih</a>
<a href="#url">3. Bang Kumis</a>
<a href="#url">4. Bang Jenggot</a>
<a href="#url">5. Bang Brewok</a>
<a href="#url">6. Si Jambang</a>
</li>
</ul>
</li>
<li class="b2"><a class="p1" href="#url"><span>Menu 2</span></a>
<ul class="sub">
<li class="cover">Menu 2<br /><i>by DeeJayHan-Blog </i><em>Hover to open ...</em></li>
<li class="content">
<b>Contents</b>
<a href="#url">1. Sarapan Pagi</a>
<a href="#url">2. Sarapan Siang</a>
<a href="#url">3. Sarapan Malam</a>
<a href="#url">4. Mandi Kembang</a>
</li>
</ul>
</li>
<li class="b3"><a class="p1" href="#url"><span>Menu 3</span></a>
<ul class="sub">
<li class="cover">Menu 3<br /><i>by DeeJayHan-Blog</i><em>Hover to open ...</em></li>
<li class="content">
<b>Contents</b>
<a href="#url">1. Cerita Cinta</a>
<a href="#url">2. Cinta Pertama</a>
<a href="#url">3. Cinta Kedua</a>
<a href="#url">4. Cinta Ketiga</a>
<a href="#url">5. Putus Cinta</a>
</li>
</ul>
</li>
<li class="b4"><a class="p1" href="#url"><span>Menu 4</span></a>
<ul class="sub">
<li class="cover">Menu 4<br /><i>by DeeJayHan-Blog</i><em>Hover to open ...</em></li>
<li class="content">
<b>Contents</b>
<a href="#url">1. facebook ku</a>
<a href="#url">2. Twitter ku</a>
<a href="#url">3. Google+ ku</a>
<a href="#url">4. Skype ku</a>
<a href="#url">5. Alay sekali</a>
<a href="#url">6. Cape deh</a>
</li>
</ul>
</li>

<li class="b5"><a class="p1" href="#url"><span>Menu 5</span></a>
<ul class="sub">
<li class="cover">Menu 4<br /><i>by DeeJayHan-Blog</i><em>Hover to open ...</em></li>
<li class="content">
<b>Contents</b>
<a href="#url">1. Dangdut</a>
<a href="#url">2. Pop</a>
<a href="#url">3. Rock</a>
<a href="#url">4. Melayut</a>
<a href="#url">5. Blues</a>
</li>
</ul>
</li>
</ul>
<div class="shelf"></div>
</div> <!-- end of info -->

Terakhir Klik SIMPAN

Keterangan:
SilahkanGanti tanda # dengan Alamat Url yang diingin kan, dan silahkan Ganti Nama Menu sesuai selera dan kebutuhan masing masing

Cara buat Menu Navigasi Ala Rak Buku 10out of 10 based on 10 ratings. 10 user reviews.

Description: Deskripsi Anda Disini

Read More »

0 DON'T KLIK HERE

• Login ke blog sobat...


• Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.
  
  
  


• Cari kode ]]></b:skin> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode ]]></b:skin> tersebut.
  
  
  .kwicks{height:50px;list-style:none;margin:0;padding:0;position:relative;width:840px;z-index:2}
  .kwicks li{cursor:pointer;display:block;float:left;height:50px;overflow:hidden;padding:0;width:120px;z-index:2}
  .kwicks li a{background-image:url(http://4.bp.blogspot.com/-e1c5hdvd0MQ/TbgSHi-7EEI/AAAAAAAAAzs/Y9aTBHEgh84/s1600/menu%2Bjquery%2Bpelajaran%2Bblog.jpg
  );background-repeat:no-repeat;cursor:pointer;display:block;height:50px;outline:none;text-indent:-9999px;z-index:2}
  #kwick1 a:hover{background-position:0 -50px!important}
  #kwick2 a{background-position:-190px 0}
  #kwick2 a:hover{background-position:-190px -50px!important}
  #kwick3 a{background-position:-380px 0}
  #kwick3 a:hover{background-position:-380px -50px!important}
  #kwick4 a{background-position:-570px 0}
  #kwick4 a:hover{background-position:-570px -50px!important}
  #kwick5 a{background-position:-760px 0}
  #kwick5 a:hover{background-position:-760px -50px!important}
  #kwick6 a{background-position:-950px 0}
  #kwick6 a:hover{background-position:-950px -50px!important}
  .kwicks li ul a{float:left;width:12em}
  .kwicks ul ul{top:auto}
  .kwicks li ul ul{left:12em;margin:0 0 0 10px}
  .kwicks li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block}

  
  - Copy-paste kode di bawah ini di atas kode </Head>.
  
  

  <script src='http://code.jquery.com/jquery-1.4.4.min.js' type='text/javascript'></script>
  <script src='http://monozcore-project.googlecode.com/files/jquery.kwicks-1.5.1.js' type='text/javascript'></script>
  <script src='http://monozcore-project.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'></script>


• Klik "Save" untuk menyimpan template.


• Balik ke "Page Element" untuk menambah gadget baru, dengan klik Design ==> Page Elements ==> Add a Gadget, kemudian pilih "HTML/Java Script". Letakan diatas postingan element gadget seperti gambar di bawah ini. Copy-paste kode di bawah pada kotak gadget.
  
  
  
  
  
  <div class='kwickswrap'>
  <ul class='kwicks'>
  <li id='kwick1'><a href='#' title='halaman utama'>Home</a></li>
  <li id='kwick2'><a href='#' title='daftar isi.'>Blog</a></li>
  <li id='kwick3'><a href='#' title='about'>About</a></li>
  <li id='kwick4'><a href='#' title='futures'>Portfolio</a></li>
  <li id='kwick5'><a href='#' title='contact us'>Contact</a></li>
  <li id='kwick6'><a href='#' title='recomended links'>Resource</a></li>
  </ul>
  </div>
  <script type="text/javascript">
  $().ready(function() {
  $('.kwicks').kwicks({
  max : 190,
  duration: 800,
  easing: 'easeOutQuint'
  });
  });
  </script>
  
  
  | Blog Tools
  - Keterangan :
  • Kode yang berwarna merah (<a href='#') merupakan URL Link tujuan. Silakan diisi sesuai dengan yang sobat inginkan, misal untuk Home saya gunakan url blog jadi kode akan menjadi seperti :
    
    
    <li id='kwick1'><a href='http://monozcore.blogspot.com' title='Home'>Home</a></li>
  
  
  • Kode yang berwarna biru merupakan kode jquery, apabila di blog sobat sudah ada kode jquery silakan sobat hapus dulu kode jquery yang sobat pasang atau hapus kode jquery pada kode di atas.


• Klik "Save" untuk menyimpan gadget.

source Monoz

Read More »

0 xD

★Cara Membuat Tooltip Pada Gambar/Image

Anda sudah tahu khan cara meletakkan gambar pada blog? jika belum tahu anda bisa baca tutorialnya disini.
Nah,untuk membuat tooltip pada gambar alias Image,anda hanya menyisipkan kode:


Title="Text Tooltip Yang Kan Muncul"

Contoh pemakaian kodenya,anda bisa lihat barisan kode berikut:

---

<img src="http://1.bp.blogspot.com/_n7xseT2-HDU/SveGmH-vRcI/AAAAAAAAAbo/T-xpQB1BHC0/s200/cara+membuat+tooltip.jpg" title="Saya Sedang Belajar Membuat Tooltip">

---

**Untuk http://1.bp.blogspot.com/_n7xseT2-HDU/SveGmH-vRcI/AAAAAAAAAbo/T-xpQB1BHC0/s200/cara+membuat+tooltip.jpg,anda ganti sesuai alamat/url gambar yang ingin anda pasang.
Sedangkan tulisan Saya Sedang Belajar Membuat Tooltip,rubahlah sesuai keinginan anda.

Dari kode diatas,akan menghasilkan seperti dibawah ini [coba anda letakkan mouse diatas gambar ini]:

---

---

Semoga,gambar diatas tidak mirip dengan seseorang yang sedang membaca artikel blog ini,xixixixi..

★Cara Membuat Tooltip Pada Link/Anchor

Sama seperti langkah membuat tooltip pada gambar diatas,hanya menyisipkan kode Title="Text Tooltip Yang Kan Muncul"
Contoh pemakaiannya,seperti barisan kode berikut ini:

---

<a href="http://pelajaran-blog.blogspot.com/" title="Cara Membuat Tooltip Bro!">Cara Menghias Tooltip</a>

---

**Untuk Cara Membuat Tooltip Bro!,anda ganti sesuai keinginan.
Sedangkan http://pelajaran-blog.blogspot.com/,adalah link yang ingin anda tuju.
Hasilnya akan sepertiu dibawah ini [letakkan mouse diatas link dibawah ini]:

---

Cara Menghias Tooltip

Read More »

0 screedbot

Read More »

cek

Read More »