Informasi cara sederhana mendapatkan Backlink di Blog

Posted by Gani Mugni Selasa, 29 Maret 2011 0 komentar
7 Cara Mendapatkan Backlink ke Blog. Link Gratis Berkualitas
Backlink adalah link yang menuju ke Blog kita. Backlink adalah cara dari off page optimization (optimisasi diluar Blog kita) salah satu cara SEO yang kita lakukan agar Blog kita dianggap populer oleh Robot Google.
Backlink ini juga yang dipakai oleh Google dalam menilai seberapa populer Blog kita diantara Blog-Blog lainnya, sehingga bisa meningkatkan rangking Blog kita di mesin pencari Google. Ukuran banyaknya backlink ini Google memberikan dengan nilai Page Rank (PR).

Ada 2 macam Backlink yang kita kenal, yaitu :
1. One Way Backlink (Link Satu Arah) : adalah jika ada Blog orang lain yang ngelink ke Blog kita sedangkan kita tidak ngelink ke Blog orang lain tersebut.
2. Link Exchange (Link Dua Arah / Saling Link) : adalah jika Blog kita ngelink ke Blog orang lain, dan Blog orang lain tadi ngelink juga ke Blog kita, atau yang lebih populer dikenal dengan sebutan Tukaran Link.
Untuk mendapatkan Backlink ke Blog kita, 


Ada 7 Cara yang bisa kita lakukan, yaitu :

1. Membuat Website dan Tulisan yang Menarik :

Buat Website dan Tulisan yang menarik dan bermanfaat bagi semua orang. Jika web / tulisan kita menarik dan bagus menurut orang lain, maka orang akan ngelink ke Blog kita tanpa diminta. Orang lain dengan sendirinya akan ngelink ke web / tulisan kita. Dengan demikian kita akan mendapatkan one way backlink (link satu arah). Contohnya : Google, Yahoo, Facebook. Stiap kali kita menulis Google, Yahoo atau Facebook, pasti akan menyertakan linknya. Tidak heran jika Blog-Blog seperti itu PR nya tinggi, coba lihat PR Facebook, PR nya 9 lho, karena Facebook banyak menerima backlink satu arah.

2. Membuat Artikel / Tulisan di Blog Orang Lain :

Membuat Artikel / Tulisan untuk dimuat di web orang lain, didalam tulisan tersebut kita mencantumkan link ke Blog kita, maka Blog kita akan mendapat backlink satu arah. Banyak Blog yang menerima artikel / tulisan dari kita. Atau bisa juga submit artikel di situs-situs yang menyediakan submit artikel. Salah satunya yang sering saya gunakan adalah SemuaBisnis.com

3. Submit Artikel di Social Bookmark :

Submit Artikel / URL di Social Bookmark, didalam artikel tersebut kita bisa mencantumkan link ke Tulisan atau web kita. Dengan demikian kita mendapat backlink satu arah. Sekarang ini sudah banyak Social Bookmark Indonesia yang Dofollow.

4. Aktif Posting / Diskusi di Forum :

Aktif posting atau diskusi di forum-forum. Kita bisa mencantumkan link Blog kita di signature. Dengan demikian kita akan mendapat backlink satu arah. Saya sendiri sudah merasakan dapat Backlink dari Forum-forum.

5. Memberikan Comment di Blog orang Lain :

Memberikan comment diBlog orang lain yang do follow. Konon, jika kita memberikan comment di Blog do follow, maka comment kita tidak sia-sia, karena link yang kita cantumkan akan mendapat backlink. Pada saat kita menulis comment, kita bisa menyertakan link Blog kita. Dengan demikian kita akan mendapat backlink satu arah.

6. Tukaran Link :

Tukaran link / Link Exchange, cara ini banyak dilakukan orang termasuk saya sendiri melakukan cara ini. Kita memasang link orang lain dan orang lain memasang link kita. Atau dengan cara Tukaran Banner, dimana di dalam banner tersebut kita masukkan link web kita.

7. Membeli Backlink :

Jika kita mempunyai uang, kita bisa membeli backlink. Di Internet banyak sekali Blog yang menyediakan jasa pembelian backlink, PR nya tinggi-tinggi. Kita meletakkan link Blog kita di Blog mereka, tapi kita harus bayar. Membeli backlink ini termasuk mahal lagipula waktunya terbatas, hanya sementara. Cara lain adalah dengan Paid Review, dimana orang lain akan mereview / menulis tentang Blog kita dan didalam review tersebut kita mewajibkan mecantumkan link ke Blog kita, lalu reviewnya / tulisannya kita bayar.

Selamat mencoba dan semoga bermanfaat.

Baca Selengkapnya ....

Cara Membuat Widget Recent Post dengan Slider

Posted by Gani Mugni 0 komentar
- Sedikit variasi pada widget recent post. Kali ini kita menambahkan effek Slider pada Widget recent post. Dan bila anda sering berblogwalking pasti pernah melihatnya kan? maaf kang salman tidak membuat blog demo kali ini.


ilustrasi

Berikut langkah-langkahnya :

  • Masuk ke blogger
  • Buka Design/Rancangan
  • Pilih Edit HTML
  • Centang pada Expand Widget Template
  • Cari kode ]]></b:skin> (Gunakan Ctrl+F)
  • Masukkan kode berikut ini di atas kode ]]></b:skin>

<script>
function split_date(d){
var da = d.split(' ');
day = "<strong class='day'>"+da[0]+"</strong>";
month = "<strong class='month'>"+da[1].slice(0,3)+"</strong>";
document.write(day+month);
}
</script>
<link href='http://www.blogger.com/static/v1/widgets/119427095-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<!-- Jquery library -->
<script src='http://www.google.com/jsapi?autoload=%7B%22modules%22+%3A+%5B%7B%22name%22+%3A+%22jquery%22%2C%22version%22+%3A+%221.4.2%22%7D%5D%7D' type='text/javascript'></script>
<!-- End Jquery library -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

  • Simpan Template

Langkah 2
  • Lalu, Pilih rancangan, 
  • Pilih Add A Gadget  >> Javascript/HTML
  • Masukkan kode berikut ke dalamnya,

<style type="text/css">
#rp_plus_img{height:212px;overflow:hidden;border:solid 0px #585858;padding:6px 10px 14px 5px;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#FFF;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#DEDEDE;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://sodiycxacun.googlecode.com/files/rpplusimgnt-v1.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 75;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>

  • Simpan dan lihatlah hasilnya

Nah sobat informasi maya, bagaimana keren tidak? kalau keren semoga widget recent post with slider ini bermanfaat ya...




Baca Selengkapnya ....

Memberi Icon Di Address Bar

