Cara Membuat Tab Multi Widget di Blog

Tab Multi Widget adalah penggabungan beberapa Widget pada satu kolom dengan Tab. Tab Multi widget ini sangat berguna jika Blog sobat mempunyai terlalu banyak widget. Sobat bisa menggabungkan widget-widget tersebut pada satu kolom dengan Tab diatasnya. Jadi sobat tidak perlu menyediakan area yang luas untuk widget yang banyak.
Oke langsung saja ke langkah-langkah pembuatanya.

• Widget tanpa kode HTML/Javascript.

1. Login ke kaun Blogger sobat.
2. Masuk pada bagian Template.
3. Pilih Edit HTML.
4. Cari kode </head>, agar lebih mudah gunakan tombol ctrl+F.
5. Masukan kode <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> , di atas kode </head>.
6. Klik simpan Template.
7. Selanjutnya masuk ke bagian Tata Letak.
8. Klik Tambah Gacget di posisi yang sobat inginkan.
9. Pilih HTML/Javascript.
10. Masukan kode berikut.

<style type="text/css">

        .blogtabs {padding: 0px !important;border: 0 solid #bbb;}

        .blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;border: 1px solid #bbb;overflow: hidden;position: relative;background: #e0e0e0;cursor:pointer;}

        html .blogtabs h2.active {background: #fff;}

        .blogtabs .widget-content {border: 1px solid #bbb;padding: 10px;background: #fff;clear:both;margin:0;}

        .btab, #showtabs {display:none;}

        </style>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>

        <script type="text/javascript" src="http://ayriyzone.googlecode.com/files/SimpleTabViewJQuery.js"></script>

        <script type="text/javascript">

        $(document).ready(function() {

        $('#showtabs').simpleBlogTab ({organictabs: 3});

        });

        </script>

        <div id="showtabs"></div>

Keterangan, kode berwarna biru adalah kode-kode warna, kode berwarna hijau adalah kode-kode ukuran yang bisa sobat ubah. Sedangkan kode ({organictabs: 3}) adalah jumlah tab yang akan digabungkan dan sobat bisa sesuaikan.

11. Klik Simpan.
12. Letakan widget-widget yang akan digabungkan tepat di bawah widget yang baru saja dibuat.

Selesai, sobat dapat lihat hasilnya.

• Widget dengan kode HTML/Javascript.

1. Login ke akun Blogger sobat.
2. Masuk pada bagian Template.
3. Pilih Edit HTML.
4. Cari kode </head>, agar lebih mudah gunakan tombol ctrl+F.
5. Masukan kode berikut diatas 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>

6. Cari kode ]]></b:skin>,  agar lebih mudah gunakan tombol ctrl+F.
7. Masukan kode berikut di atas kode  ]]></b:skin>.

