Membuat Menu Multi Kolom

Membuat menu multi kolom disini maksudnya membuat lebih dari satu menu dalam satu kolom, ini berguna sekali untuk menghemat space blog anda yang sudah memiliki menu yang banyak seperti pada contoh screenshot berikut:

Langkah-langkah untuk membuat menu multi kolom silahkah ikuti seperti dibawah ini:
1. Login ke blogger anda
2. Layout–>Edit HTML
3. Kemudian cari kode ]]></b:skin>
4. Masukan kode dibawah ini sebelum kode diatas

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; text-align: center;
height: 24px;
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000;
border-bottom-width: 0;
text-decoration: none;
font-family: “Times New Roman“, Serif;
font-weight: 900;
color: #000;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900;
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E;
overflow: hidden;
background-color: #FF9900;
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

Keterangan :

- Angka yang berwarna merah–>lebar kotak menu utama
- Angka yang berwarna biru–> tinggi kotak menu utama
- Kode yang berwarna hijau–> warna border menu utama
- Kode yang berwarna ungu–>warna Font menu utama
- Kode yang berwarna abu-abu–>Warna background menu utama
- Kode yang berwarna kuning–>Warna border kotak utama
- Kode yang berwana orange–>warna background kotak utama

5. Silahkan masukkan kode dibawah ini sebelum kode </head>

<script src=’http://superinhost.com/trikblog/tabview.js’ type=’text/javascript’/>

6. Kemudian Save

Kemudian ke menu Layout–>Page Elements–>pilih Add Gadget yang akan kamu tempatkan menu multi kolom ini–>HTML/Javascript

Silahkan masukkan script menu multi kolom dibawah ini:

<form action=”tabview.html” method=”get”>
<div class=”TabView” id=”TabView”>
<div class=”Tabs” style=”width: 350px;”>
<a>Title menu 1</a>
<a>Title menu 2</a>
<a>Title menu 3</a>
</div>
<div class=”Pages” style=”width: 350px; height: 250px;”>

<div class=”Page”>
<div class=”Pad”>
Link 1 di menu 1 <br />
Link 2 di menu 1 <br />
Link 3 d1 menu 1 <br />
</div>
</div>

<div class=”Page”>
<div class=”Pad”>
Link 1 di menu 2 <br />
Link 2 di menu 2 <br />
Link 3 d1 menu 2 <br />
</div>
</div>

<div class=”Page”>
<div class=”Pad”>
Link 1 di menu 3 <br />
Link 2 di menu 3 <br />
Link 3 d1 menu 3 <br />
</div>
</div>

</div>
</div>
</form>

<script type=”text/javascript”>
tabview_initialize(‘TabView’);
</script>

Keterangan
- kode yang berwarna hijau adalah title menu anda
- kode yang berwarna biru adalah lebar dan tinggi menu multi kolom
- kode yang berwarna merah adalah isi dari menu anda

Silahkan dicoba,,semoga berhasil!!!

Tutorial blogspot membuat subjudul

Jika anda sering membaca artikel di detik.com, mungkin anda melihat, bahwa pada artikel-artikel tertentu ada subjudul yang menandakan tema tertentu sebuah bahasan. Ternyata di blogspot kita juga membuat subjudul pada artikel kita. Bagaimana cara membuat subjudul artikel?

Untuk membuat subjudul pada atikel blogspot, di atas judul utama, silakan ikuti cara berikut ini:

1. login ke dashboard blogger
2. masuk ke menu Edit HTML
3. kopi kode di bawah ini sebelum kode ]]>

.post h2 subtitle { display: block!important; font-size: 18px!important; font-weight: normal!important;color:#ff3c00;}

Sesuaikan kode yang berwarna merah dengan template anda, misalnya di template anda untuk judul postingan h3 maka ganti dengan h3. Demikian juga jika ukuran judul di template anda 16px, tentu saja ukuran utnuk subjudulnya harus lebih kecil, dan warna sesuaikan dengan keinginan anda.

4. Tulis judul dengan format:

subjudul disini Judul Utama Anda

5. Semoga membantu.

Sumber

Menampilkan Iklan Pada Halaman Website Atau Blog

Ada banyak cara untuk membuat iklan ditampilkan pada halaman website. Biasanya para bloger menggunakan iklan yang bersifat Pay Per Click ataupun Pay To Click, seperti Google Adsense misalnya, namun bagaimana jika kita ingin menampilkan iklan produk milik kita sendiri? Ada beberapa cara tentunya, yang statis maupun . Di samping banyak cara, logikanya pun banyak tentunya. Penulis akan jelaskan beberapa cara untuk menampilkan iklan pada website yang kita miliki, yaitu sebagai berikut :

Menampilkan iklan secara random
Menampilkan berdasarkan detik waktu
Menampilkan berdasarkan kategori halaman yang dituju
Bahan yang dibutuhkan :

Pengetahuan dasar fungsi PHP
Menyiapkan beberapa gambar/image berekstensi jpg ataupun png untuk dijadikan sebagai iklannya, di artikel ini penulis telah menyediakan 30 gambar yang akan dijadikan iklan nantinya.
Cukup dengan pengetahuan dasar fungsi PHP, kita sudah dapat mengaplikasikan pengetahuan yang dimiliki untuk membuat suatu script sederhana yang berguna untuk menampilkan iklan yang diinginkan. Fungsi-fungsi dasar yang digunakan dalam artikel kali ini adalah fungsi rand(), dates(),

Penulis membagi cara-cara yang telah penulis sebutkan di atas kedalam beberapa file, yang pertama yaitu file iklan_random.php :

Filter tersebut berisi sebuah fungsi yang berguna untuk menampilkan iklan secara random :

function iklan_random()
{
$no = rand(1,30); // Ini menentukan nomor urutan gambar
?>}

Fungsi rand(1,30) digunakan untuk mendapatkan nilai secara random dari 1 sampai 30. Dengan fungsi ini maka jumlah iklan tidak terbatas.

Yang selanjutnya adalah file iklan_waktu.php, dalam file ini terdapat sebuah fungsi yang dapat menampilkan iklan bedarsarkan detik waktu, file ini berisi :

function iklan_waktu()
{
/* cari nomor urutan gambar berdasar waktu, karena hanya ada 30 gambar maka maksimal detik (60) dibagi 2 aja.. */
$no = date(‘s’)/2;
?>}

Fungsi date(‘s’) di atas digunakan untuk menangkap detik saat ini. Karena maksimal detik adalah 60 maka maksimal jumlah iklan adalah 60. Jika jumlah iklannya adalah 60 gambar maka setiap gambar akan ditampilkan maksimal 1 detik. Sehingga jika ada 30 gambar, setiap gambar akan ditampilkan masing masing 2 detik. Yang terakhir adalah fileiklan_kategori.php, dalam file ini terdapat fungsi yang dapat menampilkan iklan berdasarkan kategori halaman.

function iklan_kategori()
{
// Tentukan kategori apabila belum dipilih
if(isset($_GET['k'])){$k=$_GET['k'];}else{$k=4;}
?>
}

Pada setiap halaman diletakkan sebuah variable ’k’, variable ini dihasilkan oleh url, yang kemudian diambil menggunakan variable global $_GET[’k’], untuk selanjutnya di cocokkan dengan urutan gambar yang ada. Sehingga jika variable k bernilai 1 maka yang ditampilkan adalah ads1.jpg, begitu untuk seterusnya dan seterusnya…


Sumber