Posted by Gani Mugni Minggu, 27 Maret 2011 0 komentar
Berawal dari aplikasi FB Cool Status yang biasanya Cuma buat memperindah status kita, semula emang gak kepikiran sama sekali tapi setelah aku liat-liat ternyata image-image imut ne bisa dijaiin icon di Addres Bar. Soalnya sampai sekarang aku blm juga berhasil merubah image menjadi icon-icon mini kaya githu. Udah nyoba tapi gagal maning gagal maning, mungkin lain kali boleh belajar lagi.

Langsung aja aku save as ke PC trus upload dech ke photobucket. Nah sekarang yang aku pengen share ke kalian semua adalah gimana cara Memberi Icon Di Address Bar. Gasak banyak cingcong lage langsung aja ke masalah utama.

Nanti Bakalan seperti ini/kalian bisa bayangin sendirilah :


1. Yang pertama kalian kudu Log-in dengan Id kalian masing-masing.

2. Lalu “Rancangan/Tataletak” kemudian “Edit HTML”

3. Setelah itu “Download Template Lengkap”
  • Namanya juga manusia kadang bisa aja keliru, wlw hal sepele kadang bisa menjadi masalah besar.
4. Centang (V) “Expand Template Widget”

5. Kemudian cari kode </head>
  • Untuk lebih mudahnya tekan CTRL + f
6. Dan copy paste kode dibawah ini tepat diatas </head>


<link href='http://lh4.ggpht.com/_ILzML2joCeU/TL1MyTY1pFI/AAAAAAAAABE/IRw4JO5reME/emoji_crab.gif' rel='SHORTCUT ICON'/>


  • Nb. Kalian bisa mengganti kode yang berwarna merah ntu dengan kode-kode Icon Mini Icon Koleksiku (silahkan pakai semaumu)
7. Lalu “Simpan Template” dan liat hasilnya


Happy Blogging ya semua

Baca Selengkapnya ....

Membuat Menu Tab View

Posted by Gani Mugni 0 komentar
Aku lagi dilanda ketagihan ne, tapi bukan lagi katagihan drug lho melainkan ketagihan nge-blog khususnya nge-postingin tutorial. Emang sih tutorialku hamper mirip or sama malahan dengan punya blog sebelah. Sedikit cerita ne, aku suka bgt ntu yang namanya ngutak-atik HTML, wlw gak jarang suka pusing juga gara-gara ntu kode-kode gak jelas.

Aku juga blogger baru kok, n blas gak ada ilmu ttg HTML , makanya setiap hal yang aku lakuin buat blogku pengen aku abadiin, hmm… itung-itung buat pengingat lah.

Awalnya aku pengen punya ntu yang namanya menu tab view (hayah paan ntu?) tapi lirik-lirik sana sini gak ada yang sreg, sekalinya sreg HTML-nya gak bisa respon (gagal maning gagal maning). Makanya isengku kambuh, ku gabungin ntu 2 tutorial ya Alhamdulillah berhasil juga.

Ntar jadinya seperti ini


1. Seperti biasanya Gan, kalian kudu Log-in dulu dengan ID masing-masing.

2. Langkah selanjutnya masuk ke “Rancangan/Tata Letak” kemudian “Edit HTML”

Seperti gambar dibawah ini ya


3. Yang sll aku tekanin kalian kudu “Download Template Lengkap” takutnya jika terjadi kekeliruan gan. Trus ne centang (V) Expand Template Widget.

4. Cari kode ]]></b:skin>
  • Untuk lebih mudahnya tekan CTRL + f
5. Copy paste kode dibawah ini tepat diatas kode ]]></b:skin>


