teknik ngeblog

Sabtu, 21 September 2013

In Blogger, mengganti, merubah, navigasi blog, Teknik // September 21, 2013 // Leave a Comment

Merubah Navigasi menjadi Deretan Angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.

Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini

1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>

Kalau sudah silahkan dilihat hasilnya.

Semoga teknik ini bermanfaat

Selasa, 17 September 2013

In // September 17, 2013 // Leave a Comment

Teknik Menanam buah delima

Buah delima adalah buah yang memiliki banyak manfaat, terutama dalam hal pengobatan penyakit. Sehingga buah ini juga memiliki itngkat permintaan yang cukup tinggi. Nah jika anda ingin menanm buah delima. Tak usah bingung-bingun dalam memikirkan caranya. Berikut adalah cara menanam buah delima yang baik

Pohon delima yang ditumbuhkan dari benih bervariasi, karenanya dianjurkan perbanyakan dengan klon melalui setek batarig berkayu keras atau cangkokan; cara terakhirlah yang umum dilakukan di Asia Tenggara. Cangkokan dapat dipisahkan setelah 3-4 bulan, jika sudah berakar cukup baik; tanaman cangkokan dapat berbuah Iebih cepat; cangkokan itu seringkali dijual ketika sedang berbunga. Untuk kebun delima di India, jarak tanam yang dianjurkan adalah 5 m x 2 m sampai 5 m x 5 m. Pucuk-pucuk samping yang lebih bawah dipotong pada saat tanam dan cabang-cabang lateral lainnya dipangkas untuk membentuk batang tunggal, dan untuk membangkitkan vigor terminal yang cukup untuk menekan tumbuhnya anakan, yang jika tidak demikian akan berubah ke sifat perawakan merumpun. Anakan-anakan itu akan tumbuh dalam jangka waktu yang panjang dan akan terlalu muda untuk berbunga, sehingga akan merusak perawakan pohon dan tumbuh tanpa terjadinya batang mengayu. Pada iklim muson saat berbunga dapat dimanipulasi dengan tidak memberikan pengairan selama sekitar 2 bulan, dan pembungaan akan terjadi satu . bulan setelah pengairan diadakan lagi. Pembajakan atau pemangkasan akar ketika keadaan kering dimulai akan memperkuat efek pembungaan.

Pemeliharaan

Pemupukan dilakukan pada akhir musim kering.

Hama dan Penyakit Sejumlah hama dan penyakit telah tercatat, yang paling berbahaya ialah kupu-kupu delima, Virachola isocrates yang merupakan ulat penggerek buah, yang merupakan ancaman yang nyata terhadap tanaman delima di India, dan penyakit busuk buah yang . disebabkan oleh jamur Phomopsis yang merajalela pada iklim basah. Penggerek buah sukar diberantas, karena telurnya satu-satu diletakkan pada bunga atau pada sisa-sisa daun kelopak di atas buah dan ulat yang muda itu segera memakan daun kelopak itu sewaktu mencari jalan menuju buah, karena kecilnya ukuran ulat itu, maka sulit untuk dideteksi. Buah dapat dibungkus untuk melindunginya, penggunaan pestisida sebaiknya didasarkan pada pemantauan yang hati-hati dari populasi kupu-kupu (melalui perangkap lampu) dan tahap perkembangan telur yang diletakkan. Penyakit busuk "Phonopsis" dapat menyebar melalui biji pada buah yang terserang, sehingga buah dan ranting berbunga yang terinfeksi hendaknya dibuang. Fungisida memberikan efek pengendalian yang cukup. Delima merupakan salah satu inang kutu perisai berlilin, Ceroplastes sinensis.

Panen dan Pasca Panen

