me

About Us


Kolom Tutorial didedikasikan bagi mereka yang sedang mencari tutorial membuat blog di blogspot, free template serta informasi seputar internet.

Blog Tutorial Untuk Pemula

  • 1.  Panduan membuat blog
  • 2. Cara setting blog
  • 3. Memilih template
  • 4. Mengatur huruf dan warna
  • 5. Cara memposting artikel
  • 6. buat Read more pada template klasik
  • 7. Cara membuat Text Area
  • 8. Cara membuat menu dropDown
  • 9. cara Upload foto
  • 10. Cara membuat Link(1)
  • 11. Cara membuat Link(2)
  • 12.  Cara membuat marquee (text berjalan)
  • 13. Cara membuat efek Refresh
  • 14. Kode HTML tampil pada postingan
  • 15. Masalah posting artikel
  • 16. Simbol Yahoo! Emoticons
  • 17. Simbol Blogger Emoticons
  • 18. Cara Pasang jam
  • 19. Cara membuat banner animasi
  • 20. Cara membuat buku tamu
  • 21. HTML Tutorial
  • 22. Free Download
  • 23. Foto animasi
  • 24. Cara pasang Statistik & Tracker
  • 25. Perlunya IE dan FireFox
  • 26. Cara pasang musik
  • 27. Logo & Button
  • 28. Membuat Menu D Tree (menu mirip pada windows explorer)
  • 29. HTML Tutorial(2)
  • 30. Membuat Read more pada template baru
  • 31. User Online status
  • 32. Cara membuat blogroll Alternatif
  • 33. Cara pasang gambar
  • 34. Cara membuat Icon YM
  • 35. cara pasang Video
  • 36. Daftar Mybloglog
  • 37. Membuat Navigasi dengan CSS
  • 38. Template baru VS template Klasik
  • 39. Membuat Penggalan Artikel
  • 40. Membuat Link Untuk Download
  • 41. Menu Dropdown dengan JavaScript
  • 42. Menu Dropdown dengan JavaScript (2)
  • 43. Cara Membuat Favicon
  • 44. Pasang Recent Comments
  • 45. Text Berjalan di Bar menu
  • 46. Rotating banner
  • 47.  Cara membuat kategori (label)
  • 48. Read more versi baru
  • 49. Pasang Link di New Blogger Template
  • 50. Cara Pasang Feed di Blog
  • 51. Pasang Banner di Header Blog
  • 52. Membuat Banner Bertaburan
  • 53. Tips Menghilangkan Border Image
  • 54. Cara membuat Navigasi Dengan Css (2)
  • 55. Mengatur Perataan Posting Artikel
  • 56. Tips Mengganti Background Blog
  • 57. Pasang Image pada judul Artikel
  • 58. Membuat link satu halaman
  • 59. Photo profile berbingkai
  • 60. Photo profile berbingkai
  • 61. Gambar berbingkai
  • 62. Image dalam kode marquee
  • 63. Pasang kode tuker link
  • 64. Cara daftar search engine
  • 65. Cepat terindeks di google
  • 66. Pasang Kalender
  • 67. Hilangkan garis bawah Link
  • 68. Ubah Warna Link
  • 69. Pelacak IP Address
  • 70. Pasang Jadwal Sholat
  • 71. Mengubah lebar kolom template
  • 72. Daftar Google Sitemap
  • 73. Daftar Feedburner
  • 74. Pasang Snaps Shots
  • 75. membuat navbar
  • 76. pasang label cloud
  • 77. Membuat tulisan bergaya koran
  • 78. horizontal dropdown menu
  • 79. membuat marquee text dalam gambar
  • 80. Marquee dengan Javascript
  • 81. Siapa yang pasang link ke blog kita
  • 82. Kotak komentar dengan haloscan
  • 83. Cara membuat daftar isi blog
  • 84. Cara menghilangkan Subcribe to
  • 85. Tips menambah kolom pada template baru
  • 86. Setting Widget Mybloglog
  • 87. membuat kursor animasi
  • 88. Download Mini Icon
  • 89. Menyisipkan Mini icon pada label
  • 90. Lebih jauh mengenai Read more
  • 100. Cara menghilangkan navbar Blogger
  • 101. Cara membuat frame iklan
  • 102. Cara mengganti warna sidebar pada template minima
  • 103. menyisipkan Icon pada View Profile
  • 104. Baca feed melalui Google Reader
  • 105. Cara Upload data ke Google Page Creator
  • 106. Cara membuat ONLINE BOOKMARK
  • 107. mengenal perintah Iframe
  • 108. Cara menampilakan karakter khusus
  • 109. tutorial software HTML Color V.1.4
  • 110. Cara pasang search engine di blog
  • 111. Membuat sidebar ada di kiri dan kanan
  • 112. Tutorial software scott box shot maker
  • 113. Menambah emoticons di shoutbox
  • 114. Tips membuat multi kolom
  • 115. Cara membuat tabel di blog
  • 117. Horizontal tab menu j
  • 118. Horiontal tab menu 10
  • 119. POp up generator
  • 120. Backup blog secara Online
  • 121. Atasi error widget harus unik
  • 122. Backup data dalam widget
  • 123. Pasang fasilitas print
  • 124. Trik mudah membuat Read more
  • 126. Pasang google talk di blog
  • 127. Pasang feed dalam kode marquee
  • 128. Pasang yahoo messenger (2)
  • 129. Pasang google talk di blog (2)
  • 130. Hilangkan angka dalam label
  • 131. Tips Search Engine Optimization (SEO)
  • 132. Pasang Game di blog
  • 133. Free CSS menu tabs 6
  • 134. Setor muka via gravatar
  • 135. membuat gambar thumbnail
  • 136. Read more sejajar dengan posting
  • 137. Pasang tombol digg
  • 138. Upload gambar ke yahoo geocities
  • 139. Pasang favicon
  • 140. Drop down menu sama lebar
  • 141. Drop down menu dengan CSS
  • 142. membuat daftar isi (2)
  • 143. Pasang widget post terbaru dan komentar terbaru
  • 144. pasang yahoo emoticon (2)
  • 145. install assteg emoticon ke post editor
  • 146. membuat background posting berbeda-beda
  • 147. Pasang iklan google adsense di bawah posting
  • 148. Pasang iklan kliksaya.com di bawah read more
  • 149. cara membagi dua kolom header
  • 150. Install Emoticon More-smilies Cosa aranda ke Editor Posting
  • 151. Buat Tulisan bergaya web 2.0 secara Online
  • 152. Ziddu - free file hosting
  • 153. Tutorial navigasi : Dynamic-FX Slide-In menu
  • 154. Free Logo Maker
  • 155. Cara Membuat Favicon (2)
  • 156. Atasi error copy paste kode wordpress
  • 157. fitur-fitur baru dari Blogger.com
  • 158. Setting komentar di bawah posting
  • 159. Kotak Komentar di bawah Posting
  • 160. membuat efek Photo Blur
  • 161. Mengubah Lebar Arsip Dropdown
  • 162. Cara mengcopy gambar di layar monitor
  • 163. menyimpan widget di bawah header
  • 164. Cara membuat elemen Persis di bawah header
  • 165. Mengatur Tampilan Judul Sidebar
  • 166. Google Docs : pasang data excel di blog
  • 167. Mengatur tampilan judul posting
  • 168. Widget baru mybloglog
  • 169. fitur baru blogger
  • 170. Membuat warna link berkedip
  • 171.  Cara Modifikasi Kotak Komentar
  • 172.  Revisi: Cara Modifikasi Kotak Komentar
  • 173.  Alternatif Warna Kotak Komentar
  • 174.  Memilah Milah Komentar
  • 175.  Zoom Efek Dengan Script Fancy Zoom
  • 176.  Cara membuat Contact form / Kontak Kami
  • 177.  Elemen Halaman Mempunyai Fungsi Scroll
  • 178.  Tips Menghilangkan Pesan Pencarian Blogger
  • 179.  Membuat Read more Plus Judul Artikel
  • 200.  Membuat Sidebar Dalam Kotak-Kotak Terpisah
  • 201.  Free Template : Magazine Template 2
  • 202.  Tanya Jawab seputar Template magazine 2
  • 203.  Menghilangkan Icon Obeng dan Tang / Quick edit Blogger
  • 204.  Tanya Jawab Seputar Template Magazine 1
  • 205.  Pasang Skrip Alert Di Blog
  • 206.  Pasang Google Toolbar
  • 207.  Free Icon Untuk Blog Dan Website
  • 208.  Asyik Ngeblog Bersama Windows Live Writer
  • 209.  Tanya Jawab Seputar Windows Live Writer (WLW)
  • 210.  Buat Kolom Diatas Kolom Posting Pada Magazine template 2
  • 211.  Buat Kolom Dibawah Header Pada Magazine Template 2
  • 212.  Blog Pertama Kang Rohman
  • 213.  Free html dan PHP Editor
  • 214.  Apa sih Alexa Rank atau Peringkat Alexa Itu?
  • 215.  Tutorial Pasang Widget Alexa di Blog
  • 216.  Tips Meningkatkan Alexa Rank
  • 217.  Apa Sih Situs Social Bookmarking Network Itu?
  • 218.  Solusi Mengatasi Kotak Komentar Yang bermasalah
  • 219.  Tutorial Membuat Horizontal Navigasi
  • Kamis, September 06, 2007

    Tips menambah kolom pada template baru

    Karena banyaknya pertanyaan seputar bagaimana cara menambah kolom pada blog, akhirnya saya meluangkan waktu untuk menulis artikel ini. Sebenarnya untuk menambah sebuah kolom baru bukanlah sebuah hal yang terlalu sulit, akan tetapi tetap saja perlu sedikit pengetahuan untuk melakukannya.

    Pada kesempatan kali ini saya tidak akan menerangkan bagaimana cara membuat kolom dengan bantuan gambar, akan tetapi seperti biasa saya akan menggunakan template Minima yang merupakan template resmi yang di sediakan blogger yang notabene tidak menggunakan gambar.


    Jika mengacu kepada standarisasi dari template blogger, maka sebuah template akan mempunyai tiga elemen penting, yaitu :

  • Elemen Header

  • Elemen Outer

  • Elemen Footer


    Untuk elemen Outer di bagi kembali menjadi :

  • Elemen main, elemen main ini adalah elemen tempat kita menyimpan posting, jadi apabila kita memposting sebuah artikel maka akan masuk dan di tampilkan pada elemen ini

  • Elemen Sidebar, elemen sidebar ini adalah merupakan elemen untuk menyimpan berbagai blog tools ataupun aksesori yang kita inginkan untuk mempercantik blog.


    Akibat ketidak puasan dari sidebar yang hanya satu buah, maka jika kita menginginkan adanya sidebar tambahan maka kita tentu saja harus menambahnya sendiri, agar sedikit jelas maka akan saya perlihatkan kode template asli dari template minima (template baru/XML)



    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    &lt;html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'&gt;
    <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name: Minima
    Designer: Douglas Bowman
    URL: www.stopdesign.com
    Date: 26 Feb 2004
    Updated by: Blogger Team
    ----------------------------------------------- */

    /* Variable definitions
    ====================
    <Variable name="bgcolor" description="Page Background Color"
    type="color" default="#fff" value="#ffffff">
    <Variable name="textcolor" description="Text Color"
    type="color" default="#333" value="#333333">
    <Variable name="linkcolor" description="Link Color"
    type="color" default="#58a" value="#5588aa">
    <Variable name="pagetitlecolor" description="Blog Title Color"
    type="color" default="#666" value="#666666">
    <Variable name="descriptioncolor" description="Blog Description Color"
    type="color" default="#999" value="#999999">
    <Variable name="titlecolor" description="Post Title Color"
    type="color" default="#c60" value="#cc6600">
    <Variable name="bordercolor" description="Border Color"
    type="color" default="#ccc" value="#cccccc">
    <Variable name="sidebarcolor" description="Sidebar Title Color"
    type="color" default="#999" value="#999999">
    <Variable name="sidebartextcolor" description="Sidebar Text Color"
    type="color" default="#666" value="#666666">
    <Variable name="visitedlinkcolor" description="Visited Link Color"
    type="color" default="#999" value="#999999">
    <Variable name="bodyfont" description="Text Font"
    type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
    <Variable name="headerfont" description="Sidebar Title Font"
    type="font"
    default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
    <Variable name="pagetitlefont" description="Blog Title Font"
    type="font"
    default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
    <Variable name="descriptionfont" description="Blog Description Font"
    type="font"
    default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
    <Variable name="postfooterfont" description="Post Footer Font"
    type="font"
    default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
    */

    /* Use this with templates/template-twocol.html */

    body {
    background:$bgcolor;
    margin:0;
    color:$textcolor;
    font:x-small Georgia Serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }
    a:link {
    color:$linkcolor;
    text-decoration:none;
    }
    a:visited {
    color:$visitedlinkcolor;
    text-decoration:none;
    }
    a:hover {
    color:$titlecolor;
    text-decoration:underline;
    }
    a img {
    border-width:0;
    }

    /* Header
    --------------------------------------- */

    #header-wrapper {
    width:660px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }

    #header-inner {
    background-position: center;
    margin-left: auto;
    margin-right: auto;
    }

    #header {
    margin: 5px;
    border: 1px solid $bordercolor;
    text-align: center;
    color:$pagetitlecolor;
    }

    #header h1 {
    margin:5px 5px 0;
    padding:15px 20px .25em;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:.2em;
    font: $pagetitlefont;
    }

    #header a {
    color:$pagetitlecolor;
    text-decoration:none;
    }

    #header a:hover {
    color:$pagetitlecolor;
    }

    #header .description {
    margin:0 5px 5px;
    padding:0 20px 15px;
    max-width:700px;
    text-transform:uppercase;
    letter-spacing:.2em;
    line-height: 1.4em;
    font: $descriptionfont;
    color: $descriptioncolor;
    }

    #header img {
    margin-left: auto;
    margin-right: auto;
    }

    /* Outer-Wrapper
    ------------------------------------------ */
    #outer-wrapper {
    width: 660px;
    margin:0 auto;
    padding:10px;
    text-align:left;
    font: $bodyfont;
    }

    #main-wrapper {
    width: 410px;
    float: left;
    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 */
    }

    #sidebar-wrapper {
    width: 220px;
    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 */
    }

    /* Headings
    ------------------------------------------- */

    h2 {
    margin:1.5em 0 .75em;
    font:$headerfont;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:$sidebarcolor;
    }

    /* Posts
    ------------------------------------------ */
    h2.date-header {
    margin:1.5em 0 .5em;
    }

    .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted $bordercolor;
    padding-bottom:1.5em;
    }
    .post h3 {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    color:$titlecolor;
    }

    .post h3 a, .post h3 a:visited, .post h3 strong {
    display:block;
    text-decoration:none;
    color:$titlecolor;
    font-weight:normal;
    }

    .post h3 strong, .post h3 a:hover {
    color:$textcolor;
    }

    .post p {
    margin:0 0 .75em;
    line-height:1.6em;
    }

    .post-footer {
    margin: .75em 0;
    color:$sidebarcolor;
    text-transform:uppercase;
    letter-spacing:.1em;
    font: $postfooterfont;
    line-height: 1.4em;
    }

    .comment-link {
    margin-left:.6em;
    }
    .post img {
    padding:4px;
    border:1px solid $bordercolor;
    }
    .post blockquote {
    margin:1em 20px;
    }
    .post blockquote p {
    margin:.75em 0;
    }

    /* Comments
    -------------------------------------------- */
    #comments h4 {
    margin:1em 0;
    font-weight: bold;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color: $sidebarcolor;
    }

    #comments-block {
    margin:1em 0 1.5em;
    line-height:1.6em;
    }
    #comments-block .comment-author {
    margin:.5em 0;
    }
    #comments-block .comment-body {
    margin:.25em 0 0;
    }
    #comments-block .comment-footer {
    margin:-.25em 0 2em;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    #comments-block .comment-body p {
    margin:0 0 .75em;
    }
    .deleted-comment {
    font-style:italic;
    color:gray;
    }

    #blog-pager-newer-link {
    float: left;
    }

    #blog-pager-older-link {
    float: right;
    }

    #blog-pager {
    text-align: center;
    }

    .feed-links {
    clear: both;
    line-height: 2.5em;
    }

    /* Sidebar Content
    ------------------------------------------ */
    .sidebar {
    color: $sidebartextcolor;
    line-height: 1.5em;
    }

    .sidebar ul {
    list-style:none;
    margin:0 0 0;
    padding:0 0 0;
    }
    .sidebar li {
    margin:0;
    padding:0 0 .25em 15px;
    text-indent:-15px;
    line-height:1.5em;
    }

    .sidebar .widget, .main .widget {
    border-bottom:1px dotted $bordercolor;
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    }

    .main .Blog {
    border-bottom-width: 0;
    }

    /* Profile
    ------------------------------------------- */
    .profile-img {
    float: left;
    margin: 0 5px 5px 0;
    padding: 4px;
    border: 1px solid $bordercolor;
    }

    .profile-data {
    margin:0;
    text-transform:uppercase;
    letter-spacing:.1em;
    font: $postfooterfont;
    color: $sidebarcolor;
    font-weight: bold;
    line-height: 1.6em;
    }

    .profile-datablock {
    margin:.5em 0 .5em;
    }

    .profile-textblock {
    margin: 0.5em 0;
    line-height: 1.6em;
    }

    .profile-link {
    font: $postfooterfont;
    text-transform: uppercase;
    letter-spacing: .1em;
    }

    /* Footer
    -------------------------------------------- */
    #footer {
    width:660px;
    clear:both;
    margin:0 auto;
    padding-top:15px;
    line-height: 1.6em;
    text-transform:uppercase;
    letter-spacing:.1em;
    text-align: center;
    }

    /** Page structure tweaks for layout editor wireframe */
    body#layout #header {
    margin-left: 0px;
    margin-right: 0px;
    }
    ]]></b:skin>

    </head>

    <body>
    <div id='outer-wrapper'><div id='wrap2'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
    <a href='#main'>skip to main </a> |
    <a href='#sidebar'>skip to sidebar</a>
    </span>

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

    <div id='content-wrapper'>

    <div id='crosscol-wrapper' style='text-align:center'>
    <b:section class='crosscol' id='crosscol' showaddelement='no'/>
    </div>

    <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
    </b:section>
    </div>

    <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'/>
    </div>

    <!-- spacer for skins that want sidebar and main to be the same height-->
    <div class='clear'>&#160;</div>

    </div> <!-- end content-wrapper -->

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

    </div>
    </div> <!-- end outer-wrapper -->

    </body>
    </html>




    Dari kode diatas, yang perlu di perhatikan adalah kode di sekitar Outer-Wrapper :


    /* Outer-Wrapper
    ------------------------------------------ */
    #outer-wrapper {
    width: 660px;
    margin:0 auto;
    padding:10px;
    text-align:left;
    font: $bodyfont;
    }
    #main-wrapper {
    width: 410px;
    float: left;
    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 */
    }
    #sidebar-wrapper {
    width: 220px;
    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 */
    }


    Seperti saya singgung diatas bahwa Outer-Wrapper merupakan wadah untuk menyimpan main-wrapper serta sidebar-wrapper. Jadi jika kita ingin menambah kolom baru atau dengan kata lain sidebar baru, maka hal yang pertama wajib di lakukan adalah menambah nilai lebar dari Outer-wrapper itu sendiri.

    Sekarang bagaimanakah cara menambahkan kolom baru? Yang pertama harus di pikirkan adalah berapakah lebar kolom baru yang mau kita buat. Ok, biar sejalan saya ambil contoh lebar yang akan di buat adalah sebesar 180 pixel, jadi secara otomatis kita harus merubah lebar dari Outer-wrapper terlebih dahulu, sehingga secara kasar lebar outer-wrapper menjadi : 410 pixel + 220 pixel + 180 pixel + 20 pixel = 830 pixel, biar ada sedikt sela, maka kita tambah 10 pixel sehingga nilainya menjadi 840 pixel. Untuk menambah kode sidebar baru, saya beri contoh seperti ini :

    #sidebarbaru-wrapper {
    width: 180px;
    float: right;
    padding-left:10px;
    word-wrap: break-word;
    overflow: hidden;
    }


    Maka apabila di tambahkan kodenya jadi seperti ini :


    /* Outer-Wrapper
    ------------------------------------------ */
    #outer-wrapper {
    width: 840px;
    margin:0 auto;
    padding:10px;
    text-align:left;
    font: $bodyfont;
    }
    #main-wrapper {
    width: 410px;
    float: left;
    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 */
    }
    #sidebar-wrapper {
    width: 220px;
    float: right;
    padding-left:10px; /* yg ini tambahan juga biar tampak ada jarak sela */
    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 */
    }
    #sidebarbaru-wrapper {
    width: 180px;
    float: right;
    padding-left:10px;
    word-wrap: break-word;
    overflow: hidden;
    }



    Itu merupakan langkah pertama yang kita lakukan. langkah yang kedua adalah kita harus membuat kode yang di pasang pada bagian body. Sebagai contoh pada template diatas, kode id untuk sidebar adalah seperti ini :



    Maka kewajiban selanjutnya adalah memasang kode untuk id sidebarbaru yang akan kita buat, kodenya seperti ini :



    Apabila di padukan, simpanlah kode sidebaru di bawah kode sidebar yang asli, kodenya kira-kira seperti ini :





    Kolom baru yang kita buat sudah tercipta. Agar tampak lebih menarik, maka sebaiknya kita pun mengubah lebar dari header serta footer dengan nilai yang sama untuk Outer-wrapper yaitu sebesar 840 px.


    Masih bingung? 

    Agar tidak terlalu bingung, saya ajak sobat untuk mempraktekannya langsung. Silahkan sobat buat satu blog baru sebagai percobaan (jangan pada blog yang utama), pilihlah template minima yang biasa. Sudah siapkah sobat? Ok, kita langsung meluncur ke TKP dan saya asumsikan sobat sudah mempunyai satu blog baru sebagai bahan percobaan :


  • Sign in di blogger

  • Klik menu Layout

  • Klik menu Edit HTML

  • Ingat ! jangan memberi tanda centang pada kotak kecil di samping tulisan Expand Widget Template, sekali lagi jangan mencentangnya, karena jika sobat mencentangnya nanti akan keluar kode-kode widget yang memusingkan kepala.

  • Cari kode seperti di bawah ini :



  • ganti nilai 660px dengan 840px, sehingga kodenya jadi seperti ini :




  • Cari kode seperti di bawah ini :



  • ganti nilai 660px menjadi 840px, sehingga kodenya menjadi seperti ini :



  • cari kode seperti di bawah ini :



  • Copy paste kode berikut persis di bawah kode yang seperti di atas :




  • Cari kode seperti di bawah ini :




  • Ganti nilai 660px menjadi 840 px, sehingga kodenya akan seperti ini :




  • Cari kode seperti di bawah ini :



  • Copy kode berikut, lalu paste persis di bawah kode yang seperti di atas :




  • Klik tombol Simpan Template

  • Selesai.

    Untuk melihat efek hasilnya, silahkan klik Elemen Halaman apakah sudah berformasi tiga kolom atau belum? jika sudah, silahkan isi sidebar tersebut dengan apa saja lalu lihatlah hasil nyatanya.

    Langkah-langkah di atas merupakan metoda dasar saja, untuk menambahkan variasi lain, sobat memerlukan pengetahuan serta kretifitas. Agar sobat yakin dengan apa yang saya terangkan, sobat bisa melihat contoh yang sudah jadi, silahkan klik di sini !

    Eh kunjungi juga ya blog baruku, coba klik di sini !

    Selamat berexperimen !
  • Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, kang Rohman rekomendasikan anda belajar di sini   «« sok atuh di klik biar situsnya keluar

    Comments :

    135 komentar ke “Tips menambah kolom pada template baru”

    makasih bro...

    aku dah berhasil tapi alangkah bagusnya jika post berada di antara side bar itu
    aku pengen yg kayak gitu gimana caranya bro????? dari www.vezthoe.blogspot.com

    investo ardhitya raharjo mengatakan...
    pada 

    terima kasih atas postingan ini mas. berkat postingan ini, aku berhasil nambah kolom di bagian bawah tuk t4 link. trima kasih banyak.
    http://tautibona.blogspot.com

    Ashock mengatakan...
    pada 

    bisa nggak kita menambah kolom di blogspot kita dengan menggunakan templete Tic Tac atau Tic Tac Blue bukan pake Minima?
    Kalo misalnya bisa..apakah kode yang digunakan sama juga?

    dimasprabuinblogger mengatakan...
    pada 

    untuk template tictac berbeda, karena menggunakan background image.. tehniknya lain lagi

    rohman mengatakan...
    pada 

    lalu bagaimana caranya??

    dimasprabuinblogger mengatakan...
    pada 

    Mas, saya udah berhasil, tapi gimana caranya ngisi halaman yg kosong itu(halaman baru) soalnya saya cari di elemen halaman ga ada, sori nih masih baru

    tri budi susilo mengatakan...
    pada 

    mas gimana klo mo naruh colom posting di tengah diantara sidebar kiri n kanan ????
    tolong ya mas...
    thx

    redblack mengatakan...
    pada 

    saya akan coba....trims

    met idul fitri 1428 H "minal aidin wal faidzin, mohon maaf lahir dan bhatin"

    BLOGwarno mengatakan...
    pada 

    masih pusing, mas....

    Siti Nurbaya (or "Dayank") mengatakan...
    pada 

    keren blognya

    Anonim mengatakan...
    pada 

    nambah kolom da bisa, tapi gimana cara nya meletakan side bar di kiri dan kanan sedangkan tempat posting nya berada di tengah-tengan side bar pada templete minima, tolong ya mas..

    Gent Xeost 4 Ever mengatakan...
    pada 

    mas gimana klo mo naruh colom posting di tengah diantara sidebar kiri n kanan ?
    tolong ya mas...

    Gent Xeost 4 Ever mengatakan...
    pada 

    #header-wrapper {
    width:660px;

    maaf ni, aku bingung cari kode diatas. kok g ada. jadi g bisa ganti yg 660px. gmn ni bantuin dunk ..
    yang #footer nya jg g ada.

    Liyana mengatakan...
    pada 

    Hatur Nuhun Pisan Nya Kang......

    Tenjo mengatakan...
    pada 

    bisa banget mas :-) thank u yah..waduh pas bener aku nemuin blog begini, aku lagi pengen belajar design nih untung mas gak pelit yah :-) Eh..kalo mau bikin headernya ada gambarnya gimana mas? Thanx before yah :-)

    Mom Eliz mengatakan...
    pada 

    Makasih banget mas... udah muter2 nyoba template... untung ada mas jadi bisa bikin sendiri.

    Tips: klo bingung nyari kata2 di html pake CTRL-F di Mozila Firefox aja gampang nemunya.

    Amatiran mengatakan...
    pada 

    te o pe be ge te

    Anonim mengatakan...
    pada 

    Mas tanya...

    Tolong balas ke email saya ya ;
    Aku bingung ni gimana caranya ngedit jarak sela antara 2 kolom?
    Kolom blogku ada 2 yang sebelah kiri buat blog arsip dll dan kolom satunya buat isi postingan.
    Jarak dari kolom itu terlalu jauh jadi aku pengin jaraknya biar dekat.
    Gimana caranya mas? Msti diliat dimana scriptnya?
    Yang kedua aku mo bikin kolom baru disebelah kanan kolom posting kok ga bisa?
    Padahal dah ngikutin cara2 mas, minta bantuannya mas masih bingung banget ni...
    Tolong mas aku tunggu balasannya
    Thanks

    Anonim mengatakan...
    pada 

    Kang Rohman tanya dong,,
    Template blog-ku kok sering ngilang yah? alias gak ng-efek,, templatenya kebetulan donlod gratisan,, apa memang gitu?,,

    yang nggak gitu donlod dimana yah?,,

    Mohon petunjuknya kang,, newbie kiy,,

    JeK mengatakan...
    pada 

    Kang Rohman tanya dong,,
    Template blog-ku kok sering ngilang yah? alias gak ng-efek,, templatenya kebetulan donlod gratisan,, apa memang gitu?,,

    yang nggak gitu donlod dimana yah?,,

    Mohon petunjuknya kang,, newbie kiy,,

    Djaka Prasetja mengatakan...
    pada 

    @djaka prasetja : tidak ada masalah dengan namanya template gratisan, yang penting semua gambar template tersebut di pindah ke account anda sendiri, karena alamat gambar yang asli sudah terlalu banyak yang make, jadi banwithnya tidak mencukupi untuk ngeload secara bersamaan

    rohman mengatakan...
    pada 

    berhasil tapi koq widgetnya jadi di bawah yah.. apa yang salah yah.. :D mohon pencerahannya kang.. :D

    shredder mengatakan...
    pada 

    Ass. thanks bagus wow n berbobot..jdi sy banyak tau tentang otak-atik CSS..but..ko blog saya ga bisa di edit..ktanya blog spam...gmana donk k rohman solusinya..sy dah kirim email ke blogger tapi belum ada jawabannya..please..help me..!! sukses selalu yah ...

    utar mengatakan...
    pada 

    makasih kang..
    blogku dh 3 kolom..

    Anonim mengatakan...
    pada 

    terima kasih kang soalnya lagi belajar buat templet kayak punya o-om dan dan mas eko

    Kang_noval mengatakan...
    pada 

    Salam kenal Kang Rohman dan makasih atas tutor gratisnya.

    Aku dah coba tapi kok jadi BARIS ya bukan KOLOM. Mohon bantuannya dong KANG.

    KARMAN mengatakan...
    pada 

    trima kasih saya bisa

    crysos mengatakan...
    pada 

    mas, aku dah berhasil kl pake minima. tapi aku pingin yang kalo pake blue tic tac. gimana ya mas? apa bisa layangkan ke email saya di tj_oek@yahoo.com? makasih ya mas......

    all that you want mengatakan...
    pada 

    waduh mas...thank you very much.....sengsu very nice...hehehe...langsung dapet tanggapan dari mas Rohman....aku praktekkin dengan cara bodon...lha saya gaptek sih. copy paste sebagian yang nampak beda, sambil monitor pratinjaunya.....akhirnya....whalllaaa......jadi seh....ma kasih banget ya mas.....eh boleh kan aku tambah link ke blog mas......dgn embel embel my friend...hehe jane yang tepat ya my master....sekali lagi...terima kasih....

    all that you want mengatakan...
    pada 

    waduh mas...thank you very much.....sengsu very nice...hehehe...langsung dapet tanggapan dari mas Rohman....aku praktekkin dengan cara bodon...lha saya gaptek sih. copy paste sebagian yang nampak beda, sambil monitor pratinjaunya.....akhirnya....whalllaaa......jadi seh....ma kasih banget ya mas.....eh boleh kan aku tambah link ke blog mas......dgn embel embel my friend...hehe jane yang tepat ya my master....sekali lagi...terima kasih....

    all that you want mengatakan...
    pada 

    Hatur Nuhun Kang Tutorialnya,Saya dah Praktekin dan Berhasil Salam Kenal aza dari Newbie yang baru belajar bikin Blog.

    Newbie mengatakan...
    pada 

    Kang rohman, mo tanya neh. Kalo sidebarnya dibagi 2 lagi gimn caranya. Maksudnya, ada sidebar atas, tengah, bahwa. Nah ang di tengah mo dibagi dua. Caranya gimn kang ? Makasih sebelumnya..

    bamb mengatakan...
    pada 

    Kang rohman top bgt, salam...

    Pani Fitriansyah mengatakan...
    pada 

    Nembah suwun kang Rohman!
    Salam knal tuk Akang ma keluarganya.......mg2 ilmunya makin afdolll sja.

    santringenet mengatakan...
    pada 

    Kang Rohman! mnta ijin link akang, q psg di blogQ.....

    santringenet mengatakan...
    pada 

    nuhun kang, sim kuring parantos nganggo 3 kolom. sip lah...........

    Ma'rup Harun Alrasid mengatakan...
    pada 

    Kang Rohman... Lama saya tidak berkunjung ke blog Kang Rohman yang manfaat tenan ^^

    Sudah coba dan berhasil tambahkan kolom Kang, cuma sekarang bingungnya gimana cara pindahkan kolomnya dari sebelah kiri(tengah) ke sebelah kanan.

    Blog ujicoba saya disini : http://firryon.blogspot.com

    Sudikah kiranya Kang Rohman mampir sejenak ^^

    GunGz mengatakan...
    pada 

    permisi..slm kenal n makasih buat tipsnya ya, jadi bisa bikin 3 kolom buat blog qu :)

    k3 mengatakan...
    pada 

    Salam kenal kembali K3. Terima kasih sudah berkunjung.

    Rohman mengatakan...
    pada 

    kang gimana caranya buat tempat notepad(menaruh kode-kode)di blog?

    my sharing mengatakan...
    pada 
    Posting ini telah dihapus oleh penulisnya.
    my sharing mengatakan...
    pada 
    Posting ini telah dihapus oleh penulisnya.
    my sharing mengatakan...
    pada 

    Alwoooo KAng!!!!!

    Qin_28 mengatakan...
    pada 

    Kang Coment saya kok ngak bisa muncul???

    reggaiman mengatakan...
    pada 

    Bos, kok py sy gak bisa? Tp memg gak sama sih? Tolong dicekin donk apanya yg perlu ditambah?

    Ed mengatakan...
    pada 

    thnx ya.

    gwe dah berhasil nih............

    tpi msh mo nanya..

    klo ingin biar widget ada di kiri dan kanan postingan, kya gmna caranya??

    plis di bales....

    Fr@NkLiN Jr. mengatakan...
    pada 

    Kok Di Templates kU G Bisa yA mAs...
    tLong BantuannYa dOnk mas, aku pengin bGt Bisa bWat 2 Sidebar Di bLog kU yG cUma aDa 1 Sidebar

    fRenzya mengatakan...
    pada 

    Waduh mas, palaku koq jadi pusing ya ???
    Ada cara lebih pendek gk, soalnya kepanjangan jadinya... ya gitu dehhh

    "carkhu_037" mengatakan...
    pada 

    ah ga bisa kang padahal template saya nomina dan saya dah turutin smua cara akang tapi ga bisa neh, dan kalo saya kopikan ternyata ga bisa di paste di tempt yang akang bilang pasti copiannya berada di akhir tag html gimana kang tolong di kasih tau

    expert level made so easy mengatakan...
    pada 

    Kang,,,,,,
    tu blog banyak bgt iklannya,,,,,
    gmn tu cara buatnya,,,,,,
    tolong pencerahannya kangggg,,,,,
    maklum msh pemula,,,,,,
    langganan juga gak papa kang, yang penting bisa buat yg gituannnnn,,,
    mohon pencerahannya kangggggg....!!!!!

    konong mengatakan...
    pada 

    Assalamualakium
    sy baru buat blog tp mau rubah tmplnya mjd 3 klm sdh di coba tp nggak berhsl,malah copie script htmlnya nggak bs di paste pd tempatnya. kumaha atuh, nuhun kang.
    wassalam

    D R S 400 mengatakan...
    pada 

    guru blogger paling advance...
    ilmunya dpt darimana sich?
    mau nerapin satu2 msh bingung hehe..
    blog-ku akhirnya gak jadi-jadi

    rahasiabisnis mengatakan...
    pada 

    Kang guru blogger tingkat tinggi...
    Bingung ni mau nerapin tips2 kang rohman.
    Malah nggak jadi-jadi dech blog-ku :(

    rahasiabisnis mengatakan...
    pada 

    mw nanya mas apakah cara diatas bisa digunakan untuk membuat subnav.. mohon petunjuknya.

    boylooser mengatakan...
    pada 

    tengkyu mas...
    saya jadi bisa nambah kolom untuk adds.
    Met Idul adha.

    Media mengatakan...
    pada 

    kang rohman.. makasih tutorial na.. berhasil.. tp ada cacat dikit di blog ku.. yg jd masalah.. kok pada kolom tambahan.. garis batas nya ga 180 tp kok bablas dari kiri ke kanan.. puanjanggg banget 840.. knp yak?

    noniindo mengatakan...
    pada 

    kang makasih banyak atas tulisan-tulisannya yg bermanfaat ini,terutama bagi kami-kami yg masih awam dalam dunia blogging,html,xml dan macam-macam script,oya kang tulisan-tulisannya saya copy ya?buat referensi sekaligus promosi blog,nanti saya kasih link balik kesini sebagai sumbernya...salam success kang

    sergiovernandez mengatakan...
    pada 

    problem solved kang... makasih.. ada yg kurang.. soalnya aku copy paste smua.. hehehehe

    #sidebar-wrapper {
    width: 220px;
    float: right;
    padding-left:10px; /* yg ini tambahan juga biar tampak ada jarak sela */
    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 */
    } <--- kurang ini kang.....

    #sidebarbaru-wrapper {
    width: 180px;
    float: right;
    padding-left:10px;
    word-wrap: break-word;
    overflow: hidden;
    }

    noniindo mengatakan...
    pada 

    wah iya bener. ada yg kelewat. thank ya atas infonya

    Rohman mengatakan...
    pada 

    ko g bisa ya mas ..

    header widthnya jga ga ad ..

    bsa tolong mas ..

    makasi ya ..

    infoforus mengatakan...
    pada 

    Lanjut Langsung Praktek !!!!
    BTW : Sebelumnya Thanks Dulu ya Mas atas Tutorial yang Sangat berguna ini...

    AGUS mengatakan...
    pada 

    maturnuhun kang rohman,..........sing kenging pahala anu gede sagede gunung....atas tutorialnya,.....hehehehehe,...

    icha mengatakan...
    pada 

    Akang, setelah kolom saya tambahkan, dan saya tambah Widget, kok tampilan widget pada sidebar baru hasilnya nggak sejajar topnya dgn sidebar yg lama ya? tampilannya justru ditengah meski pd "page elemen" udah aku taruh dipaling atas. Mohon bantuan ya

    hands mengatakan...
    pada 

    terima kasih kang atas tips nya...

    Dinul Falah mengatakan...
    pada 

    mas aku bingung nih mau request dimana, disini aja ya.mas gimana ya cara bikin halaman blog jadi seperti page1,page2,page3....dst dan ngatur jumlah postingan perhalaman coz di defaultnya kan yg bisa diatur cuma jumlah postingan di halaman utama aja, nah pas buka salah satu label dgn jumlah post misalnya 100 pasti ujian yg sangat berat bagi yg pake mouse tanpa scroll, biar keliatan lebih simple kalo postingannya banyak jadi nggak keliatan panjang kebawah,saya pantengin deh buat tunggu infonya nih

    Bisnis onlineku mengatakan...
    pada 

    bang rohman;
    bagaimana cara menambah kota ke samping seperti blog kang rohman ini.
    terima kasih atas ilmunya (bang kodir malang)

    himas malang mengatakan...
    pada 

    Duh bagusnya artikel Mas

    Sekali-kali kunjungi deh blog GW

    http://myzsoftwareav.blogspot.com

    Thanks atas kunjungannya..

    Kirim saran ke email gw y Mas

    soalnya gw masih belajar nih

    rieraomhd@gmail.com

    sekali lagi thank atas semua infonya ..

    Anonim mengatakan...
    pada 

    lam knl,mas...! mo nanya,masih baru nih.

    gmn cara memperbesar halaman posting/side bar, pny kecil banget nih,mas....makasih sebelum na

    sho mengatakan...
    pada 

    tengkyu berat boss!!! siip dah..

    delta mengatakan...
    pada 

    asslm...

    kang mo minta izin nich....
    boleh ga' postingan yang nie saya copas ke blog saya...
    pleast ya kang...

    di tunggu jawabnya..??!!!

    muhamad haidir ali blog mengatakan...
    pada 

    kang rohman,
    saya newbie nehh.pengen tau gimana membagi sidebar supaya tampilnya menjadi dua kolom sidebar tanpa merubah sidebar aslinya.

    info theme blog saya seperti blog kang oman dengan megazine template. mohon bantuana kang oman. akang bisa lihat blog akuw di http://pit-onta.blogspot.com

    hatur nuhun akang oman :)

    FaJaR ApRi mengatakan...
    pada 

    Terima Kasih banyak, sangat membantu saya.

    OnTheSky mengatakan...
    pada 

    kang tolong kalo mau main wrapernya buat posting ditengah2 gimana dong kang tolong doong udah banyak yang nanyain atuh

    dealer toyota mengatakan...
    pada 

    tingal diganti floatnya ke left mas

    Anonim mengatakan...
    pada 

    bro,
    kalo menambah menu biar ada menu home, menu free stuff, menu blog tutorial kaya punya elu diatas gimana ya

    thx

    cariban mengatakan...
    pada 

    Thank you banyakkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    bisnisway mengatakan...
    pada 

    Kang Rohman yang terhormat....
    saya menggunakan template widgetlike dengan 2 kolom dari btemplates.com...
    jadi semua kode dari kang rohman diatas gak ada ditempat saya...walaupun terdapat kode outer-wrapper tapi susunan kodenya sampai kebawah beda semua.
    bisa gak yach template saya dibuat 3 kolom...
    makasih sebelumnya kang, maaf saya banyak nanya karna pengguna baru

    Abang Batax mengatakan...
    pada 

    Fantastis sekali mas, saya langsung praktek dan itu sangat useful..mah kasih mas.

    salam blogger

    betrizon mengatakan...
    pada 

    Kang, Mau tanya dongg...!!
    gini saya dah bisa buat seperti yang kang rohman instruksikan, nah pertanyaannya kalo saya mau buat...postingan saya berada di tengah dan side bar baru....berada di kolom kiri..caranya gimana yah kang..??saya utak2 - atik kok ga bisa2...masih newbie soalnya....sebelumnya makasih banget atas penjelasaannya.
    oh ya saya jajalnya pake http://nje-otakatik.blogspot.com/
    makasih yaa

    Nje mengatakan...
    pada 

    Sangat membantu sekali om, makasih

    vbyjcr mengatakan...
    pada 

    Kang Roman, Salam kenal...
    Mau tanya dong, template blog saya kan 4 coloumn, bagaimana cara menambah coloumn diatas dan dibawah 2 coloumn sidebar.
    Thanks yah sebelumnya.

    Kongz mengatakan...
    pada 

    Makasih infonya.
    Kalau bkn template minima, bisa tdk?
    Mhn penjelasannya

    Ramandha Jaya mengatakan...
    pada 

    www.janu.prioka@yahoo.co.id
    janu prioka
    www.bustersonik.tk

    Janu Prioka mengatakan...
    pada 

    mas tolong caranya nambah kolom di template Scribe....thx

    julerwin.co.cc

    julerwin mengatakan...
    pada 

    Bang, mau nanya nih? gimana cara nambah right sidebar di theme magazine2? krn saya nyoba ubah main-wrappernya, tetap 2 kolom n jadi kecil?
    Please, bantuin saya bang... Makasih very much..

    uzairrizki mengatakan...
    pada 

    ty akang infonya

    Resep Masakan mengatakan...
    pada 

    Nuhun kang kana bantosanana. Ulah bosen-bosen nyerat teras. Sukses lah!

    yek's mengatakan...
    pada 

    makasih kang! walopun kagak bgitu ngerti tapi akan di coba.... :)

    Novita mengatakan...
    pada 

    kang kode html sidebar di tempat sy sprti ini

    #sidebar-wrap {
    width:240px;
    float:$endSide;
    margin:15px 0 0;
    font-size:97%;
    line-height:1.5em;

    di floatnya bkn left, bkn right. sy mo nmbh kolom di sebelah kiri,gimana caranya ya

    thank's

    yeah mengatakan...
    pada 

    Maaf SALAM KENAL Kang...

    anggota baru blogger nih

    http://dodhyrhitonga-taxofficer.blogspot.com/

    saya udah nyoba tapi kacau tuh kang... soalnya gak ada kode ini

    #header-wrapper {
    width:660px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }


    dan

    #outer-wrapper {
    width: 660px;
    margin:0 auto;
    padding:10px;
    text-align:left;
    font: $bodyfont;
    }



    gak sama persis jadi saya bingung hehehe mohon bantuan Kang...help...

    Dodhy Rhitonga - Tax Officer mengatakan...
    pada 

    adanya kayak gini

    #header-wrapper {
    margin: 0;
    padding: 0;
    font: $pagetitlefont;
    background: #e0e0e0 url(http://www.blogblog.com/tictac_blue/top_div_blue_$startSide.gif) no-repeat $startSide top;
    }


    dan


    #outer-wrapper {
    width: 847px;
    margin: 0px auto 0;
    text-align: $startSide;
    font: $bodyfont;
    background: url(http://www.blogblog.com/tictac_blue/tile_$startSide.gif) repeat-y;
    }


    mohon pencerahan Kang

    Dodhy Rhitonga - Tax Officer mengatakan...
    pada 

    gini nih

    div id='sidebar-wrapper'>
    b:section class='sidebar' id='sidebar' preferred='yes'>
    b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
    b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
    /b:section>
    /div>

    punya saya kok ga ada /b:section> yang terakhirnya ya (sebelum /div> terakhir)

    radzt mengatakan...
    pada 

    terima ksih mas, tapi kalo aku sesuaikan headernya koq jadinya g sesuai ya mas dengan header aslinya? yang satu lengkung tapi header tambahannya kotak..heheheh..mklum mas masih new bie..mohon pencerahan

    cah angon mengatakan...
    pada 

    PUSINGGGG!

    Nifan Sunandar mengatakan...
    pada 

    terima kasih banyak atas artikelnya saya suda berhasil menambah kolom blos saya...artikelnya muda di ikuti..

    mustafa mengatakan...
    pada 

    makasi yah saya selalu mengikuti cara2 anda dan semuanya jdi mudah

    Efaproditus mengatakan...
    pada 

    mAS TOLONG BAGAIMANCARANYA MEMBUAT MENU UTAMA DI BLOGSPOT. SAYA SUDAH BIKIN DARI REFERENSI BLOG TEMAN, TAPI SETELAH JADI, KOK KNTEN YANG ADA DLDM MENU ITU GAK LINK. TOLONG YA MAS!

    NIDA EL-ADABI mengatakan...
    pada 

    Salam kenal, kang blog saya pake yang magazine template 2, http://blog-3zr4.blogspot.com, yang saya mau tanya bagaimana membuat kolom seperti kolom 2 diatas postingan?, sekian dulu dari saya, sebelumya terimakasih atas perhatiannya.

    3zr4™ mengatakan...
    pada 

    triz, mas memang jenius.....

    blogartik mengatakan...
    pada 

    tercapai sudah cita2 saya selama ini. menambah kolom.... sip,sip,sip

    blogartik mengatakan...
    pada 

    DIPOSKAN OLEH:....
    AMPE BURUT SAYA TEH MAU NGILANGIN TETAP AJA TEU BISA. KUMAHA CARANA NYA?

    BISNIS EXTREMEN mengatakan...
    pada 

    makasih semua....
    atas petunjuknya
    ternyata setelah di buat sidebar baru langsung diisi dengan widget ya.....??
    biar tampak bagaimana posisinya
    pantesan sebelum diisi postingnya tetep paling kiri
    salam
    fabrie.blogspot.com

    fabrie mengatakan...
    pada 

    kang rohman yg selalu ber bagi ilmu
    kalau mau psang kolom baru di atas footer gmn ?
    seperti di web index kang rohman

    RavieBani mengatakan...
    pada 

    mas, mau tanya..
    tampilan template saya main bar berada diantara dua side bar kiri dan kanan. jika dibuka blognya tampilannya pas. tapi ketika dibuka tata letak side bar kiri dengan side bar kanan saling berdempetan di posisi sidebar kiri. bagaimana supaya sidebar tersebut normal kembali posisinya (sidebar kiri,main bar ,sidebar kanan)
    thx

    febri mengatakan...
    pada 

    Terima kasih sekali atas infonya...
    Tapi jujur, saya masih bingung...
    He he......

    Irfan mengatakan...
    pada 

    Salut deh buat Kang Rohman. Sukses selalu, amin

    Admin mengatakan...
    pada 

    Terimaksih kang rohman infonya ....saya boleh kan nitip link disini siapa tahu ada teman-teman yang ingin bertukar link....

    http://lerry060183.wordpress.com/tukaran-link-yuk/

    lerry060183 mengatakan...
    pada 

    kalo ingin nambah 2 kolom dibawah tempat widget samping gimana kang???

    Adi Wijaya Firdaus mengatakan...
    pada 

    halo all "hebat" om ajarin dong baru gabung nih newbie

    Struggle mengatakan...
    pada 

    kang kalau menambah sidebarnya di bagian atas ?

    Teknik Jaringan Komputer mengatakan...
    pada 

    makacih bang rohman....sukses berat neh abdi.....nuhun kang kanggo sadayana akakak......aslina urang mah karek di dunia blogging teh....ayana blog akang rohman jadi katulung pisan.....nuhun dulur....

    agung mengatakan...
    pada 

    bang tau ga cara merubah font huruf header blog saya...please...http://sendaalkahfi.blogspot.com

    Julkifli mengatakan...
    pada 

    maaf sendalkahfi.blogspot.com

    Julkifli mengatakan...
    pada 

    mao cobain ah..

    makasih mas buat infonya..

    kmaren saya buat read more juga caranya liat di blog mas..
    sungguh luar biasa ene blog..

    hwhwhw..

    William_Eight mengatakan...
    pada 

    saya dah bisa mas, tp gmn kalo dengan template yang baru (misalnya tenplate dari btemplates gitu loh!!)

    reza mengatakan...
    pada 

    kalo mo modifikasi 1 kolom paling atas 2 kolom dibawah lalu 3 kolom paling bawah gmn caranya ya kang! sy ikutin metode akang kayaknya ga bisa atuh.mohon pencerahan kang!
    dari: http://allaboutsteel.blogspot.com/

    dari: Mugiyono Mayar

    Mugiyono Mayar mengatakan...
    pada 

    mantap banget kang....
    tengkyu

    jodimamadik mengatakan...
    pada 

    uah nyoba dan berhasil nih...tp klo yang ditambah kolom sebelah kiri gmn???td kan nambah kolomnya pas tengah2...pinginnya kira ada kolom...tengah post...trus kanan kolom lagi...gitu kang...gmn yaaa???

    nining dwi kurniawati mengatakan...
    pada 

    Wahh2... makasih banget om.. ini yang saya lagi cari.. mwantapp..

    Buced.. nyang komen bejubellll.. hauahuhaua

    NiPz mengatakan...
    pada 

    pagi mas. . . .hee. . .pas baca jd tertarik nni. . .saya mo nanya ni mas . kalo mw menambah 1 di bagian paling bwh. . .itu gmna cranya si mass. . .kan yang ini nambah jd 3. . .nah yng q mau diatas 2 kolom dan d bwh 1 kollom. . .
    thnks. . .mas ats infonya. . . .sukses selalu ma tutorialnya . . .

    saeful mengatakan...
    pada 

    Gini mas, gue kan baru belajar bikin blog, pas udah diganti sama template baru, ternyata kolom profilnya ilang, apa memang itu setingan templatenya? trus gimana kalau mau nambahin kolom profil?
    Jawaaaaaaaaabbb
    Pleaseeeeeeeeeee?

    Anonim mengatakan...
    pada 

    Hebat A, Hatur nuhun,,,,,,,,mempelajari blog dari Kang Rohman,,,,,,,,mantap,,,,,tiga malam bisa ga tidur,,,,saking penasarannya,,,,,,,he he,,,semoga ke baikan Kang Rohman,,,di balas oleh Alloh SWT,,,dengan berlipat ganda,,,,,,mohon bantuan,,,Kang,,,baru,,,belajar ni,,,,,punya ku,,masik,,,acak2 kan,,,http://dekritbali.blogspot.com. Salam,,,

    Yadi Permana mengatakan...
    pada 

    Waduh...posting kang Rohman heubat...siip...makasih banget...LANJUTKAN!

    Blognya Dhe Srie mengatakan...
    pada 

    salam kenal kang, aku minta ijin pasang link tutorial akang di blog aku,terima kasih tutorialnya sangat membantu saya. kapan sempat mampir ya kang..http://www.bartendersecrets.co.cc.terima kasih

    flamboyan304 mengatakan...
    pada 

    g da yang bisa km berikan selain kata2 "makasih bnyak kang...." walaupun msh acak2 an blog km, tp km akn trs bljr pd tutorial kang rahman.

    fariz mengatakan...
    pada 

    kang tetep pusing.ad nga yg lebih simple

    yOk3_oO mengatakan...
    pada 

    mas kalo memindahkan siderbar kiri kekanan gimna?

    ogi mengatakan...
    pada 

    maksih mang......
    ternyta ilmu yang di beruikan begitu bermanaat n sangat membantui saya
    hehehehe........

    Destroit mengatakan...
    pada 

    Fiuuuh...dahsyat juga nich kode-kodenya ...... ampe pusing.
    Mudah2an aja bisa saya pake ya buat blog saya, Kang. Nuhun pisan

    andhee mengatakan...
    pada 

    matur kang, tutornya....[]

    software2iqbal mengatakan...
    pada 

    Pusing ngeliatnya ya.....:)
    Saya masih yg lama dulu deh....

    revort's mengatakan...
    pada 

    template yang baru pengaturan sidebar-wrappernya dah berubah.. Gimana nih..? Up date dong trick nya.. Trims

    Blog fur Us mengatakan...
    pada 

    mas gimana kalo kolom baru tersebut di sebelah kiri. Apanya yang di ganti ?
    Pleace...

    Cah Qeenee mengatakan...
    pada 

    keren mas mau cuba ah
    hiks hiks

    kotib mengatakan...
    pada 

    klo utk template baru gmn mas?

    SUSCHENKO BLOG mengatakan...
    pada 

    Poskan Komentar

    Mau komentar? silahkan, asal jangan komentar spam.

    Maaf! Komentar bernada spam akan saya hapus.