div.TabView div.Tabs
{
height: 30px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 65px; /* Lebar Menu Utama Atas */

text-align: center;
height: 25px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #8F00FF; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight: bold;
color: #000; /* Warna Font Menu Utama Atas */
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #8F00FF; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #8F00FF; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #000000; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}


6. Kemudian copy paste kode dibawah ini tepat di atas kode </head>


<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>


7. Kemudian klik “Simpan Template”

8. Kemudian langkah selanjutnya Klik “Rancangan/Tata Letak”

9. Lalu Masuk Ke “Elemen Laman” lalu “Tambahkan Gadget”

10. Kemudian pilih “HTML/JavaScrip” dan masukkan kode dibawah ini


<form action="tabview.html" method="get">

<div id="TabView" class="TabView">

<div style="width: 277px;" class="Tabs">

<a class="Active" href="javascript:tabview_switch('TabView',%201);">Materi</a>

<a class="" href="javascript:tabview_switch('TabView',%202);">Deskripsi</a>

<a class="" href="javascript:tabview_switch('TabView',%203);">Tips</a>

<a class="" href="javascript:tabview_switch('TabView',%204);">Edukasi</a>
</div>

<div style="width: 277px; height: 180px;" class="Pages">

<div style="overflow: auto; height: 200px; display: block;" class="Page">

<div class="Pad">
<li><a href=" #"><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 1. Materi</a></li>
<li><a href=" #"><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 2. Materi </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 3. Materi</a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 4. Materi </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 5. Materi </a></li>
<li><a href="# "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 6. Materi </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 7. Materi </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 8. Materi </a></li>
<li><a href=" #"><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 9. Materi </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 10. Materi</a></li>

</div>

</div>

<div style="overflow: auto; height: 200px; display: none;" class="Page">

<div class="Pad">

<li><a href=" #"><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 1. Deskripsi</a></li>
<li><a href=" #"><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 2. Deskripsi </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 3. Deskripsi</a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 4.Deskripsi </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 5. Deskripsi </a></li>
<li><a href="# "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 6. Deskripsi </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 7. Deskripsi </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 8. Deskripsi </a></li>
<li><a href=" #"><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 9. Deskripsi </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 10. Deskripsi</a></li>

</div>

</div>

<div style="overflow: auto; height: 200px; display: none;" class="Page">

<div class="Pad">

<li><a href=" #"><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 1. Tips</a></li>
<li><a href=" #"><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 2. Tips </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 3. Tips</a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 4. Tips </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 5. Tips </a></li>
<li><a href="# "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 6. Tips </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 7. Tips </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 8. Tips </a></li>
<li><a href=" #"><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 9. Tips </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 10. Materi</a></li>

</div>

</div>
<div style="overflow: auto; height: 200px; display: none;" class="Page">

<div class="Pad">

<li><a href=" #"><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 1. Edukasi</a></li>
<li><a href=" #"><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 2. Edukasi </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 3. Edukasi</a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 4. Edukasi </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 5. Edukasi </a></li>
<li><a href="# "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 6. Edukasi </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 7. Edukasi </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 8. Edukasi </a></li>
<li><a href=" #"><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 9. Edukasi </a></li>
<li><a href=" # "><img src="http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif" /> 10. Edukasi </a></li>
</div>

</div>

</div>

</div></form>

<script type="text/javascript"><br/>
<br/>tabview_initialize('TabView');<br/><br/></script>


11. Lalu “Simpan”

Baca Selengkapnya ....

Membuat Efek Link Berwarna-warni dengan JavaScript

Posted by Gani Mugni Sabtu, 26 Maret 2011 0 komentar
pelangi
Tutorial kali ini adalah untuk menanggapi pertanyaan dari salah satu sobat blogger tentang bagaimana membuat link warna-warni. Membuat efek link berwarna-warni di blog sangatlah mudah, kita tinggal memasukkan JavaScript pada blog kita. Apabila sudah memasukkan javascript, maka akan menimbulkan efek link menjadi warna-warni apabila di sorot dengan kursor. Sobat-sobat blogger silakan menggunakan file java script di bawah ini, tapi sebaiknya simpan file java script di hostingan sobat-sobat sendiri. Kenapa? karena hostingan tempat saya menyimpan file javascript adalah gratis, sehingga bandwidthnya terbatas.

Langsung saja, cara membuat link warna-warni adalah sebagai berikut:
  • Login ke Blogger
  • Klik Tata Letak
  • Pilih  Elemen Halaman
  • Klik Tambah Gadget
  • Pilih HTML/JavaScript
  • Masukkan kode JavaScript dibawah ini:

<script src="http://sites.google.com/site/javascriptnew/java-script/rainbow.js" type="text/javascript"></script>

Baca Selengkapnya ....

CARA MENGEMBALIKAN FILE YANG HILANG DIHAPUS VIRUS KOMPUTER (FLASHDISK & HARDDISK)

Posted by Gani Mugni 0 komentar
File anda yang ada di fd atau hd hilang terhapus oleh virus komputer? Jangan panik dulu kalau ternyata file dan folder yang anda miliki berubah menjadi file .exe (aplikasi). Kalau itu yang terjadi maka komputer anda telah terinfeksi virus ganas.

Belum tentu file dan folder anda hilang selamanya karena mungkin hanya di hide (disembunyikan) virus.

Berdoalah semoga hanya diumpetin virus karena cara untuk membuat kembali file dan folder yang ngumpet adalah sebagai berikut :

1. Klik 'start' di toolbar yang umumnya ada di pojok kiri bawah.
2. Pilih dan klik 'run'
3. di isian 'open' ketik saja 'cmd' lalu klik tombol 'ok'
4. nanti akan muncul kotak hitam
5. buka 'windows explorer' dengan menekan tombol 'windows' dan 'huruf e' secara bersama-sama di 'keyboard'.
6. lihat nama drive hard disk atau flash disk anda.
7. jika flash disk atau harddisk anda ada di 'drive G' maka di kotak hitam ketik perintah 'g:' lalu tekan enter. (untuk yang mahir: anda bisa ke path folder tertentu di mana file / folder hilang (untuk recovery yang lebih spesifik).
8. nanti jika berhasil akan terlihat pindah drive dari c: ke g: di layar
9. kemudian ketik 'ATTRIB *.* -S -H -R /S /D' lalu tekan enter. (tanpa tanda kutip)

Selamat mencoba semoga berhasil

Baca Selengkapnya ....

Setting Domain di co.cc

Posted by Gani Mugni Senin, 21 Maret 2011 0 komentar
Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai


2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records
  • Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
  • Untuk option "TTL" biarkan saja, gak perlu dirubah2
  • Pada option "Type" pilih yang "CNAME"
  • Untuk kolom "Value" isikan "ghs.google.com"
  • Sehingga akan seperti pada gamabr dibawah ini:

Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
  • Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"
  • Kemudian pilih "Switch to: • Custom Domain
  • Setelah itu klik pada "Already own a domain? Switch to advanced settings"
  • Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".
  • Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.

3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa

Jadi kesimpulannya adalah:
  • Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"
  • Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"
  • Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.

Baca Selengkapnya ....

Cara Mengganti Template di blogspot

Posted by Gani Mugni Minggu, 20 Maret 2011 0 komentar
Sekilas tentang template blog, Template website atau blog adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang anda lihat saat ini, bahwa terlihat tatanan gambar serta tulisan di layar monitor anda, itulah yang dinamakan template.
Di blogger atau blogspot, anda dapat dapat mengganti template blog anda secara leluasa sesuai dengan selera dan keinginan masing-masing. Jika anda telah mahir membuat template sendiri, anda dapat menggunakan template tersebut untuk blog anda. Namun, jika anda masih awam dalam membuat template, blogger atau blogspot sendiri telah menyediakan beberapa template yang bisa anda pilih sesuai dengan keinginan. Selain itu, anda dapat pula mengunduh atau mendownload template blogger gratis dari penyedia template blogger, salah satu contoh website yang menyediakan template blogger tersebut adalah beralamat di http://blogtemplate4u.com, disana terdapat ratusan template blogger yang bisa anda gunakan secara gratis. namun, jika anda menggunakan template gratis, syarat yang harus ditaati adalah tidak boleh menghapus atau menghilangkan credit link dari pembuat template tersebut. Dengan tidak membuang link credit pembuat template, itu adalah sebagai apresiasi atas kerja keras mereka dalam menyediakan template secara gratis.
Langsung ke topik utama, Cara mengganti template di blogspot atau blogger ada dua cara, yaitu mengganti template dengan template yang disediakan blogspot, atau mengganti template dengan template yang didapat dari penyedia template. kita. Berikut ulasannya :

Mengganti Template dengan Template yang disediakan blogger

Berikut cara-cara untuk mengganti template dengan template yang telah disediakan blogger:
  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Rancangan.  rancangan
  3. Klik menu Perancang Template. Selanjutnya akan muncul jendela perancang template blogger. perancang template
  4. Klik pada pilihan template yang tersedia (saat tartikel ini ditulis template yang terdia berjumlah 6 template). Selain itu, anda dapat pula memilih background atau gambar latar belakang dari template tersebut. Jika sudah cocok dengan salah satu template,  klik APPLY TO BLOG. blogger template designer
  5. Selesai.

Mengganti Template dengan template dari penyedia template

Berikut cara-cara untuk mengganti template dengan template dari penyedia template :
  1. Download terlebih dahulu template yang anda sukai pada website penyedia template blog gratis. Salah satu contoh anda bisa download di blogger templates.
  2. File template yang didownload, biasanya masih dalam bentuk terkompresi (zip atau rar), oleh karenanya anda perlu mengekstrak atau menguraikan file tersebut dengan software ekstraktor seperti WinZip atau WinRar, Namun jika anda tidak memiliki software tersebut, anda bisa mengekstraknya secara online di Wobzip. ekstrak template
  3. Yang nanti di upload atau di unggah ke blogger hanyalah file yang berekstensi .xml.
  4. Silahkan login ke blogger dengan ID anda.
  5. Klik Rancangan. rancangan
  6. Klik menu Edit HTML. edit html
  7. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap. download template lengkap
  8. Klik tombol Browse.., pilih file template yang tadi didownload dan telah diekstrak ( file ekstensi .xml saja ). Kemudian klik tombol Unggah.
    unggah template
  9. Apabila ada muncul peringatan tentang widget, klik pada tombol PERTAHANKAN WIDGET. pertahankan-widget
  10. Selesai.

Baca Selengkapnya ....

Cara Menambahkan Energy Saving Mode Di Blogspot

Posted by Gani Mugni 0 komentar
Menambahkan Energy Saving Mode Di Blogspot atau banyak juga yang mengenalnnya dengan ScreenSaver Blog,, Saya sendiri kurang paham apa tujuan dan manfaat dri pemasangan Energy Saving Mode/Screensaver di blog,tp dari pemahaman saya dari pemasangan Screensaver di PC/Laptop yg tujuannya untuk membuat PC/laptop kita lebih menarik dan menghemat listrik/daya yah mungkin sama fungsinya saat di gunakan di blog.



Ini contohnya :
(untuk memperbesar open new tab gambar di bawah ini)
Download  movie,single/album mp3,software full  version,artikel,tutorial,blogspot,blogger,news atau berita indonesia

Setelelah melihat contohnya kita langsung aja cara membuatnya
1. Masuk dulu ke akun blogger anda
2 Setelah berada di Dashboard Klik Design --> Edit HTML
3. Centang Expand Template Widget
4. Cari Kode Berikut </head> (CTRL + F)
5. Pastekan Kode di bawah ini di Atas kode </head>
<!-- save your energy -->
<script language='javascript' src='http://rezkijit.googlecode.com/files/EnergySaving.js' type='text/javascript'/>
<!-- save your energy end -->
6.Save Template dan Lihat Hasilnya
----------------------------------------------
Jika anda ingin merubah teks dengan teks anda sendiri caranya yaitu
1. Download javascriptnya terlebih dahulu,,copy/paste kode yang berwarna merah di atas di URL bar Web browser anda
2. Jika download selesai silahkan buka file JS nya dengan Notepad
3. Cari kata-kata/teks yang anda ingin ganti,,jika ingin menggantinya dengan Gambar silahkan ganti teks dengan alamat gambar anda.(belum saya praktekkan)
4. Jika telah selesai silahkan Save dan upload File Js nya, caranya bisa dilihat Di Sini
6. Ganti URL/alamat Js Saya (Kode Yang Berwarna Merah Di Atas) dengan Alamat Js anda yg telah anda Upload
7. Sudah deh......



Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Terima Kasih..

Baca Selengkapnya ....

Cara Membuat Tombol Back To Top Di Blogspot

Posted by Gani Mugni 0 komentar


Apa Itu Tombol Back To Top?? sesuai namanya dalam bahasa ingrris yang dalam bahasa mandarinnya yaitu Kembali Ke Atap,upzzz Kembali Ke Atas Maksudnya ,,(mank ada yah bahasa mandarin Kembali ke Atas??) , Nah dari namanya saja pasti udah kebayang kalau di gunakan dalam sebuah halaman blog, yaitu jika kita berada di bagian bawah halaman ataupun pertengan halaman, jika tombol tersebut di klik maka secara perlahan akan menuju ke bagian atas halaman blog, namun ada juga yang langsung tok ke atas tidak secara perlahan,namaun yang saya gunakan naiknya secara Perlahan karena menggunakan JQuery,silahkan dilihat di blog ini contohnya (Bagian Kanan Bawah Arah Kita)udah Ketemu Kan Tombolnya??Kalau belum berarti anda berada di bagian atas halaman,ke bawah dulu dong...
Waduh.... Panjang amat Yah,Yaudah Langsung aja saya Kasi Kodenya

Ini Dia Kodenya :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://js-rezdown7.googlecode.com/files/rezdownbacktotop.js"></script>
entahlah saya dapat kode ini darimana asalnya,hahaha lanjuuuuuuuuttttttt


Cara Meletakkannya Yaitu :
Seperti biasa
1. Masuk ke akun blogger anda dengan email dan password sendiri
2. Setelah berada di halaman Dashboard silahkan anda Pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget
4. Pilih HTML/JavaScript
5. Masukkan/Copy Kode Tersebut Di Atas dan Klik Save.
6. Lihat hasilnya

--------------------------------------------
- Jika anda ingin mengganti dengan tombol atau gambar anda sendiri, download dulu file Js nya.
  • carax pada kode yang berwarna hijau copy/paste di adress bar webbrowser anda,dan klik Enter.
- Setelah download , Open With.. file Js nya dengan NotePad, lalu cari URL gambar dan ganti dengan URL gambar anda sendiri,dan save.

- Setelah selesai, Silakan Upload file Js nya, Caranya Lihat Di Sini.
Setelah itu ganti Kode Warna Hijau di atas dengan Link hasil anda Mengupload.

Kalau kurang jelas silahkan hub. saya.
Terima Kasih...

Baca Selengkapnya ....

Membuat Icon Twitter "Flying Bird"

Posted by Gani Mugni 0 komentar
Membuat Icon Twitter "Flying Bird" dengan pilihan warna sagatlah mudah, hanya dengan merubah warna pada icon twitternya saja kita sudah bisa menikmatinya..hehe (emangnya makanan..) :P. Pada postingan ini saya akan share beberapa icon twitter dengan warna yang berbeda.




Berikut cara memasangnya :
1. Login Blogger
2. Design>>Page Elements>>Add a gadget "HTML/Java Script"
3. Copy kode pada salah satu Spoiler dibawah
4. Save... Done

Note :
- Ganti text berwarna merah pada code dengan nama twitter kamu
- Ganti text berwarna kuning dengan URL blog

Blue:

<script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
<script type="text/javascript">
var birdSprite="https://lh3.googleusercontent.com/_6TkGtddC4V4/TWCoviDo5eI/AAAAAAAAACc/GwRThbgshzg/Blue.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/TwitterKamu";var tweetThisText = "Twitter - TwitterKamu http://volkavolka.blogspot.com/";tripleflapInit();</script>


Baca Selengkapnya ....

Cara Pasang Read More Otomatis Di Blog Post

Posted by Gani Mugni 0 komentar

Membuat Fitur Read More di blog mungkin sudah tidak asing lagi bagi blogger Master, yaitu fitur blog untuk menyembunyikan sebagian artikel yang akan ditampilkan di Page Home blog.

Baik langsung saja, berikut cara yang anda butuhkan untuk membuat Read More Otomatis.

1. Login ke akun Blogger anda

2. Klik pada tab Tata Letak

3. Lalu klik tab Edit HTML

4. jangan lupa Beri tanda centang pada kotak kecil Expand Template Widget

5. Copy kode berikut tepat di atas kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; summary_img = 301; img_thumb_height = 150; img_thumb_width = 150; </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");
if(img.length<1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><img src="http://2.bp.blogspot.com/_0Nr--qemD8Y/TCLunoOn0SI/AAAAAAAAAsU/PFNWur48hKg/s1600/def-thumb.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}
if(img.length>=1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><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>

Ket:
summary_noimg = 300 menunjukkan jumlah karakter yang akan ditampilkan tanpa gambar
summary_img = 301 menunjukkan jumlah karakter yang ditampilkan termasuk gambar
img_thumb_height = 150 menunjukkan tinggi gambar thumbnail
img_thumb_width = 150 menunjukkan lebar gambar thumbnail
float:right menunjukkan posisi gambar thumbnail di kanan. Jika anda ingin gambar thumbnail berada di kiri ganti right menjadi left
img src="http://2.bp.blogspot.com/_0Nr--qemD8Y/TCLunoOn0SI/AAAAAAAAAsU/PFNWur48hKg/s1600/def-thumb.png" adalah gambar Read More yang muncul. Anda bisa mengganti Kode Gambar tersebut, bila anda memilik gambar yang unik.

6. Kemudian cari kode <data:post.body/> atau <p><data:post.body/></p> Untuk memudahkan pencarian gunakan Ctrl+F.

7. Ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'><b>Read more &#187;</b></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><p><data:post.body/></p>
</b:if>
8. Simpan
Silahkan Modifikasi kode-kode di atas seusai keinginan anda.

Baca Selengkapnya ....

Panduan membuat Blog di Blogspot

Posted by Gani Mugni 0 komentar


1. Apa itu Blog ?

Blog merupakan sigkatan dari “Web log” adalah salah satu aplikasi web berupa tulisan-tulisan yang umum disebut sebagai posting pada halaman web. Tulisan-tulisan tersebut seringkali diurut dari yang terbaru dan diikuti oleh yang lama.
Awalnya, blog dibuat adalah sebagai catatan pribadi yang disimpan secara online, namun kini isi dari sebuah blog sangat bervariatif ada yang berisi tutorial ( contoh blog ini ), curhat, bisnis dan lain sebagainya. Secara umum, blog tidak ada bedanya dengan situs yang ada di internet.
Flatform blog atau seringkali disebut juga dengan mesin blog dibuat sedemikian rupa oleh para designer blog agar mudah untuk digunakan. Dulu, untuk membuat aplikasi web diperlukan pengetahuan tentang pemrograman HTML, PHP, CSS dan lain sebagainya, dengan blog semuanya menjadi mudah semudah menyebut angka 1 2 3.

2. Cara membuat blog di blogspot

Salah satu penyedia blog gratis yang cukup populer saat ini adalah  blogspot atau blogger, dimana ketika mendaptar adalah melalui situs blogger.com namun nama domain yang akan anda dapatkan adalah sub domain dari blogspot, contoh : contohsaja.blogspot.com
Kenapa harus membuat blog di blogger.com bukan pada situs penyedia blog lainnya? Sebenarnya tidak ada keharusan untuk membuat blog di blogger, namun ada banyak kelebihan yang dimiliki blogger di banding dengan penyedia blog lain. Beberapa contoh kelebihan blogspot di banding yang lain yaitu mudah dalam pengoperasian sehingga cocok untuk pemula, lebih leluasa dalam mengganti serta mengedit template sehingga tampilan blog anda akan lebih fresh karena hasil kreasi sendiri, custom domain atau anda dapat mengubah nama blog anda dengan nama domain sendiri misalkan contohsaja.blogspot.com di ubah menjadi contohsaja.com,sedangkan hosting tetap menggunakan blogspot dan masih tetap gratis.
Perlu ditekankan dari awal bahwa internet itu sifatnya sangat dinamis, sehingga mungkin saja dalam beberapa waktu kedepan panduan membuat blog di blogspot ini akan sedikit berbeda dengan apa yang anda lihat di blogger.com
Untuk mengurangi hal yang tidak perlu di tulis, berikut cara membuat blogger di blogger.com

Membuat Email

Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki alamat email yang masih aktif atau di gunakan. Jika anda belum mempunyai alamat email, silahkan daftar terlebih dahulu di gmail karena blogger adalah salah satu layanan dari Google maka ketika mendaftar ke blogger sebaiknya gunakan email gmail. Jika anda belum paham bagaimana cara membuat email, silahkan gunakan mesin pencari google untuk mencari panduannya.

Daftar Blog di blogger


  1. Silahkan kunjungi situs http://www.blogger.com
  2. Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan atas, ubah bahasa ke Indonesia agar lebih mudah difahami. Silahkan langsung login dengan menggunakan username serta password gmail anda ( akun email anda bisa untuk login ke blogger). login blogger
  3. Klik tombol bertuliskan CIPTAKAN BLOG ANDA. ciptakan blog anda
  4. Isilah nama judul blog serta alamat blog yang di inginkan. Ingat! dalam membuat alamat blog harus benar-benar serius karena itu permanen tidak dapat digantikan lagi (kecuali nanti ganti dengan custom domain). Jika alamat yang diinginkan ternyata tidak bisa digunakan, masukkan kembali alamat lain yang masih tersedia. Jika alamat blog yang diinginkan masih tersedia, silahkan klik anak panah bertuliskan LANJUTKAN. nama-blog
  5. Silahkan pilih template yang anda sukai ( template ini nanti bisa diubah lagi kapan saja anda mau), kemudian klik LANJUTKAN. pilih template di blogger
  6. Akan ada tulisan “Blog Anda Sudah Jadi!”. Silahkan lanjutkan dengan klik tombol MULAI BLOGGING. mulai blogging
  7. Setelah masuk post editor, silahkan isi apa saja ( disarankan untuk langsung mengisi posting, biasanya jika tidak langsung posting akan terjaring robot anti spam milik blogger, dan blog anda akan di lock). Contoh : hello world. Klik Tombol PRATINJAU untuk melihat tampilan yang nanti akan muncul di blog, klik tombol TERBITKAN ENTRI jika posting anda mau dipublikasikan ke publik. terbitkan entri
  8. Klik “Lihat Entri” untuk melihat blog anda. Berikut contoh tampilan blog yang tadi di buat. tampilan-blog
  9. Selesai.
Untuk tahap awal, blog anda sudah jadi dan bisa diakses dimana saja. Untuk pembahasan lebih dalam tentang bagaimana blogging dengan blogger, akan di bahas pada posting berikutnya.

 


Baca Selengkapnya ....

Cara Daftar Google Adsense Melalui Indyarocks

Posted by Gani Mugni 0 komentar

 Sob kali ini ane mau ngebahas tentang Google AdSense siapa si yg ngga kenal ama boz iklan ini dan baru2 ni AdSense saya di-approved sama Om Google.senengnya minta ampun,pertama si ane di kasih tau ama Agan Komud cara2 daftar GA ini tadinya si pesimis ngga bisa bikin tapi karena ane pengin bgt punya akun ini ane coba ja tuh.
nih ane kasih tau cara-caranya trz ikutin ja deh cara-cara ane ni.



Seblum kita mendaftarkan di Indyarocks ini agan siapkan alat tempurnya,hehe.
  • E-mail dari G-mail.com ini harus  make  ni karena  GA kan brasal dari Google.com.
  • Siapin 10 photo g akan di upload melalui Indyarocks. (boleh lebih dan harus bersangkutan dengan Artikel yg akan kita buat)
  • Artikel bahasa inggris minimal 2 artikel,tidak boleh make jurus COPAS,harus bikin sendiri.
PERHATIKAN DAN PAHAMI LANGKAH-LANGKAHNYA

Tahap Pertama :
  • Masuk ke Indyarocks.com pendaftarn ini kaya jejaring sosial yg lainya ko,jd mudah di pahami,kaya pertama kita daftar ke Facebook
  • Carilah tombol Join now dan klik tombol join now tersebut
  • Isilah form yang disediakan dengan data yang diminta
  • Jika sudah cari dan klik tombol "I will do it latter"  
  • Silahkan cek kotak masuk email anda dan buka email dari Indyarocks dan klik konfirmasinya
  • Kalau sudah login Lengkapilah profil anda, lihat kanan atas Klik Account >> Edit profil.
  • Isilah semua form diminta mulai Basic - Personal - Lifestyle - Professional - Account Settings, jangan lupa foto profil
  • Sekarang Cari tombol Upload photos, Buatlah album dan upload 10 foto yang sudah dipersiapkan
  • Jika sudah posting 2 artikel yang sudah di siapkan, Arahkan mouse pada menu Media "lihat atas" 
  • Pada submenu klik Blogs dan carilah Menu Write blogs "lihat atas" kalau sudah ketemu silahkan posting artikel anda 

Tahap Kedua :
  • Masih di Indyarocks Silahkan klik My life 
  • Lihat bagian kanan pada menu "Quick Links sebelah kanan atas", kalau sudah ketemu klik saja "Earning *Google Adsense"
  • Anda akan diminta untuk cek kelayakan Klik saja Check Eligibility
  • Jika benar-benar sudah lengkap akan ada pesan "Earn Money Through Google Adsense" klik saja Start Earning (tapi jika masih dapat pesan "Oops. You are not eligible" ikuti saja instruksi yang diminta apa kekuranganya dan lengkapi sampai ada pesan Earn Money Through Google Adsense )
  • Kalau sudah Klik saja Next
  • Pada "Do you already have a google adsense account?" klik No
  • Masukkan Email gmail baru anda dan klik Next
  • Untuk tahap indyarocks sudah selesai, tapi ada hal yang harus anda kerjakan. silahkan cek kembali kotak masuk email anda dan buka email verifikasi dari google adsense dan ikuti instruksi yang diminta dan klik link yang diberikan google adsense maka anda akan dibawa ke tahap pengisian data pada google adsense. Jadi isilah dengan benar. jika belum ada pesan verifikasi dari Google adsense tunggu saja beberapa saat Pihak Indyarocks sedang mereview aplikasi anda untuk diajukan ke pihak Google adsense.
  • Jangan lupa pilih "Yes" pada "Allow Indyarocks.com to access my account" lanjutkan dengan mengklik "Submit information"
  • Pada bagian ini adalah konfirmasi kebenaran data "hal yang paling penting yaitu pada bagian Nam penerima pembayaran dan negara asal" ini harus benar-benar sesuai karena sudah tidak bisa di rubah lagi, tapi untuk alamat dan data lainnya masih bisa dirubah kemudian. Jika sudah benar klik saja "Create account"
  • Beri tanda cek dan klik "I Accept"      

Mungkin Klw blm jelas ama Tutor ini bisa langsung tanya ma ane atau sama agan Komud,sekian dari ane semoga bermanfaat.mungkin artikel tentang Adsense akan ane lanjutin di lain waktu.

Baca Selengkapnya ....

Cara membuat tulisan aneh di CBox

Posted by Gani Mugni 0 komentar





Cara Membuat Teks Miring (Italic Style) di CBOX
Apit kata-kata yang ingin dicetak miring dengan [i] dan [/i]
Contoh: [i]teks miring[/i] hasilnya teks miring



Cara Membuat Teks Tebal (Bold Style) di CBOX
Apit kata-kata yang ingin dicetak tebal dengan [b] dan [/b]
Contoh: [b]teks tebal[/b] hasilnya teks tebal

Cara Membuat Teks Bergaris Bawah (Underline Style) di CBOX
Apit kata-kata yang ingin digaris bawah dengan [u] dan [/u]
Contoh: [u]teks bergaris bawah[/u] hasilnya teks bergaris bawah

Cara Membuat Teks Bergaris Tengah (Strike Style) di CBOX
Apit kata-kata yang ingin di garis tengah atau dicoret dengan [s] dan [/s]
Contoh: [s]teks dicoret[/s] hasilnya teks dicoret

Cara Membuat Teks Berukuran Besar (Big) di CBOX
Apit kata-kata yang ingin dicetak besar dengan [big] dan [/big]
Contoh: [big]tulisan besar[/big] hasilnya tulisan besar

Cara Membuat Tulisan Berukuran Kecil (Small) di CBOX
Apit kata-kata yang ingin dicetak kecil dengan [small] dan [/small]
Contoh: [small]tulisan kecil[/small] hasilnya tulisan kecil

Cara Membuat Tulisan Rata Tengah (Center) di CBOX
Apit kata-kata yang ingin dibuat rata tengah dengan [center] dan [/center]
Contoh: [center]rata tengah[/center]

Cara Membuat Tulisan Berwarna (Color) di CBOX
Apit kata-kata yang ingin diberi warna dengan [color=warna] dan [/color]
Contoh: [color=blue]teks biru[/color] hasilnya teks ebiru

Kode-kode warna:
[color=red] [/color]
[color=blue] [/color]
[color=green] [/color]
[color=yellow] [/color]
[color=pink] [/color]
[color=purple] [/color]
[color=brown] [/color]
[color=bronze] [/color]
[color=orange] [/color]
[color=black] [/color]
[color=white] [/color]
[color=gold] [/color]
[color=silver] [/color]
[color=violet] [/color]
[color=hotpink] [/color]
[color=navyblue] [/color]
[color=tan] [/color]
[color=aqua] [/color]
[color=teal] [/color]
[color=lime] [/color]


Cara Membuat Teks Berjalan (Marquee) di CBOX
Apit kata-kata yang ingin dibuat bergerak dengan [scroll] dan [/scroll]
Contoh: [scroll]teks berjalan[/scroll]

Cara Membuat Teks Ber Link di CBOX
Apit kata-kata yang ingin diberi link dengan [url=alamattujuan] dan [/url]
Contoh: [url=http://www.nizarmodo.co.cc]Blogger Lamongan[/url]


Baca Selengkapnya ....

Cara Meningkatkan performa flash disk

Posted by Gani Mugni 0 komentar
Di Windows Me dan Windows 2000, pengoperasian USB flash disk terasa sedikit me

repotkan. Anda dipaksa harus mengklik ikon [Safely Remove Hardware] di system tray dan mengklik tombol [Stop] sebelum mencabut piranti USB. Kini, di Windows XP, kewajiban tersebut sudah tidak ada lagi. Anda bisa mencabut flash disk kapan saja selama tidak dalam proses transfer data. Pengoperasian flash disk pun jadi lebih mudah.
Akan tetapi kemudahan tersebut harus dibayar dengan menurunnya performa flash disk. Ini disebabkan karena Windows harus menonaktifkan fitur write cache demi fleksibilitas tadi, sehingga performa harus dikorbankan.
Nah, bagi Anda yang mengutamakan performa flash disk sebagai nomor satu, Anda harus mengaktifkan write cache ini dari Device Manager. Caranya:
1. Klik [Start] > [Control Panel] > [Performance and Maintenance] > [System].
2. Pilih tab [Hardware].
3. Buka jendela Device Manager dengan mengklik tombol [Device Manager].
4. Masuklah ke disk drives, dan klik kanan pada nama USB flash disk.
5. Pilih [Properties].
6. Masuklah ke tab [Policies] kemudian ubah radio button [Optimize for quick removal] menjadi [Optimize for Performance].
7. Tekan [OK], lalu tutup jendela Device Manager dan System Properties.
8. Restart Windows.

Baca Selengkapnya ....

percantik halaman blog dengan kupu kupu berterbangan kemana2

Posted by Gani Mugni Sabtu, 19 Maret 2011 0 komentar
Seperti biasa, disini saya akan mengasih anda dua cara.. yaitu cara mentah dan mateng.. hehehe.. kayak makanan aja yah.. oke.. sekarang akan saya kasih cara mateng nya dulu, yaitu anda tinggal memakai scriptnya dan memasukkan kedalam halaman blog anda
...
Masukkan script dibawah ini kedalam halaman edit html blog anda dan tepatnya taruh diatas kode </body> :

<script src="http://h1.ripway.com/ekhan/kupu-kupu.js"></script>

kemudian SAVE / SIMPAN template anda (lihat hasilnya), jika masih bingung dengan cara di atas atau alasan lain seperti ribet/kelamaan.. ok.. akan saya kasih jalan mudah dan prkatisnya.. Yaitu, anda menuju kehalaman LAYOUT blog anda, kemudian tambahkan gadget baru ( ADD A GADGET ) dan pilih lagi pilihan HTML/JAVASCRIPT dan masukkan script tadi ( *yang di atas itu loh* ) kedalamnya dan tekan tombol SAVE / SIMPAN .. oke dech.. lihat hasilnya sekarang juga... ( kalo berhasil cuap cuap disini juga boleh.. biar PUASSSS...!!! hehehe )

Kemudian cara yang kedua, yaitu cara mentahnya. Mengapa saya katakan sbg cara mentah.. karena disini anda tidak bisa langsung memakai scriptnya kedalam blog anda.. anda harus mengupload script dibawah ini ke web file hosting pilihan anda, ex: www.ripway.com , www.googlepages.com , www.geocities.com , dll. ni dia scriptnya..

/*
Flying Bats script (By BGAudioDr@aol.com)
Modified slightly/ permission granted to Dynamic Drive to feature script in archive
For full source, visit http://www.dynamicdrive.com
*/

var Ymax=8; //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8; //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000; //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES

//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!

var floatimages=new Array();
floatimages[0]='http://h1.ripway.com/ekhan/master-kupu.gif';
floatimages[1]='http://h1.ripway.com/ekhan/master-kupu.gif';
floatimages[2]='http://h1.ripway.com/ekhan/master-kupu.gif';

//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);
function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}
function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}
function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}
function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}
function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}
function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}
function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}
function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}
function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}
function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}
function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}
function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}
function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}
if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}