div.TabView div.Tabs
{
height: 30px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 98px; /* Lebar Menu Atas */
text-align: center;
height: 30px; /* Tinggi Menu Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #BDBDBD; /* 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: #E6E6E6; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #E6E6E6; /* 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;
}

8. Klik Simpan Template.
9. Selanjutnya, Masuk ke bagian Tata Letak.
10. Klik Tambah gadget di posisi yang sobat inginkan.
11. Pilih HTML/Javascript.
12. Masukan kode berikut.

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 300px;">
<a>Menu 1</a>
<a>Menu 2</a>
<a>Menu 3</a>
</div>
<div class="Pages" style="width: 300px; height: 250px;">
<div class="Page">
<div class="Pad">
Letakkan konten menu 1 disini</div></div>
<div class="Page">
<div class="Pad">
Letakkan konten menu 2 disini</div></div>
<div class="Page">
<div class="Pad">
Letakkan konten menu 3 disini</div></div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterengan, kode warna merah adalah kode-kode ukuran, kode warna biru adalah kode-kode warna yang bisa sobat ubah. Masukan judul Tab pada tulisan berwaana hijau. Dan masukan kode HTML widget pada tulisan warna ungu.

Selesai, sobat dapat lihat hasilnya.

Demikian pembahasan tentang Membuat Tab Multi Widget di Blog. Semoga memberikan manfaat untuk sobat-sobat sekallian.

Cara Menghapus Widget pada Blog yang Sulit Dihapus

Pada Blog sobat terdapat widget yang sulit untuk dihapus? Sobat ingin menghilangkan widget tersebut atau ingin menggantinya dengan widget lain namun widget tersebut tetap bandel tidak mau hilang. Widget tersebut sobat anggap tidak berguna hanya membuat Blog sobat seakan menjadi sempit, segeralah menghapusnya.
Sedikit penjelasn dulu ni, agar jangan asal mengikuti langkahnya. Lebih baik lagi kalau disertai pemahaman. Pada bagian Tata Letak terdapat gadget yang tidak dapat dihapus contohnya widget Header, yang jika kita klik edit tidak ada pilihan hapus. Maka sobat harus edit HTML dulu agar gadget dapat dihapus.
1. Login pada akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Sentuhkan Cursor pada tulisan Edit di widget yang tidak dapat dihapus. Saya berikan contoh dibawah ini adalah pada Header Blog. Hal ini dilakukan untuk mengetahui nama Widget dalam script.

4. Nama widget telah diketahui yaitu, Header1.
5. Masuk pada bagian Template.
6. Pilih dan klik Edit HTML. 
7. Cari kode 'Header1', agar lebih mudah gunakan tombol ctrl+F. Pada lanjutan kode tersebut akan terdapat kode <b:widget id='Header1' locked='true'.
8. Ubah kode true menjadi false.
9. Simpan Template
Belum selesai nih sob. Sekarang gadget headernya sudah dapat dihapus.
10. Masuk pada bagian Tata Letak.
11. Klik Edit pada header yang akan dihapus.
12. Klik hapus pada gadget header tersebut.
Selesai, Lihat hasilnya.

Free Download Kamen Rider Ryuki PS1 (PC Game)

Engga bosen-bosen nih posting game PS1. Game ini adalah game favorit saya waktu masih kecil. Seru nih gan bernostalgia dengan game ini.
Oke gan, agar lebih jelas lihat screenshot-nya di bawah ya...
Jika sobat tertarik silakan download game nya...

Gimana? Ada yang masih mau game ini. Jika mau Downlaod, Link Download-nya ada di bawah sob.

Untuk cara membukanya berbeda dengan software-software pada umumnya. Kita perlu emulator ePSXe atau PSX untuk membukanya. Jika sobat belum punya emulatornya, silakan download ePSXe untuk tampilan sederhana atau download PSX untuk tampilan mirip dengan PS1 asli.

DOWNLOAD Kamen Rider Ryuki

Free Download Cyborg Kurochan PS1 (Game PC)

Cyborg Kuro-Chan (サイボーグクロちゃん Saibōgu Kurochan) Adalah seri Manga Shonen dibuat oleh Naoki Yokouchi, serial di majalah Kodansha Komik BonBon. Ini kemudian diadaptasi menjadi sebuah serial anime yang diproduksi oleh Studio Bogey dan ditayangkan di TV Tokyo pada 2 Oktober 1999 sampai Januari 6 Desember 2001, sebanyak 66 Episode.
Kuro-chan, seekor kucing teman untuk sepasang orang tua, suatu hari, ia diculik oleh Dr Go (Dr Mawari di Jepang), seorang ilmuwan jahat. Dr Go mengubah Kuro menjadi kucing cyborg. Namun, Kuro-chan ternyata bisa merusak chip yang mengontrolnya dan dia keluar dari laboratorium Dr Go serta merusaknya.

Dia kemudian menggunakan tubuh cyborg-nya, bersama dengan teknologi senjata, untuk melawan penjahat dari berbagai kejahatan, seperti cyborg - cyborg kucing lainnya, dan orang - orang asing yang jahat. (Wikipedia)
Disini Tersedia versi Game-nya.

Gimana? Ada yang masih mau game ini. Jika mau Downlaod, Link Download-nya ada di bawah sob.

Untuk cara membukanya berbeda dengan software-software pada umumnya. Kita perlu emulator ePSXe atau PSX untuk membukanya. Jika sobat belum punya emulatornya, silakan download ePSXe untuk tampilan sederhana atau download PSX untuk tampilan mirip dengan PS1 asli.

Download Cyborg Kurochan 

Cara Verifikasi Website/Blog di Google

Verifikasi Website/Blog adalah cara agar Website/Blog sobat memiliki kepemilikan yang sah di mata search engine/mesin pencari. Verifikasi Website/Blog tentunya sangat bermanfaat bagi Blog sobat, diantaranya Blog sobat akan terindex dengan maksimal oleh mensin pencari.
Verifikasi Website/Blog ini sangat dianjurkan. Karena Blog sobat cepat terindex, maka Blog sobat dapat bersaing dengan sekian banyak Website/Blog yang ada.
Kali ini saya hanya membahas tentang cara verifikasi Website/Blog di mesin pencari Google. Pada google, hal ini dilakukan dengan alat Google Webmaster Tools. Simaklah langkah-langkah salah satu cara verifikasi Website/Blog di Google berikut:
1. Masuk terlebih dahulu ke akun Blog sobat.
2. Masuk ke Google Webmaster Tools dengan Tabs/Jendela baru.
3. Sobat akan diminta memasukan username dan password, maka isi sesuai dengan akun Google.
4. Setelah Login, maka biasanya akan tampil daftar Blog sobat. Jika ada Blog yang belum ditampilkan, maka klik Tambahkan Situs.

5. Setelah Blog sobat telah berhasil ditambahkan, maka kali ini mulai verifikasi-nya. Sobat gunakan cara yang paling mudah yaitu dengan metode copy paste meta tag. Sobat kembali ke halaman awal Google Webmaster Tools.
6. Pilih Blog yang akan diverifikasi, klik Kelola Situs dan pilih Tambahkan atau Hapus Pengguna.

7. Pada laman selanjutnya, Sentuhkan kursor pada box yang bertulisakan Pemilik. Akan muncul menu dropdown dan klik laman verifikasi pemilik.

8. Pilih Verifikasikan dengan menggunakan metode yang berbeda.

9. Klik pada Tag HTML, Tambahkan tag meta ke beranda situs Anda.

 10. Sobat akan diberi kode HTML, Copy kode tersebut.

11. Masuk ke akun Blogger sobat.
12. Masuk pada bagian Template dan pilih Edit HTML.
13. Paste kode meta tag tepat di bawah kode <head>. #Cari kode <head> dengan tombol ctrl+F. Setelah selesai, klik simpan Template.
14. Kembali ke halaman tempat meng-copy kode meta tag dan Klik Verifikasi.

15. Jika sobat melakukan langkah-langkah diatas dengan benar, maka akan muncul keterangan Success.

Demikian langkah-langkah verifikasi Website/Blog di Google dengan Google Webmaster Tools. Untuk Informasi lebih lanjut silakan cari Informasi tentang Cara Menggunakan Google Webmaster Tools di Mesin Pencari.
Terimakasih...

Cara Memasang Sitemap/Daftar Isi di Blog

Sitemap/Daftar isi ini menampilkan seluruh konten-konten pada Blog sobat menurut label dan secara Alphabetis. Dan memberi tanda pada posting yang baru sobat buat.Sitemap dengan cara ini otomatis memperbrui ketika sobat membuat konyen baru pada site sobat. Dan sitemap sangat berguna untuk membantu pengunjung mempermudah menemukan informasi yang dicari pada Blog soba.
Sebelum membuat widget Sitemap, ada baiknya sobat mengoptimasi dahulu sitemap tersebut. Mengoptimasi sitemap dipercaya dapat menaikan pagerank Blog sobat. Baca Cara Mengoptimasi Sitemap Blog.
Kita dapat memasang Sitemap atau Daftar isi ini pada widget atau pada halaman di Blog sobat. Saya akan jelaskan kedua caranya. Simak baik-baik ya sob.

OK, kita mulai saja. Cara membuat Widget Sitemap di Blog:
1. Masuk ke akun Blogger sobat.

• Untuk versi Widget.

2. Masuk ke bagian Tata Letak.
3. Klik tambah gadget di posisi yang sobat inginkan untuk memasang sitemap. (lebih baik di bawah postingan sob, agar tersedia ruang yang luas)
4. Pilih HTML/Javascript.
5. Masukan Kode di Bawah ini.

<div style="border: 1px solid rgb(255, 255, 255); height: 400px; overflow: auto; padding: 10px; text-align: justify; width: 200px;"> <script src="http://ariflawblog.googlecode.com/files/daftar%20isi%20blog.js.js">
</script><script src="http://regibrader-free.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>

#Ubahlah ukuran pada kode warna biru dengan yang sobat inginkan. Dan ubah kode warna merah dengan URL Website sobat.

6. Klik Simpan.

• Untuk versi Laman.

2. Masuk pada bagian Laman.
3. Klik Laman Baru dan pilih Laman Kosong.
4. Masukan Judul Laman seperti "Sitemap" atau "Daftar Isi".
5. Isi Post dengan mode HTML.
6. Masukan kode Berikut.

<script src="http://ariflawblog.googlecode.com/files/daftar%20isi%20blog.js.js">
</script><script src="http://regibrader-free.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

#Ubah kode warna merah dengan URL Website/Blog sobat.

7.Klik Publikasikan.

Selesai, sitemap telah terpasang. Semoga bermanfaat...

Cara Mengoptimasi Sitemap Blog di Google

Sitemap dipercaya dapat menaikan pagerank Blog dan mempermudah mesin pencari untuk mengindex posting pada blog sobat. Sebelum mengoptimasi sitemap, pastikan Blog sobat telah terverifikasi oleh google webmaster tools. Baca artikel tentang Cara Verifikasi Website/Blog di Google. Setelah mengoptimasi sitemap, baiknya sobat memasang Widget Sitemap di Blog sobat. Baca Cara Memasang Widget Sitemap di Blog.

Nah, cukup saja basa-basinya sob, kita mulai ke pokok pembahasan. OK siap ya...

Cara mengoptimasi sitemap blog di mesin pencari.

Ada beberapa mesin pencari yang populer seperti Google, Yahoo, dan Bing. Kali ini saya hanya membahas mengoptimasi sitemap di Google.

1. Masuk ke google webmaster tools. Pastikan telah masuk ke google akun sobat.

2. Klik kelola situs pada Blog yang diinginkan dan pilih Tambahkan atau hapus pengguna.

3.Perhatikan bagian kiri, Klik pengoptimalan dan pilih Peta Situs/ Sitemap

4. Perhatikan bagian kanan, Klik Tambahkan/Uji Peta Situs

5. Ada beberapa URL untuk mengoptimasi sitemap, diantaranya:

• atom.xml?redirect=false&start-index=1&max-results=500
• feeds/posts/default
• feeds/posts/default?max-results=9999&amp;amp;alt=json-in-script&amp;amp;callback=loadtoc
• feeds/posts/full 

Masukan URL tersebut pada kolom yang ditunjukan panah dan klik Mengirim Peta Situs. Sobat bisa menggunakan salah satu URL diatas ataupun ketiga-tiganya.

Selesai. Semoga bermanfaat ya...