Cara membuat widget tab view

Tab view merupakan sarana untuk menghemat ruangan pada blog kita...langsung aja lihat dan praktiken:


silahkan ikuti caranya:



1. Login ke Blogger
2. Pilih Design -> Page Element
3. Klik Add a Gadget -> HTML/Javascript lalu masukkan kode dibawah ini kedalam kotak

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 80px; /* Lebar Kotak Tab */ 
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */ 
background-color: #000; /* Warna background Kotak Tab */ 
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */

}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */ }
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

</style>

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 385px;" class="Tabs">
<a><span style="color: #ffffff">Tab 1</span></a>
<a><span style="color: #ffffff">Tab 2</span></a>
<a><span style="color: #ffffff">Tab 3</span></a>
</div>
<div style="width: 300px; height: 180px;" class="Pages">

<div class="Page">
<div class="Pad">
konten 1
</div>
</div>

<div class="Page">
<div class="Pad">
konten 2
</div>
</div>

<div class="Page">
<div class="Pad">
konten 3
</div>
</div>
</div></div></form>

<script style="text/javascript" src="http://hermanblog.googlecode.com/files/tab_view.js"></script>
<script type="text/javascript">tabview_initialize('TabView');
</script>

Keterangan:
Tulisan berwarna merah merupakan keterangan dari masing-masing kode. Silahkan atur nilainya sesuai keinginan
Tulisan berwarna orange merupakan warna judul Tab
Tulisan berwarna hijau merupakan judul Tab
Angka 300 pada 'Width' menunjukkan panjang kotak dan 180 pada 'height' menunjukkan tinggi kota. Silahkan ganti nilainya sesuai ukuran template anda.
Tulisan yang dicetak tebal merupakan isi tab view. Silahkan ganti dengan teks, link, banner atau widget anda.

4. Kalau sudah, klik Save. Selesai

09.46 | 0 komentar | Read More

Cara mengetahui blog dofollow atau nofollow

langsung aja ikuti tutorialnya dari :http://www.gentayangantriks.co.cc


Browser Firefox
Ada 2 cara yang bisa digunakan:

1. Melihat properties linknya
Ini adalah cara klasik yang sering digunakan blogger atau webmaster untuk mengecek status link. Caranya, klik kanan pada link yang berada pada kolom komentar lalu pilihProperties jika muncul tulisan relation: nofollow berarti blog tersebut bersifat nofollow.



2. Menggunakan addons Firefox
Ada banyak addons Firefox yang mampu mendeteksi link nofollow, salah satunya adalahSearchStatus. Dengan addons ini anda bisa melihat apakah suatu link dofollow atau nofollow dalam waktu yang bersamaan. sehingga lebih cepat. Anda bisa instal addonsnyadisini. Setelah instal, aktifkan fitur pendeteksi nofollow dengan cara klik kanan pada logo SearchStatus yang terletak dipojok kanan bawah layar lalu pilih Highlight Nofollow Links. (Jika anda ingin menonaktifkan fitur ini cukup hilangkan centang pada 'Highlight Nofollow Links').


Jika link dihighlight merah berarti blog tersebut bersifat nofollow.



Browser Google Chrome
Instal Chrome SEO disini. Setelah itu, aktifkan fitur pendeteksi nofollow dengan cara klik logo Chrome SEO yang terletak di pojok kanan atas. kemudian tunggu beberapa saat hingga menu Chrome SEO muncul selanjutnya klik link Show Nofollow.



Browser IE
Untuk pengguna IE, caranya cukup mudah anda tinggal copas kode dibawah ini ke address bar pada halaman dimana anda ingin melakukan pengecekan.

javascript: var anchors;anchors = document.getElementsByTagName("a");var anchorIndex;for(anchorIndex = 0;anchorIndex < anchors.length;anchorIndex++) { if(anchors[anchorIndex].getAttribute("rel") && anchors[anchorIndex].getAttribute("rel")=="nofollow") anchors[anchorIndex].style.backgroundColor="red";} void(0);

Jika blog tersebut bersifat nofollow maka link akan dihighlight merah seperti gambar berikut.



Browser Safari
Caranya hampir sama dengan browser IE yaitu tinggal copas kode ke address bar pada halaman dimana anda ingin melakukan pengecekan.