copy seluruh script diats kemudian taruh dlam notepad / sejenisnya dan save / simpan dalam format ( .js ) tanpa tanda kurung, contoh : kupu.js .
Setelah anda save file js di atas lalu upload ke web file hosting pilihan anda.. dan setelah anda upload.. kemudian anda buat script pemanggil file js tersebut, seperti ini contihnya :

<script src="http://web-file-hosting-anda.com/kupu.js"></script>

kemudian.. kayak cara yang pertama tadi.. anda tinggal memasukkan script diatas ini kedalam halaman blog anda, [ klik disini untuk melihat cara yang diatas tadi ]

oke dech... selesai dan silahkan lihat hasilnya....
criiiing... kupu kupu berterbangan di halaman blog anda...

Oiya.. script diatas juga bisa anda pakai / masukkan kedalam halaman profile FRIENDSTER anda, yaitu caranya taruh scrip di bawah ini kedalam edit " ABOUT ME atau I WANT TO MEET "

<script src="http://h1.ripway.com/ekhan/kupu-kupu.js"></script>

Oke... segitu aja dulu yah... dan masih banyak lagi tutorial javascript lainnya yang lebih keren dan menarik... kalo ingin rekues tutorial javascript atau sekedar cuap cuap melepas kepuasan atas keberhasilan anda memasang script ini silahkan isi dikotak komentar dibawah ini yah...
Selamat sukses berblogging...