Buah delima dapat menjadi retak pada saat pematangan, tetapi buah yang belum matang akan berkualitas rendah, dan buah sebaiknya tidak dipanen sebelum mencapai warna kuning di pangkalnya. Buah tidak dapat dipetik dengan mudah dan harus dipotong dengan gunting pangkas. Di pusat-pusat produksi yang terkemuka hasil 100150 buah (17-25 kg) per pohon atau 10 ton/ha per tahun dianggap baik untuk kebun delima yang sudah mapan. Buah yang masak sempurna dapat dikapalkan dan disimpan dengan baik

In // September 17, 2013 // Leave a Comment

Teknik Menanam Daun Mint

Daun mint yang memiliki nama latin Mentha cordifolia ini dapat dengan mudah untuk anda budidayakan karena tanaman ini dapat dengan mudah sekali tumbuh subur. Saat menginginkan untuk menanam tanaman ini maka anda hanya perlu melakukan stek batang dan tanaman baru pun akan anda dapatkan. Namun untuk mendapatkan tanaman yang benar- benar anda harapkan dan memiliki kualitas yang sempurna maka anda harus memperhatikan beberapa hal yang mendukung perkembangan tanaman ini. Disini saya akan membahas tentang cara menanam daun mint yang benar untuk itu dengan membaca artikel berikut ini baik � baik maka anda pun akan dapat dengan mudah membudidayakan daun mint ini di rumah anda. Berikut ulasannya :

Hal pertama yang harus anda perhatikan saat anda menanam daun mint ini adalah tentang jarak tanamnya. Sebaiknya anda menggunakan jarak tanam paling tidak 20 cm. Selain itu hal yang tak boleh luput adalah selalu memastikan pasokan air tanaman mint yang anda miliki.

Untuk menanam daun mint ini anda dapat menggunakan media tanam tanah gembur dan subur seperti biasanya saat anda menanam berbagai macam biji � bijian. Namun disini akan lebih baik lagi jika anda menggunakan media tanam berupa tanah sawah.
Selanjutnya anda juga harus rajin membersihkan rumput �rumput yang ada disekitar tanaman agar tidak mengganggu pertumbuhannya.
Perlu untuk anda ketahui bahwa pertumbuhan tanaman ini menyerupai stroberi yang tergolong kedalam tanaman semak dan mengalami pertumbuhan yang menjalar kesamping. Saat tanaman yang anda tanam memasuki usia tanam 3 bulan maka tanaman mint tersebut biasanya akan merebah.
Anda di wajibkan untuk selalu menjaga pasokan air pada tanaman mint yang anda miliki. Jika pada musim kemarau maka anda perlu melakukan penyiraman antara 2 hingga 3 kali sehari namun saat musim penghujan tiba anda hanya melakukan penyiraman secukupnya. Penting untuk anda garis bawahi adalah saat anda terlalu berlebih memberikan air maka daun mint tersebut akan mudah sekali layu dan busuk.
Setelah pupus maka dua minggu setelahnya anda dapat memetik daun mint anda. Dan beberapa hari kemudian akan tumbuh daun baru lagi.

In // September 17, 2013 // Leave a Comment

Eceng Gondok

Tanaman mengambang di kolam adalah tambahan paling disukai karena mereka menyediakan penutup permukaan, menaungi air kolam dan menyediakan tempat bagi ikan untuk kabur dari panas matahari.

Eceng Gondok berasal dari Brazil dan entah kapan sampai ke Indonesia. Tanaman ini sebenarnya tanaman air terburuk karena tumbuh begitu cepat sehingga memblokir aliran air dan merusak pelayaran.

Walau begitu, daun eceng gondok itu cantik. Belum lagi bila ketika ia berbunga. Bunganya ungu dan menambah keindahan kolam. Salah satu cara untuk mencegah ia berkembang luas adalah membatasinya dengan tali di sekitarnya, pasang sekitar 5 cm di atas permukaan air. Sebelum bepergian lama, beberapa eceng gondok harus dibuang dari kolam, jika tidak begitu pulang, eceng gondok sudah mengambil alih seluruh permukaan kolam.

