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.

Setting Meta Tag

Salah satu cara untuk meningkatkan page rank yaitu menggunakan meta tag. Meta tag bisa diartikan salah satu cara untuk menyampaikan sebuah descriptions, keyword dan robot agar artikel blog kita mudah terindeks oleh Search Engine google.

Cara Mudah Membuat Artikel Terkait Dengan Gambar

Membuat artikel terkait dengan gambar adalah supaya pembaca lebih banyak tau tentang isi blog kamu kerena terlihat didalam halaman blog kamu,dan untuk meningkatkan page view blog anda. Sebuah artikel terkait dengan gambar,membuat pembaca akan lebih tertarik setelah meihat gambar tersebut maka pembaca akan lebih penasaran untuk membuka artikel tersebut. Langsung saja kita cari tahu bagaimana cara membuat artikel terkait dengan gambar 

Tips SEO Sederhana

Bagaimana supaya website kita berada di posisi yang stabil di search engine. Itu yang selalu di harapkan para bloggers mania?, Karena tidak sedikit dari web-web para SEOERS yang ketika webnya sudah berada di posisi yang didambakan tapi ternyata itu hanya bersifat sementara dan tahu-tahu sudah terpental ke halaman yang sangat jauh sekali.

Cara Promosi Blog

Memperkenalkan blog baru tersebut melalui blog kita dan jejaring facebook kita

 Pekerjaan yang paling gampang tapi bawaannya malas.. kok tau? ya Ane dulu  mengalaminya.

Tips Search Engine

Apa Kabar Sahabat kreatif hari ini? Semoga masih tetap semangat untuk ngeblog yah. Kali ini sajian saya agar tampak garing tapi berusaha menyajikan yang terbaik buat sahabat semuanya. Banyak teman banyak rezeki, bisa memperpanjang umur juga lho.