Baca Selengkapnya ....

javscript anti klik kanan pada halaman web / blog

Posted by Gani Mugni 0 komentar
Oke.. ngga banyak kata lagi saya akan langsung memeberikan scriptnya dan nggak lupa juga dengan cara memasangnya ke halaman web blog anda
...
Copy seluruh script javascript di bawah ini :

<script language=JavaScript>
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message=" Maaf tidak untuk di per copy - paste kan | kalao ingin mebuat halaman seperti ini kunjungi aja di http://master-blog-ayiek.blogspot.com";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

Kemudian masukkan atau paste script diatas ke dalam blog anda yaitu tepatnya taruh script javascript tersebut tepat di atas kode </body> kemudian tekan tombol SAVE / SIMPAN , Jika Terjadi ERROR alias ga bisa di simpan maka sebaiknya anda PARSE terlebih dahulu script javascript di atas ke web parser , kemudian hasil PARSEannya baru anda masukkan ke halaman blog anda, kemudian jangan lupa tekan SAVE / SIMPAN.
Udah dech.. sekarang blog anda menjadi sedikit aman dari para pencuri artikel.. hehehe... Tapi perlu diingat bahwa script di atas masih mempunya banyak kelemahan dan kekurangan.
Dan sedikit saran dari saya " fikirkan matang matang sebelum menggunakan script ini kedalam halaman web blog anda " karena jika dengan adanya script ini pada halaman web blog anda menjadi ketidak nyamanan buat pengunjung blog anda, bisa bisa web blog anda jadi di benci oleh pengunjung dan tidak akan mau lagi berkunjung ke halaman web blog anda.
Tapi semua keputusan ada pada anda dan jadikan script ini sebatas permainan dan keindahan buat blog kita aja... hehehe...
Kalo masih bingung dengan cara memasukkan script di atas kedalam blog anda, silahkan tanyakan aja yah... insya allah saya akan membantu..
Selamat mencoba dan sukses...