Cara menanamnya cukup letakkan eceng gondok di atas permukaan air kolam. Tanaman ini akan menyebar begitu saja di sana seiring waktu.

Sistem akarnya bercabang panjang dan berat seperti ditutupi kumis hitam. Ia efektif untuk membuang kotoran ikan dari air. Akar yang tua berwarna hitam dan muda berwarna putih. Akarnya dapat tumbuh hingga 45 cm. Kalau dasar kolamnya lumpur dan akarnya sudah sampai kesana, ia akan tumbuh lebih cepat lagi.

Lebih dari 30 tahun lalu, NASA melihat potensi besar dari eceng gondok untuk memurnikan air pada perjalanan luar angkasa yang panjang dan melakukan penelitian pada tanaman ini. Hasil dari studi ini ditemukan kalau tanaman ini dapat menghemat jutaan dolar jika digunakan dalam fasilitas pemurnian air untuk memurnikan air. Hal ini terkait dengan kekuatan luar biasa sistem akar eceng gondok untuk menyerap kotoran. Saat ini ia sudah banyak digunakan di banyak pusat penanganan limbah di kota besar di AS. Jadi ia juga bagus untuk kolam.

Selain itu, eceng gondok juga mengendalikan pertumbuhan ganggang, sang pemangsa oksigen kolam. Mereka mengurangi jumlah sinar matahari yang masuk ke kolam sehingga ganggang sesak napas. Mereka juga menyedot nutrisi yang dibutuhkan ganggang untuk tumbuh dengan baik.

Tapi kalau dibiarkan, eceng gondok bisa tumbuh ke samping dan keatas juga. Ia bisa mencapai tinggi 1 meter. Anak Koi senang tinggal di daerah akarnya karena menjadi perlindungan dari predator. Tapi karena Koi senang makan daun, koi juga memangsa eceng gondok. Jadi, eceng gondok juga berfungsi sebagai makanan sekaligus benteng bagi Koi, asal tidak terlalu banyak di kolam.

Sumber : FaktaIlmiah.com

Jumat, 13 September 2013

In Blogger, read more, Teknik // September 13, 2013 // Leave a Comment

Cara Membuat Read More

Cara membuat read more, ya itulah tema kita kali ini, mengapa saya membuat artikel seperti ini, karena saya melihat banyak sekali blog-blog baru khususnya template yang menggunakan template default blogspot khususnya blogger-blogger pemula (kaya saya, hehehe) yang belum mengetahui ataupun belum tahu bagaimana cara menggunakan fitur read more ini di blogspot.

Fitur Read more atau biasa disebut juga baca selengkapnya, atau selengkapnya, atau baca lanjutannya yang biasa sobat lihat di blog adalah fitur dimana kita hanya menampilkan penggalan awal ataupun paragraf awal dari postingan blog kita. Jadi tidak seluruh artikel ditampilkan di halaman utama / homepage.

Jika kita menggunakan template default blogspot, fitur ini mudah digunakan pada saat menulis artikel. Beda halnya jika kita memakai template blog hasil download dari blog lain, biasanya mereka menyertakan langsung fitur read more otomatis di template blog. Namun tidak sedikit juga yang tidak menyertakan fitur auto read more di templatenya. Read more bisa juga dibuat dalam bentuk image, yang bila kita klik image read more tersebut akan muncul seluruh isi artikel.

Banyak manfaat jika kita menggunakan fitur ini antara lain;

Loading blog menjadi lebih ringan karena hanya sedikit tulisan yang ditampilkan, apalagi blog sobat banyak memuat gambar-gambar pasti makin berat tuh loading blog. Pengunjung blog juga tidak perlu berlama-lama menunggu selesai loading.
Jumlah bukaan halaman / page view posting blog bertambah, karena mau tidak mau pengunjung akan membuka keseluruhan artikel yang ingin dia baca. (dengan read more khan cuma sebagian artikel saja yang ditampilkan). Kebalikannya adalah kerugian buat blog kita.

