Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header Blog

Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header Blog
Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header Blog - Tutorial blog kali ini akan membahas bagaimana cara menambah elemen kolom dibawah header blogspot. Kolom yang akan ditambahkan di header blog yaitu berupa 1 kolom, 2 kolom dan 3 kolom dibawah header. Dengan menambah elemen kolom khususnya yang terletak dibawah header blog, akan mempunyai fungsi sendiri, misalnya tempat untuk meletakkan iklan, gambar dan lain-lain.



A. Menambahkan 1 Kolom dibawah Header Blog

Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header

1. Login ke akun bloger anda
2. Pada dashboard, pilih Templates 
3. Pilih Edit HTML 
4. Centang Expand Widget Template
5. Tekan F3, cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

#siji-kolom {margin:10px 0;padding:1%;width:98%;}

6. Selanjutnya cari kode seperti ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>

7. Lalu letakkan kode berikut dibawahnya

<div id="siji-kolom">
<b:section class='header' id='gawesijikolom' preferred='yes'/>
</div>

8. Simpan template

B. Menambah 2 Kolom Dibawah Header Blog

Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header

1. Cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

#loro-kolom {clear:both;}.gawe-loro-kolom {}

2. Selanjutnya cari kode <div id='main-wrapper'> dan letakkan kode berikut diatasnya

<div id='loro-kolom'>
<div id='kolom1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='gawe-loro-kolom' id='kolom1' preferred='yes' style='float:left;'/></div>
<div id='kolom2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='gawe-loro-kolom' id='kolom2' preferred='yes' style='float:right;'/></div>
<div style='clear:both;'/></div> 

3. Simpan template

C. Menambah 3 Kolom Dibawah Header Blog

Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header

1. Cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

#tellu-kolom {clear:both;}.gawe-tellu-kolom {}

2. Selanjutnya cari kode <div id='main-wrapper'> dan letakkan kode berikut diatasnya

<div id='tellu-kolom'>
<div id='kolom1' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='gawe-tellu-kolom' id='kolom1' preferred='yes' style='float:left;'/>
</div>
<div id='kolom2' style='width: 30%; float: center; margin:0; text-align: left;'>
<b:section class='gawe-tellu-kolom' id='kolom2' preferred='yes' style='float:center;'/>
</div>
<div id='kolom3' style='width: 35%; float: right; margin:0; text-align: left;'>
<b:section class='gawe-tellu-kolom' id='kolom3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

3. Simpan template

Demikianlah tutorial mengenai Cara Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header Blog, semoga saja bermanfaat untuk anda semua, amin...3x.
Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header Blog
Share:

Cara Membuat Widget Footer 3 Kolom di Blog

Cara Membuat Widget Footer 3 Kolom di Blog


Cara memasang menu widget footer 3 kolom di blog,-  Bagi anda sebagai pemilik sebuah blog pasti tahu apa yang dimaksud dengan widget, widget sendiri istilah pada struktur tata letak pada blog yang berplatform blogger. dengan widget ini kita dengan mudah menambah berbagai macam fitur template serta menambah kode HTML/Java Script pihak ketiga. letak penambahan widget pada suatu blog tergantung dari letak widget yang berada pada tata letak template yang digunakan.

Tak jarang pemilik blog yang ingin menambah widget pada bagian tertentu pada blognya mencari cara agar bisa membuat sebuah tempat widget seperti yang di inginkan. mungkin yang banyak dicari adalah memasang sebuah menu widget pada bagian footer. kebanyakan widget di bagian footer ini banyak dipakai oleh situs/blog bergaya magazine atau berita. nah oleh karena itu banyak blogger lain yang ingin sekali memasang widget di bagian footer blog mereka.


Widget dibagian footer sendiri yang pasti tidak cuman satu melainkan ada beberapa sekaligus, seperti yang paling banyak 3 kolom hingga 4 kolom. Nah buat anda yang ingin sekali membuat widget di bagian footer dengan menu widget 3 kolom bisa mengikuti cara yang saya berikan dibawah ini, Berikut tutorialnya.

Cara Memasang Widget Footer 3 Kolom di Blog


1. Pertama silahkan masuk ke Blogger.

2. Kemudian masuk ke menu Template - Edit HTML