Baca Selengkapnya ....

membuat tulisan bergerak / berjalan pada tab browser

Posted by Gani Mugni 0 komentar
Oke sekarang saya akan membahas cara membuat teks berjalan pada tab browser, ini adalah salah satu rekues dari sobat pengunjung blog ini, jika anda tertarik ingin rekues juga.. silahkan tinggalkan pesan anda di kotak komentar di bawah ya... biasa kayak teman2 lainnya...

ni dia script yang membuat tulisan anda bisa berjalan pada tab browser anda..

<script language='JavaScript'>
var txt="Text / kata2 anda taruh sini.. OK";
var ekhancepetandunk=170;var fress=null;function gerakyuk() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
fress=setTimeout("gerakyuk()",ekhancepetandunk);}gerakyuk();
</script>

taruh code javascript diatas tepat di atas code dibawah ini :

</body>

Mengapa saya merekomendasikan anda untuk menaruh script javaceipt di bagian bawah ( yaitu taruh tepat di atas kode </body> ) pada editor HTML blog anda..? karena ini akan sedikit mengakali agar SEARCH ENGINE sedikit FRIENDLY dengan blog anda... loh ko bisa.. iya... karena mesin pencari akan membaca bagian blog dimulai dari atas ke bawah yaitu dari bagian HEADER ke bagian FOOTER blog... ( jadi jangan coba2 anda menaruh script2 yang berat kayak JAVASCRIPT kebagian HEADER BLOG anda, karena akan memakan waktu lama mesin pencari membaca content blog anda karena terhambat / terhadang terlebih dahulu oleh script super berat JAVASCRIPT )