Oke gak perlu berlama-lama dech (walaupun biasanya yang lama banyak yang suka, xixixi...) langsung saja kita ikuti bagaimana cara membuat read more di blogspot.

1. Masuk ke akun blogger sobat, buka blog yang akan di buat postingannnya.

2. Klik entri baru, kemudian masukkan kata-kata atau kalimat artikel sobat.

3. Jika sudah cukup kira-kira 1 paragraf atau 4 sampai lima baris atau berapa barispun yang sobat kehendaki, barulah kita klik fitur read more yang ada. (lihat gambar)

Cara membuat read more

4. Taruh pointer cursor mouse di tulisan atau kalimat yang ingin dibatasi, atau batas artikel yang hanya ingin ditampilkan. Klik gambar kertas terpotong di atas (lihat gambar warna hijau yang ditandai). Akan muncul garis putus-putus pada kalimat yang dibatasi tadi, maka disinilah batas kalimat yang ditampilkan di homepage atau halaman utama blog kita. Selesai menulis artikel, Klik publikasikan.

5. Langkah selanjutnya adalah masuk ke Tata Letak > Klik link Edit pada Posting Blog.

akan muncul tampilan seperti gambar berikut

cara membuat read more di postingan blog

6. Pada konfigurasi posting blog di atas, masukkan jumlah postingan di halaman utama yang dikehendaki, jangan terlalu banyak cukup 4-5 postingan saja yang ditampilkan, agar loading blog menjadi lebih ringan. Kemudian ganti kata "Baca Selengkapnya" dengan kata-kata yang sobat kehendaki, misalnya Baca lanjutannya, read more, selanjutnya dan lain-lain. Klik Simpan. Selesai, fitur read more di halaman utama blog sobat sudah jadi.

Catatan;

Read more ini hanya muncul pada artikel yang dibuat, sedangkan artikel lain utuh alias seluruh isi postingan terlihat di hompage blog, Maka sobat harus mengedit 3 atau 4 postingan sebelumnya untuk dimasukkan fitur read more ini. Caranya sama dengan pada langkah nomor 3 dan 4 di atas.

Memang kelemahan cara ini adalah kita harus mengklik ikon read more setiap membuat postingan, namun saya yakin ini bukan hal yang memberatkan buat kita. Lagi pula template kita menjadi ringan karena read more ini tanpa kode javascript.

Nah, bagaimana sobat sangat mudah bukan...? Silakan dicoba buat sobat yang templatenya tidak ada read more otomatisnya. semoga bermanfaat.!

sumber: http://www.super-gaptek.com

Semoga teknik ini bermanfaat

Kamis, 12 September 2013

In Blogger, Teknik // September 12, 2013 // Leave a Comment

Cara Pasang Lagu di Blog

Cara Memasang Lagu dan Otomatis Berputar di Blog :
1. Silahkan kunjungi http://divine-music.info/
2. Lalu klik "Browse All" untuk memilih lagu dari penyanyinya
3. Lalu copy kode Embed-nya ke notepad, misalnya saya memilih lagu dari Evanessence dan kodenya seperti ini :

<EMBED SRC="http://divine-music.info/musicfiles/Evenessance%20-%20My%20Immortal.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1"></EMBED>

Catatan :
Kode pink yaitu tulisan "TRUE" dapat anda ganti dengan tulisan "FALSE" (lagunya hanya sekali putar)

4. Langkah selanjutnya untuk memasang lagu / musik di blog :
- Login ke blogger
- Klik Tata Letak => Tambah Gadget
- Klik Html/Javascript dan paste kode Embed tadi kedalamnya

5. Kalau sudah lalu simpan

Semoga teknik ini bermanfaat

Rabu, 11 September 2013

In Blogger, copy blog, duplikat, Teknik // September 11, 2013 // Leave a Comment