3. Setelah itu cari kode ]]></b:skin> untuk mempermudah gunakan (Ctrl+F), Jika sudah ketemu copy kode CSS dibawah ini lalu paste tepat diatas kode tersebut.

 /* Footer 3 Coloum by Espada Blog
----------------------------------- */
#footer-wrapper{width:100%}
#footer-wrapper .left{float:left;width:34%}
#footer-wrapper .center{float:left;width:34%}
#footer-wrapper .right{float:right;width:32%}
#footer-wrapper{background:#242424;;background-repeat:repeat-x;background-position:top center;overflow:hidden;margin:0 auto;
padding:20px 15px 0;color:#dddddd;border-top:5px solid #07ACEC}
#footer-wrapper .left{float:left;width:34%}
#footer-wrapper .center{float:left;width:34%}
#footer-wrapper .right{float:right;width:32%}
#footer-wrapper .left .widget,#footer-wrapper .center .widget{margin:0 15px 15px 0;clear:both}
#footer-wrapper .right .widget{margin:0 0 15px 0;clear:both}
#footer-wrapper h2{margin:0 0 10px 0;padding:0 0 5px;border-bottom:3px solid #555;text-transform:uppercase:none;position:relative;color:#eeeeee}
#footer-wrapper ul,#footer-wrapper ol{list-style:none;margin:0 0 0 0;padding:0 0 0 0}
#footer-wrapper li{margin:5px 0;padding:0 0 0 0}
#footer-wrapper a{color:#dddddd}
#footer-wrapper a:hover{color:#ffffff}
#footer-wrapper h2:before {content:"";position:absolute;left:0;width:180px;height:2px;
background:#07ACEC;bottom:-2px}

4. Langkah selanjutnya adalah memunculkan widget pada footer caranya silahkan copy kode dibawah ini dan paste tepat diatas kode <footer>

 <!-- Footer Widget 3 Coloum Start-->
<footer id="footer-wrapper">
  <b:section class='left section' id='left' preferred='yes'>
    </b:section>
  <b:section class='center section' id='center' preferred='yes'>
    </b:section>
  <b:section class='right section' id='right' preferred='yes'>
    </b:section>
</footer>
<!-- Footer Widget 3 Coloum End -->

5. Sebenarnya pada proses ini footer 3 kolom sudah muncul dan siap digunakan, namun untuk lebih responsive serta pada tambilam mobile tidak berantakan silahkan tambahkan kode CSS Media Screen dibawah ini tepat diatas </style>.

 @media screen and (max-width:768px){
#footer-wrapper .left{float:none;width:100%}
#footer-wrapper .center{float:none;width:100%}
#footer-wrapper .right{float:none;width:100%}
#footer-wrapper .left .widget,#footer-wrapper .center .widget{margin:0 0 15px;clear:both}
}

6. Terakhir simpan template dan lihat hasilnya.

Dengan begitu anda sudah bisa memasang widget pada footer di tata letak dan lihat hasilnya, sekian tips blog yang dapat saya bagikan dan selamat mencoba.
Share:

Jasa Pembuatan Web Wallpaper www.indesignwallpaper.indo9.com selesai

 



Jasa pembuatan web wallpaper sangat diperlukan oleh orang - orang yang bergerak di bidang interior, khususnya penjualan atau pemasangan wallpaper. Website wallpaper bersikan informasi lengkap mengenai produk serta alamat dimana usaha tersebut berada.

Contoh untuk website yang sudah jadi adalah www.indesignwallpaper.indo9.com pesanan mbak Fitri dari Medan. Website ini berisikan halaman Home yang merupakan halaman awal web yang dibuka oleh pengunjung web. Selanjutnya ada halaman Profil yang berisikan informasi mengenai perusahaan wallpaper tersebut, lalu ada Galeri Foto yang berisikan foto-foto produk wallpaper yang dipasang di tempat klien, terakhir tentu saja halaman KONTAK, yang berisikan informasi mengenai alamat erta nomor tenpon dan nomor WA dll.

Jasa pebuatan web murah wallpaper melayani seluruh Indonesia.

Bila Anda ingin memiliki website wallpaper atau website apa saja usaha Anda, silahkan hubungi INDO9.COM

INDO9.COM
TELP./SMS/WA. 0877-5996-9545

Informasi Harga web bisa lihat disini




Share:

Template Pilihan