setelah itu tekan tombol save / simpan pada editor template anda.. selesai..
Mudah kan..? kalo masih ada yang bingung dengan hal ini silahkan tanyakan aja yah... ga papa.. gratis ko.... hehehe.. n kalo dah berhasil juga jangan lupa koar koarkan suara anda disni... hehehe...
selamat mencoba...

Baca Selengkapnya ....

cara membuat text link berkelip kedip saat di klik

Posted by Gani Mugni 0 komentar
Jika anda pengen langsung bisa menggunakan scriptnya.. silahkan pakai aja script yang sudah saya upload di web file hosting dan tugas anda tinggal memasangkan di blog anda yaitu dengan cara copy lalu paste di editor HTML blog anda dan taruh tepat di atas kode </body> :
<script src='http://h1.ripway.com/ekhan/rainbow.js'></script>

Kemudian tekan tombol SAVE / SIMPAN ... ( lihat hasilnya... )

Dan jika anda masih belum puas dengan script yang sudah jadi diatas saya akan memberikan script mentahannya ( siapa tau kapan2 alamat file JS yang saya berikan di atas ga bisa di access lagi, maka anda bisa mengupload script dibawah ini )


/************************************************************************/
/* Rainbow Links Version 1.03 (2003.9.20) */
/* Script updated by Dynamicdrive.com for IE6 */
/* Copyright (C) 1999-2001 TAKANASHI Mizuki */
/* takanasi@hamal.freemail.ne.jp */
/*----------------------------------------------------------------------*/
/* Read it somehow even if my English text is a little wrong! ;-) */
/* */
/* Usage: */
/* Insert '<script src="rainbow.js"></script>' into the BODY section, */
/* right after the BODY tag itself, before anything else. */
/* You don't need to add "onMouseover" and "onMouseout" attributes!! */
/* */
/* If you'd like to add effect to other texts(not link texts), then */
/* add 'onmouseover="doRainbow(this);"' and */
/* 'onmouseout="stopRainbow();"' to the target tags. */
/* */
/* This Script works with IE4,Netscape6,Mozilla browser and above only, */
/* but no error occurs on other browsers. */
/************************************************************************/