Teknik Duplikat Blog orang lain

1. Carilah target blog yang mau dicopy harus blogspot
2. tambahkan kode dibawah ini kealamat blog target. (sesuaikan berapa yg akan kita copy) contoh jika anda ingin mengcopy blog ini sebanyak 500 postingan tulis di url http://segala-teknik.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

atom.xml?redirect=false&start-index=1&max-results=500
atom.xml?redirect=false&start-index=501&max-results=500
atom.xml?redirect=false&start-index=1001&max-results=500
atom.xml?redirect=false&start-index=1501&max-results=500
atom.xml?redirect=false&start-index=2001&max-results=500
atom.xml?redirect=false&start-index=2501&max-results=500
atom.xml?redirect=false&start-index=3001&max-results=500

3. Copy text gabungan tersebut lalu buka di tab baru lalu save as .xml atau langsung saja download pakai IDM

hasil download itu bentuknya file .xml yang nanti dipakai untuk import di blogspot

4. Kemudian LOG IN to BLOGGER
Masuk ke menu SETTING>>>>IMPORT BLOG>>>>BROWSE: di arahkan ke file .xml tadi yang sudah di download lalu tekan upload

Tunggu sejenak jika file sudah terupload SELECT ALL lalu pilih Menu PUblish Jadi dah blog baru isinya sama dengan blog target yang

Semoga teknik ini bermanfaat

In Blogger, computer, segala teknik, Teknik // September 11, 2013 // Leave a Comment

Teknik Memasang Kolom dibawah header terbaru

Memasang Kolom Di Bawah Header :

Masuk ke akun bloggger sobat.
Klik Template >> Edit HTML >>
Sekarang Cari kode ]]></b:skin>
Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>

Selanjutnya Cari kode <div id='main-wrapper'> atau <div class='main-outer'>
Copas kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div class='main-outer'>

Langkah terakhir klik Tombol Simpan Template.

Untuk melihat hasilnya silahkan anda masuk pada halaman TATA Letak atau Layout.

Semoga teknik ini bermanfaat

In Blogger, Teknik // September 11, 2013 // Leave a Comment

Teknik Menambah Kolom dibawah header

Menambahkan 1 Kolom dibawah Header

Pada umunnya kolom di bawah header di gunakan untuk memasang gambar, navbar, teks, atau teman ingin memasang foto-foto temen yang paling narsis heeeee. Langkah - langkah yang perlu sobat perhatikan adalah :

1. Login bloger teman.
2. Klik tata letak atau layout.
3. Pilih Edit HTML.

4. Sebelum memulai pengeditan alangkah baiknya temen sekalian membackup datanya terlebih dahulu, caranya pilih Download Template Lengkap.

5. Cari kode ]]></b:skin> ,agar lebih mudah anda bisa menekan Ctrl + F, kemudian paste kode tersebut di sebelah tulisan Find.

6. Paste copy berikutdan paste diatas kode ]]></b:skin>

#satu_kolom{
margin:10px 0;
padding:1%;
width:98%;
}

7. Copy kode berikut ini

<div id="satu_kolom">
<b:section class='header' id='satukolomajah' preferred='yes'/>
</div>

8. Paste di bawah kode 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>

9. Simpan template
10. Lihat perubahannya pada tata letak.

Menambah 2 Kolom Dibawah Header

Sebelumnya saya sudah pernah menjelaskan bagaimana caranya menambah widget di bawah kolom header, kali ini saya akan menerangkan sedikit tentang bagaimana caranya menambah 2 kolom widget dibawah header..

1. Login bloger teman.
2. Klik tata letak atau layout.
3. Pilih Edit HTML.
4. Sebelum memulai pengeditan alahkah baiknya temen sekalian membackup datanya terlebih dahulu, caranya pilih Download Template Lengkap.
5. Centang Expand Template Widget
6. Cari kode ]]></b:skin>,agar lebih mudah anda bisa menekan Ctrl + F, kemudian paste kode tersebut di sebelah tulisan Find.
7. Paste kode berikut di atas kode ]]></b:skin>;

