.

Aug 13, 2012

CARA MEMBUAT 3 KOLOM DI BAWAH HEADER BLOG

Posted by sarta | Aug 13, 2012 | Category: | 0 comments


Cara Membuat 3 Kolom Di Bawah Header. Artikel kali ini kita akan membahas sedikit cara memodifikasi blog yaitu Cara Membuat 3 Kolom Di Bawah Header. Biasanya 3 kolom ini digunakan sebagai space iklan. Selain digunakan sebagai space iklan, 3 kolom ini juga bisa digunakan sebagai daftar artikel, daftar link dan sebagainya. Nah langsung aja yuk kita cari tau Cara Membuat atau Menambah 3 Kolom Di Bawah Header  :
  1. Masuk ke akun bloggger anda.
  2. Klik Layout/Template (New) > Klik Edit HTML.
  3. Beri tanda centang pada Expand Widget Template.
  4. Sekarang Cari kode ]]></b:skin>.
  5. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>.

    6. <div id="box3" style="float: left; margin: 0; text-align: left; width: 35%;"> <b:section class="box-widget" id="col3" preferred="yes" style="float: left;"> </b:section></div>
  6. Selanjutnya Cari kode <div id='main-wrapper'> atau <div id="main-outer">
  7. Copas kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">.

    8. <div id='box-kolom-widget'> <div id='box1' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/> </div> <div id='box2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/> </div> <div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/> </div>
  8. Langkah terakhir klik Tombol Simpan Template.
  9. Selesai dan lihat hasilnya.
    Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout. Semoga bermanfaat Artikel Cara Membuat 3 Kolom Di Bawah Header, Terima kasih.

Cara Menyembunyikan postingan di Homepage Blog

Posted by sarta | | Category: | 0 comments


Jika sobat merasa tampilan Homepage di blog sobat itu terlalu berat loading nya, mungkin solusi ini bisa sedikit membantu, yaitu menyembunyikan postingkan di homepage, untuk langkah langkah nya mari kita ikuti yang di bawah ini :
  1. Login
  2. Rancangan
  3. Edit HTML
  4. Centang Expand Widget Templates
Cari kode di bawah ini : 
 

<b:includable id='main' var='top'> <b:if cond='data:blog.pageType == "item"'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <data:adStart/> <b:loop values='data:posts' var='post'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:loop> <data:adEnd/> </div> </b:if>

Sisipkan kode yang berwarna merah, seperti yang di atas ...
Klik preview, jika sudah simpan template ...

Jul 31, 2012

CARA MEMBUAT 3 KOLOM DI BAWAH HEADER BLOG

Posted by sarta | Jul 31, 2012 | Category: | 0 comments

Cara memberi kolom tambahan di bawah header blog atau cara menyisipkan kolom di bawah header blog atau cara membuat 3 kolom di bawah header. Artikel kali merupakan salah satu cara mempercantik tampilan blog dan kali ini kita akan membahas sedikit cara memodifikasi blog yaitu Cara Membuat 3 Kolom Di Bawah Header. Biasanya 3 kolom ini digunakan sebagai space iklan. Selain digunakan sebagai space iklan, 3 kolom ini juga bisa digunakan sebagai daftar artikel, daftar link dan sebagainya. Nah langsung aja yuk kita cari tau Cara Membuat atau Menambah 3 Kolom Di Bawah Header  :
 1. Masuk ke akun bloggger anda. 
 2. Klik Layout/Template (New) > Klik Edit HTML. 
 3. Beri tanda centang pada Expand Widget Template. 
 4. Sekarang Cari kode ]]></b:skin>
 5. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin> 

<div id="box3" style="float: left; margin: 0; text-align: left; width: 35%;"> <b:section class="box-widget" id="col3" preferred="yes" style="float: left;"> </b:section></div> 
  
 6. Selanjutnya Cari kode <div id='main-wrapper'> atau <div id="main-outer"> 
 7. Copas kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">

<div id='box-kolom-widget'> <div id='box1' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/> </div> <div id='box2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/> </div> <div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/> </div> 

  
8. Langkah terakhir klik Tombol Simpan Template. 

Selesai dan lihat hasilnya. 

Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout. Semoga bermanfaat artikel cara membuat 3 kolom di bawah header ini, terima kasih.
 
 Referense : http://amronbadriza.blogspot.com/2012/07/cara-menambah-kolom-di-bawah-header.html

CARA MENGUBAH TITLE BLOG DENGAN TITLE POSTINGAN

Posted by sarta | | Category: | 0 comments


Selamat malam sobat blogger semua, kali ini saya ingin memberikan tips untuk Optimasi blog sobat di search engine yaitu dengan merubah judul blog dengan judul postingan, dengan trik ini search engine google akan lebih mendeteksi keberadaan blog kita karena keyword yang di ketikan akan membawa pengunjung langsung ke blog kita tanpa terganggu oleh title blog sobat, dan search engine google akan mendatangkan trafik pengunjung setelah beberapa hari kita memasang trik ini, jadi ayo buruan!! 


langkah langkah nya :


1. login ke account blogger
2. masuk ke EDIT HTML
3. kalau sudah centang EXPAND WIDGET TEMPLATE
4. cari kode ini <title><data:blog.pageTitle/></title>
5. ganti kode diatas dengan kode ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>


6. kalau sudah jangan lupa untuk menyimpan nya.

Nahh, coba sobat blogger refresh halaman blog sobat dan lihat perubahan nya, semoga blog sobat akan lebih di kenali oleh search engine dan akan mendatangkan pengunjung yg banyak.. hehehe :)

Subscribe to: Posts (Atom)