javascript:var%20a=document.getElementsByTagName('a');for(var%20z=0;z%3Ca.length;%20z++){if(a[z].rel==’nofollow’){a[z].style.border=’1px%20solid%20%23F00';}}

09.39 | 3 komentar | Read More

Cara membuat dropdown

1. Login ke Blogger. Klik menu Design-> Page Elements
2. Klik Add a Gadget -> HTML/ Javascript
3. Masukkan kode dibawah ini kedalam kotak

<select onChange="document.location.href=this.options[this.selectedIndex].
value;">
<option value="http://alamatblog.com/#" selected>Blogroll</option> 
<option value="http://alamatLink.com/">Nama Link</option> 
<option value="http://alamatLink.com/">Nama Link</option> 
<option value="http://alamatLink.com/">Nama Link</option> 
</select>

Jika anda ingin menambah link baru lagi tambahkan kode 

<option value="http://alamatLink.com/">Nama Link</option> diatas </select>

Ganti alamatblog dengan dengan alamat blog kalian.
Ganti teks berwarna merah dengan alamat link yang ingin dipasang.
Ganti teks berwarna biru dengan nama link yang ingin ditampilkan.


4. Jika sudah klik Save. Selesai.



jika ingin menampilkan hasil di halaman yang lain maka tinggal ganti saja kode
<select onChange="document.location.href=this.options[this.selectedIndex].
value;">


dengan kode:
<select onchange="javascript:window.open(this.options[this.selectedIndex].
value);">


selamat berbloging

09.28 | 0 komentar | Read More

Cara memasang banner berjajar/berjejer kesamping

 Cara Pasang Banner Berjejer Kesamping. yang dibutuhkan hanya kode <td> dan </td> yang disisipkan pada script atau kode banner HTML .contohnya kaya gini :

<td><a href="http://www.buyblogreviews.com/welcome.php?id=1426101"><img src="http://www.buyblogreviews.com/images/banner5.jpg" border="0" /></a></td>

<td><a href="http://www.adbrite.com/mb/landing_both.php?spid=132504&afb=125x125-1-red">
<img src="http://files.adbrite.com/mb/images/125x125-1-red.gif" border="0" /></a></td>

<td><a href="http://www.ririn.web.id/" title="Ririn Blog"><img src="http://i599.photobucket.com/albums/tt76/ririn_album/banner-rin.gif" width="125" height="125" alt="ad250" /></a></td>




Gimana,mudah bukan? jangan sampai lupa sisipkan kode berwarna biru di setiap measang banner.


selamat mencoba

09.18 | 0 komentar | Read More

Cara melihat atau mengecek jumlah backlink

Bagi yang sudah lama terjun ke dunia blogging tentu sudah tidak asing lagi dengan istilahbacklink. Namun bagi yang masih awam atau belum tahu apa itu backlink. Secara singkat, Backlink adalah link situs kita yang dipasang pada situs lain. Backlink ada yang bersifat one way link dan two way link. Yang dimaksud dengan One way link adalah link situs kita dipasang oleh situs lain namun kita tidak memasang linknya di situs kita sedangkan two way link adalah saya link situs anda dan anda juga link situs saya atau yang sering disebut dengan link exchange.

Tujuan dari mencari backlink adalah untuk meningkatkan pagerank blog. Tentu anda pingin tahu bagaimana cara mengecek backlink dan sudah berapa jumlah backlink yang telah berhasil anda kumpulkan. Ok untuk mengeceknya anda bisa menggunakan toolbacklink watch yang beralamat di http://www.backlinkwatch.com

Cara penggunaannya sangat mudah. Setelah mengunjungi situsnya. Masukkan alamat web yang ingin anda cek lalu klik Check backlinks. Sebagai contoh saya memasukkangentayangantriks.co.cc dan berikut adalah hasilnya.



Keterangan:
354 merupakan jumlah backlink yang diperoleh
Angka yang saya lingkari pada OBL merupakan jumlah external link dari situs yang memberikan backlink. Semakin besar nilai OBLnya semakin bagus pula backlink yang anda peroleh.
Flag merupakan bagian untuk menampilkan keterangan follow atau nofollow. Jika ada keterangan nofollow berarti situs tersebut memberikan tag nofollow pada link kita yang artinya kita tidak mendapatkan backlink dari situs tersebut.

Untuk mengecek situs lain caranya juga sama. Selamat mencoba. Semoga bermanfaat


sumber:http://www.gentayangantriks.co.cc

09.12 | 2 komentar | Read More