INDO9.COM adalah Jasa Pembuatan Web Murah yang menyediakan  TEMPLATE RESPONSIF untuk mempercantk tampilan website Anda. Template atau tampilan Responsif membantu elemen web secara otomatis disesuaikan dengan berbagai perangkat pengguna seperti laptop, tablet, ponsel, dll., INDO9.COM selalu menggunakan tema responsif dan membuat  web Anda dengan teknologi terbaru. Bergabunglah menjadi KLIEN PRIORITAS Di INDO9.COM untuk mendapatkan Web dengan Template Responsif terbaru,
Hubungi INDO9.COM sekarang juga Telp./SMS/WA.0877-5996-9545.


Diantaranya sbb :

               
Adventur Catarina



               
Cyber Folio



               
Glossier Monza



               
Neko NewsPlus



               
OneJob Phorto



               
Sora-Study Spicer





Lihat selengkapnya, LOGIN MEMBER




Share:

9 Alasan Membuat Web Di INDO9.COM



1. Anda mendapatkan Website Yang Terjamin Kualitasnya (Quality)
INDO9.COM berkomitmen untuk menciptakan Website yang berkualitas tinggi dan sesuai dengan standard International. Diantaranya adalah Website yang memiliki karakteristik: stabil, memiliki kinerja tinggi (high performance), dan Dinamis.

Share:

Jasa Ganti Domain menjadi .com

Jasa Ganti Domain menjadi .com hanya Rp. 150.000. Silahkan membeli domain yang Anda inginkan di kami INDO9.COM. Kami siap membantu Anda sampai selesai.





HANYA Rp.150.000

(sudah termasuk biaya setting)


Contoh :

Sebelum diganti :


Sesudah diganti :



Anda tidak perlu susah-susah untuk membeli domain kemudian menyeting aneka pengaturan yang malah membuat anda pusing. Biarlah tim kami yang melakukannya. Cukup hubungi kami via SMS/WA 0877.5996.9545

Custom domain atau mengganti alamat domain dari blogspot ke .com menjadi alternatif yang menarik, karena kita cukup punya domain saja (tanpa perlu hosting) web kita yang sebelumnya misalnya www.namaperusahaan.blogspot.com akan berubah jadi www.namaperuahaan.com.Selain itu blogspot punya kelebihan hosting stabil karena hosting nebeng di google, maka web kita jarang down.

Cukup dengan harga Rp.150ribu anda tinggal menunggu saja dalam 1X24 jam domian blogspot anda berubah menjadi domain berbayar yang anda inginkan (tergantung juga kestabilan proses resolved domain dari blogger)

Pemesanan bisa melalui :

SMS/WA 0877 5996 9545


Keuntungan mengganti domain .blogspot dengan domain TLD:

  1. Blog akan tampil lebih profesional. Dengan mengganti domain sendiri akan lebih profesional dibandingkan dengan memakai sub domain blogger blogspot. Kepercayaan pelanggan akan semakin meningkat. 
  2. Hosting masih gratis dari google. Apabila domain blogs anda sdh memakai domain berbayar, apakah host nya juga harus berbayar juga? Jawabny tidak, walaupun domain sudah berubah tetapi anda masih-masih bisa memakai hosting blogger yg free dan tanpa batas. Coba apabila anda memakai hosting berbayar, mk semakin tinggi aktifitas blog /. website anda maka hosting yg dibutuhkan pun semakin banyak, dan tentunya harga hosting semakin tinggi..


Share:

Kontak



INDO9.COM
Jasa Pembuatan Web Murah
Melayani Seluruh Indonesia
Berpengalaman Sejak 2009




Anda bisa menghubungi kami
melalui
WA / SMS / Telp / e-mail

WhatsApp :
0877-5996-9545

SMS :
0877-5996-9545

Telpon :
0877-5996-9545

e-mail :
indo9.com@gmail.com

Cp. Admin

ALAMAT :
INDO9.COM
Perum Griyo Muslim Mulyorejo
Blok B-23, Mulyorejo, Sukun
Malang 65147
Jawa Timur - Indonesia

Lihat di Peta Google Maps

Rekening Bank



Pembayaran transfer ke rekening :


Bank BCA
No. Rek. 440 1175 177
A/n. Zulkarnaen



Bank BRI
No. Rek.
3123-01-025927-53-1
A/n. Zulkarnaen


Postingan Populer

Diberdayakan oleh Blogger.
Copyright © by Jasa Pembuatan Web INDO9.COM