////////////////////////////////////////////////////////////////////
// Setting

var rate = 20; // Increase amount(The degree of the transmutation)


////////////////////////////////////////////////////////////////////
// Main routine

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID


if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}


//=============================================================================
// doRainbow
// This function begins to change a color.
//=============================================================================
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}


//=============================================================================
// stopRainbow
// This function stops to change a color.
//=============================================================================
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}


//=============================================================================
// doRainbowAnchor
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


//=============================================================================
// stopRainbowAnchor
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


//=============================================================================
// Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser)
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


//=============================================================================
// Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser)
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


//=============================================================================
// Change Color
// This function changes a color actually.
//=============================================================================
function ChangeColor()
{
objActive.style.color = makeColor();
}

//=============================================================================
// makeColor
// This function makes rainbow colors.
//=============================================================================
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}

elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}


Copy script diatas kemudian paste kedalam notepad / sejenisnya lalu simpan file tersebut dalam format JS (javascript) sebagai contoh : anda simpan dengan nama RAINBOW.JS ( pokoknya di belakang nama file berekstensi ( .js ) tanpa tanda kurung )
kemudian upload file tersebut ke web file hosting yang anda punya, ( web file hosting rekomend : www.geocities.com , www.googlepages.com , www.ripway.com , dll )
Setelah anda upload file js tersebut sekarang anda membuat script perintah pemanggilan file js tersebut, yaitu seperti ini :

<script src='http://alamat-file-hosting-anda/contoh.js'></script>

kemudian taruh script yang barusan anda buat tadi tepat di atas code </body>

kemudian tekan tombol SAVE / SIMPAN dan lihat hasilnya....

udah begitu aja.... mudah kan...?
kalo masih ada yang bingung silahkan tanyakan aja yah.. moga aja sih ga da masalah dengan hal ini... selamat mencoba dan semoga sukses...




Baca Selengkapnya ....
Panduan blog dan SEO support Jual Online Baju Wanita - Original design by Bamz | Copyright of Azhara Blog.