Selasa, 06 Maret 2012

Cara Menambah Kolom Elemen Dibawah Sidebar



Kali ini bagai mana pula menambah kolom elemen di bawah sidebar. ini article sebenarnya untuk memperlengkap tutor sebelum nya. ada pepatah yang katakan kalau kerja itu yang selesai jangan setengah-tengah. jadi kalau kasih ilmu itu harus lah sempurna. sebagai contoh lihat gambar di bawah ini.
Untuk menambah elemen diatas kita sedikit menambah kan kode css ke dalam tamplate kita. untuk membuatnya ikuti langkah-langkah di bawah ini.
  • Log in dulu ke blogger
  • Rancangan
  • Edit HTML
  • Backup template anda, klik Download tamplate lengkap
  • Kemudian kasih tanda centang di kotak kecil kanan atas
  • Cari kode

    #sidebar-wrapper {
    width: 300px;
    float: $startSide;
    word-wrap: break-word; /* fix for long text breaking
    sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking
    IE sidebar float */
    }
  -  Ganti nilai width 300px; dan properti float: $startSide; dengan nilai sidebar anda. Misalnya width: 320px dan properti menjadi float: right; sehingga secara keseluruhan menjadi seperti ini :

    #sidebar-wrapper {
    width: 320px;
    float: right;
    word-wrap: break-word; /* fix for long text breaking
    sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking
    IE sidebar float */
    }
  -  Kemudian tambah kan kode berkut di bawah kode diatas

    #left-col {
    width:150px;
    float:left;
    word-wrap:break-word;
    overflow:hidden;
    }
    #right-col {
    width:150px;
    float:right;
    word-wrap:break-word;
    overflow:hidden;
    }
  -  Sekarang kita akan membuat id untuk sidebar left-col dan right-col tersebut. Cari kode ini:

    <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'/>
    <b:widget id= dan seterusnya....
    </div>
  -  Sisipkan kode berikut di bawah <b:widget id= dan seterusnya....:

    <b:section class='sidebar' id='left-col' preferred='yes'/>
    <b:section class='sidebar' id='right-col' preferred='yes'/>
  -  Sehingga secara keseluruhan menjadi seperti di bawah ini

    <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'/>
    <b:widget id= dan seterusnya....
    <b:section class='sidebar' id='left-col' preferred='yes'/>
    <b:section class='sidebar' id='right-col' preferred='yes'/>
    </div>
  -  Setelah itu simpan tamplate dan lihat hasilnya

Selamat Mencoba...

Cara Merawat Gigi

Perawatan gigi dan gusi yang baik merupakan hal yang penting, karena :
1. Kita memerlukan gigi yang sehat dan kuat untuk mengunyah dan mencernakan makanan dengan baik.
2. Gigi berlubang (caries) yang sakit dan gusi yang sakit dapat dicegah dengan perawatan gigi yang baik.
3. Pembusukan atau keroposnya gigi yang disebabkan oleh kurangnya kebersihan dapat menimbulkan infeksi parah yang mengenai bagian-bagian tubuh lainnya.

Minggu, 04 Maret 2012

Cara Menambahkan Status YM di Facebook

Pagi masbrow bagi anda yang baca artikel ini siang apa malam hari berarti telat bacanya hehehe, OK kali ini kita membahas bagaimana cara menambah status YM di facebook. yah meskipun di facebook sudah terdapat fasilitas chat tapi nggak ada salah nya menambah fasilitas ini ke dalam facebook biar keliatan unik dan menambah wawasan.

Jumat, 02 Maret 2012

Cara Proteksi Gambar di Blog

Rasanya kalau karya kita yang sudah susah-susah kita buat dengan bagus,lalu orang lain dengan mudah menyalin atau menyimpan gambar kita sangat gedek sekali.

Menambah Tiga Kolom Elemen di Bawah Header

Menambah tiga kolom elemen di bawah header, sangat menarik untuk tampilan seperti ini. Ini yang akan di bahas dalam tutorial blogger kali ini. Langsung saja kita bahas bagaimana cara-caranya Menambah tiga kolom elemen di bawah header.

Cara Membagi Header Menjadi Dua Bagian

Jika tampilan blog anda cuma memiliki satu header, tapi anda pengen merubahnya. Kali ini saya akan share bagaimana cara membagi header menjadi dua bagian.

Cara Memasang Profil Facebook

Share kali ini ingin memberi pada Masbrow sekalian bagaimana cara menambah widget share ke facebook masbrow sekalian, Tujuannya adalah untuk menyebar luaskan artikel masbrow ke teman-teman di facebook.

Kamis, 01 Maret 2012

Teknik Seo Onpage Untuk Lebih SERP

Teknik optimasi Search Engine Optimization (SEO) on page dalam optimasi baik itu halaman artikel maupun halaman blog kita sangatlah penting dibanding seo off page, karena teknik yang digunakan akan menentukan peringkat dalam pencarian google nantinya (SERP).

Cara Mengganti Kursor Blog

Cara Mengganti Kursor Pada Blog, Mungkin anda pengen merubah kursor anda menjadi bentuk animasi atau yang lain. share kali ini menerangkan untuk mengubah kursor anda seperti yang anda inginkan, misalnya kursor bergerak atau kursor animasi.

Syarat Pendaftaran Google Adsense


Google AdsenseKali ini saya akan menerangkan bagaimana cara menggunakan blog tapi menghasilkan uang. Salah satu cara yaitu menggunakan jasa iklan Google Adsense.  Google Adsense adalah sebuah program dari Google.com yang menyediakan iklan untuk dipasang pada blog atau website yang apabila iklan tersebut diklik oleh pengunjung maka anda akan mendapatkan pembayaran berupa dollar.