#dua-kolom-dibawah-header {
clear:both;
}
.dua-kolom {
}

8. Copy kode berikut ini

</div>
<div id='dua-kolom-dibawah-header'>
<div id='kolom1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='dua-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='dua-kolom' id='kolom2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

9. Paste di atas kode ini <div id='main-wrapper'>
10. Simpan tempalte.
11. Lihat perubahannya pada tata letak.

Menambah 3 Kolom Dibawah Header

1. Login bloger teman.
2. Klik tata letak atau layout.
3. Pilih Edit HTML.

4. Sebelum memulai pengeditan alahkah baiknya temen sekalian membackup datanya terlebih dahulu, caranya pilih Download Template Lengkap.

5. Centang Expand Template Widget

6. Cari kode ]]></b:skin>,agar lebih mudah anda bisa menekan Ctrl + F, kemudian paste kode tersebut di sebelah tulisan Find.

7. Paste kode berikut di atas kode ]]></b:skin>

#tiga-kolom-dibawah-header {
clear:both;
}
.tiga-kolom {
}

8. Copy kode berikut

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

9. Paste di atas kode ini <div id='main-wrapper'>

Catatan

Jika sobat awalnya mengikuti dari membuat 2 kolom di bawah header, (sekali lagi hanya bagi yang mengikuti dari cara membuat 2 kolom di bawah header) sobat hanya tinggal mengganti kode berikut :

</div>
<div id='dua-kolom-dibawah-header'>
<div id='kolom1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='dua-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='dua-kolom' id='kolom2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

menjadi :

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

(tempatnya tetap sama di atas kode <div id='main-wrapper'> jangan ditambah tapi di ganti>

10. Simpan tempalte.

11. Lihat perubahannya pada tata letak.
Semoga teknik ini bermanfaat

Selasa, 10 September 2013

In Blogger, Teknik // September 10, 2013 // Leave a Comment

Menambah Kolom diatas footer

Cara Membuat Multi Kolom di Footer Blogspot

1. Login ke Blogger
2. Pilih Template => Edit HTML
3. Backup template (Download Full Template)
4. Tekan F3, cari kode ]]></b:skin> lalu letakkan kode berikut diatasnya

#footer-column-divide {clear:both;}.footer-column {padding: 10px;}

5. Selanjutnya cari kode seperti dibawah ini

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

atau bisa juga cari kode seperti dibawah ini

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

6. Letakkan kode berikut dibawah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

Apabila tidak ada kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan aja kode berikut dibawah <div id='footer'>

Menambah 2 Kolom Diatas Footer

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

Menambah 3 Kolom Diatas Footer

<div id='footer-column-divide'>

<div id='footer1' style='width: 33%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 33%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

Menambah 4 Kolom Diatas Footer

<div id='footer-column-divide'>

<div id='footer1' style='width: 25%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 25%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div id='footer4' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col4'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

Semoga teknik ini bermanfaat

teknik ngeblog

Sabtu, 21 September 2013

Merubah Navigasi menjadi Deretan Angka

Selasa, 17 September 2013

Teknik Menanam buah delima

Teknik Menanam Daun Mint

Eceng Gondok

Jumat, 13 September 2013

Cara Membuat Read More

Kamis, 12 September 2013

Cara Pasang Lagu di Blog

Rabu, 11 September 2013

Teknik Duplikat Blog orang lain

Teknik Memasang Kolom dibawah header terbaru

Teknik Menambah Kolom dibawah header

Selasa, 10 September 2013

Menambah Kolom diatas footer

Labels

Popular Posts

Labels

Cari Blog Ini

Arsip Blog

Laporkan Penyalahgunaan

Popular Posts

Labels

About Me