Kamis, 18 April 2013

Cara Menghilangkan Sidebar Blog Pada Posting Tertentu

Cara menghilangkan sidebar blog pada posting tertentu. Menghilangkan bukan berarti menghapus. Sidebar hanya disembunyikan dari halaman tertentu. Dengan tujuan agar posting suatu halaman terlihat rapi dan bersih dari Widget atau Gadget yang berada di kanan atau kiri posting blog. Sebagai contoh kalian bisa lihat menu  About,  dan Contact dari blog ini. Dengan menghilangkan Sidebar, dapat juga mempercepat loading blog untuk di akses.
cara menghilangkan sidebar blog pada posting tertentu
Ada 2 cara yang berbeda yang akan saya jelaskan, yang pertama adalah menyembunyikan sidebar dengan lebar posting sampai ke samping, hampir seluruh ukuran web digunakan untuk posting. Dan yang kedua adalah menyembunyikan sidebar dengan lebar yang masih sama seperti ketika ada Widget/Gadget dikanan-kiri posting, contohnya lihat about di blog ini. Silahkan pilih kedua cara tersebut, sesuaikan dengan fungsinya, jika ingin dibuat lebih lebar,  maka pilih cara yang pertama, sidebar disembunyikan, dan lebarnya sampai kesamping. Untuk cara membuat sidebar menghilang dari posting tertentu. Ikuti langkah-langkah dibawah ini.

 Cara menyembunyikan sidebar yang Pertama

  1. Login ke blogger. 
  2. Dari dasbor pilih menu template dan klik edit HTML.
  3. Dan Cari kode </head> (Gunakan Ctrl F) dan letakkan kode berikut diatas </head>
  4. <b:if cond='data:blog.url == "http://pengguna-komputer.blogspot.com/"'>
    <style type='text/css'>
    .main-inner .columns {
    padding-left: 0px;
    padding-right: 0px;
    }
    .main-inner .column-left-outer {
    display: none;
    }
    .main-inner .column-right-outer {
    display: none;
    }
    </style>
    </b:if>
  5. Keterangan: Ganti kode biru dengan url dari posting kamu yang ingin dihilangkan sidebarnya.
  6. Kode Merah diatas gunanya untuk menyembunyikan sidebar bagian kiri. Dan Kode Hijau itu untuk menyembunyikan sidebar bagian kanan. Jadi kalian bisa atur sidebar yang mau disembunyikan, yang kanan atau yang kiri, atau kedua-duanya di sembunyikan. Berikut: Contoh susunan kode kanan dan kiri.
  7. Untuk yang Kanan. 
    <b:if cond='data:blog.url == "http://pengguna-komputer.blogspot.com/"'>
    <style type='text/css'>
    .main-inner .columns {padding-right: 0px;}
    .main-inner .column-right-outer {display: none;}
    </style>
    </b:if>

    Untuk yang Kiri.
    <b:if cond='data:blog.url == "http://pengguna-komputer.blogspot.com/"'>
    <style type='text/css'>
    .main-inner .columns {padding-left: 0px;}
    .main-inner .column-left-outer {display: none;}
    </style>
    </b:if>
  8. Atur sesuai keinginan kamu, Terakhir Save template, dan lihat hasilnya. Selesai.

Cara menyembunyikan sidebar yang kedua. 

  1. Cara menyembunyikan sidebar yang kedua, seperti halaman about dan contact di blog ini. Cara ini sedikit lebih simpel jika dibandingkan dengan cara yang pertama.
  2. Caranya klik Edit HTML dan Cari kode <head> dan tempatkan kode berikut diatas <head>
  3. <b:if cond='data:blog.url == "http://pengguna-komputer.blogspot.com/p/var-servicedomainwww.html"'>
    <style type='text/css'>
    .sidebar{
    display: none;
    }
    </style>
    </b:if>
  4. Keterangan: Ganti kode Merah  dengan url posting yang akan kamu sembunyikan. .sidebar{
    display: none; } itu artinya kiri-kanan sidebar disembunyikan. tapi lebarnya posting tetap sama, tidak berubah.
  5. Terakhir Save dan lihat hasilnya, Selesai. Semoga Bermanfaat.

Rabu, 17 April 2013

Cara Membuat Label atau Kategori di Blog

Cara Membuat Label atau Kategori di Blog. Label atau kategori di blog yang berarti mengelompokan jenis artikel berdasarkan pembahasan yang berkaitan antara satu dan lainnya. Misalnya kita punya 3 artikel dengan judul ayam jantan, ayam hias dan ayam kampung, maka dari ketiga judul tersebut kita kelompokan menjadi satu jenis, yaitu ketegori ayam. Jadi ketika orang buka label/kategori ayam, maka ketiga judul tersebut akan tampil dalam satu halaman.

Itulah sedikit penjelasan apa yang dimaksud dengan label atau kategori. Untuk lebih jelasnya bisa kalian lihat di Kategori sebelah kiri blog ini. Klik salah satu kategori, maka akan terbuka halaman baru, dengan isi semua artikel yang kategorinya sama. Untuk lebih jelasnya. Cara membuat label atau kategori di blog.
Ikuti langkah-langkah dibawah ini.
  1. Buatlah 3 entri baru atau edit 3 artikel lama kamu.
  2. Dan dibagian Setelan Entri(sebelah kanan entri) Klik Label dan beri label dengan nama Tutorial Blog dan klik Selesai. Tulis ketiga artikel kamu dengan nama label yang sama Tutorial Blog. Lihat gambar dibawah untuk lebih jelasnya.
  3. cara membuat label atau kategori di blog
  4. Setelah Selesai memberi nama label. Buka pengaturan Tata Letak.
  5. Klik Tambahkan Gadget atau add gadget.Dan cari Label seperti gambar dibawah ini.
  6. cara membuat label atau kategori di blog
  7.  Klik Tanda + di sebelah kanan Label gambar diatas dan beri judul label atau kategori, dan klik Simpan. seperti gambar dibawah ini.
  8. cara membuat label atau kategori di blog
  9. Contoh tampilan kategori atau label di blog lihat gambar dibawah ini.
  10. cara membuat label atau kategori di blog
  11. Letakan label/kategori sesuai dengan yang kamu inginkan. dan Lihat hasilnya.Widget degan nama kategori/label sudah ada di blog kamu. Selesai.
Dengan adanya label, maka kita dapat dengan mudah membagi setiap artikel menjadi beberapa nama kelompok artikel yang sesuai dengan yang kita inginkan. Dalam satu artikel, kita juga bisa membuatnya menjadi 2 label atau lebih. Jadi tidak harus menempatkan satu artikel kedalam satu kategori. Tapi bisa kebanyak kategori

Jika nanti label/kategori kamu sudah banyak, tambahkan fungsi scroll agar tidak banyak menghabiskan tempat. Jika ingin memberi warna background pada judul kategori, dan lain-lainnya.  Baca Disini. Semoga Bermanfaat.

    Cara Mempercepat Loading Blog

    Cara Mempercepat Loading Blog. Loading blog yang berarti pemuatan blog, maksudnya adalah membuka akses suatu halaman blog dengan kecepatan yang tergantung dari cepatnya akses internet dan isi dari halaman blog. Kedua faktor tersebut sangat mempengaruhi lama atau tidaknya waktu yang dibutuhkan untuk membuka suatu halaman blog.

    Ketika akses internet sudah cepat tapi masih juga lambat membuka suatu halaman blog, itu berarti blog yang sedang dikunjungi mempunyai banyak isi sehingga memberatkan loading blog, entah itu widget, kode html, ataupun iklan-iklan yang berserakan. Cara mempercepat loading blog agar lebih mudah untuk diakses. Ikuti langkah-langkah dibawah ini.Cara yang pertama adalah:
    1. Menghapus atau menempatkan Widget/gadget yang berat dibagian bawah blog(Footer) Seperti Translate, Jam di blog, kalender dan lain-lain.
    2. Dan yang kedua adalah memasang Fungsi Scroll di Arsip blog, Populer Posts, atau Label/kategori agar tidak banyak memakan tempat. 
    3. Ketiga adalah mempersingkat tampilan halaman posting menggunakan Read More dan membatasi jumlah tampilan artikel di awal blog, Cukup 4 sampai 5 posting saja.
    4. Terakhir, Dengan mengcompress html blog.

    Cara mengcompress HTML blog

        1. Login ke blog dan klik pengaturan template. Cadangkan template dulu(untuk jaga-jaga).
        2. Klik edit HTML. Dan copy semua kode yang ada ditemplate.
        3. Selanjutnya, Kunjungi situs http://htmlcompressor.com/compressor.html
        4. Paste kan kode yang di copy tadi ke situs diatas, dan klik Compress.
        5. Selanjutnya akan ada Pemberitahuan seperti dibawah ini.
        6. cara mempercepat loading blog
        7. Klik Change, maka situs compress akan menyesuaikan dengan template blog, tanpa merusak fungsi-fungsi blog yang ada.
        8. Selanjutnya tunggu sampai proses compress selesai. Setelah selesai. Copy semua kode hasil compress dari http://htmlcompressor.com/compressor.html dan Paste kan di edit HTML blog tadi. Dan save template. Selesai.

          Atau Download hasil Compress, dan unggah ke blog.

          cara mempercepat loading blog

          Dari gambar diatas, hasil compressnya hanya sedikit, karena memang sudah 2 kali template yang saya gunakan sebagai contoh ini, di compress. Pertama kali dikompress, dari 110kb an bisa jadi 90kb, lumayan banyak compress nya untuk template asli blogger. Dan itu sangat membantu untuk mempercepat loading blog saya.
          Mempercepat loading blog merupakan salah satu cara untuk meningkatkan seo blog. Karena semakin cepat blog, maka akan semakin mudah pengunjung untuk membuka halaman dari blog. Semoga Bermanfaat. Semoga Bermanfaat.

            Cara Membuat Breadcrumb di Blog

            Breadcrumb adalah salah satu alat navigasi blog, yang berfungsi untuk menampilkan lokasi artikel yang sedang dibaca. Breadcrumb biasanya terletak diatas artikel, dibawah header atau dibawah menu horizontal. Bentuk breadcrumb sendiri biasanya seperti ini, Judul Blog >> Label/Kategori >> Judul Posting. Dari susunan katanya saja, kita sudah dapat mengetahui bahwa artikel yang sedang dibaca, berada di label/kategori a, dari awal halaman blog.

            Dan itu sangat memudahkan pengunjung untuk melihat judul posting yang lain, yang berada di label/kategori yang sama. Ketika pengunjung klik Label/kategori di Breadcrumb, maka akan terbuka halaman baru yang berisi artikel dengan Label/kategori yang sama. Begitu juga jika yang di klik adalah judul blog, maka akan terbuka halaman awal dari blog. Contoh gambar Breadcrumb dibawah ini atau lihat diatas judul artikel ini.

            cara membuat breadcrumb di blog

            Cara membuat Breadcrumb di blog. Ikuti langkah-langkah dibawah ini.
            1. Login ke Blog dan klik pengaturan template. Back up dulu template kamu(jaga2).
            2. Klik Edit HTML dan cari kode ]]></b:skin> (gunakan Ctrl F untuk memudah kan pencarian) dan tempatkan kode dibawah ini, diatas ]]></b:skin> .
            3. .breadcrumbs{
              padding:5px 5px 5px 0;
              margin:0;
              font-size: 90%;
              line-height:1.4em;
              border-bottom:1px dotted #666666;
              }
            4. Keterangan: border-bottom:1px adalah garis bawah setelah breadcrumb. dan dotted #666666; adalah bentuk dan warna garis bawah Breadcrumb. Dotted = bentuknya Titik(...) bisa diganti dengan Solid( ___ ) atau Double (=).
            5. Selanjutnya, Cari kode <b:includable id='post' var='post'> lengkapnya kira-kira seperti dibawah ini.
            6. <b:includable id='post' var='post'>...</b: includable>
            7. Klik tanda >...< maka kodenya menjadi seperti dibawah ini.
            8. <b:includable id='post' var='post'>
                <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                  <b:if cond='data:post.firstImageUrl'>
                    <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
                  </b:if>
            9. Sekarang Tempatkan kode berikut dibawah <b:includable id='post' var='post'> 
            10. <b:if cond='data:blog.homepageUrl == data:blog.url'>
              <b:else/>
              <b:if cond='data:blog.pageType == &quot;item&quot;'>
              <div class='breadcrumbs'>
              <a expr:href='data:blog.homepageUrl'>Pengguna Komputer</a> &gt;&gt;
              <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
              <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
              <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
              </b:loop>
              </b:if> &gt;&gt; <data:post.title/>
              </div>
              </b:if>
              </b:if>
            11. Keterangan: Pengguna Komputer bisa diganti dengan Home atau nama halaman blog kamu. &gt;&gt; itu bentuk tanda >> setelah judul. 
            12. Sekarang save template kamu, dan buka salah satu artikel. Breadcrumb sudah jadi, Selesai.

            Update: Cara Buat Breadcrumb yang terindeks Google. 

            Google Breadcrumb for Blogger
              Sebelum menggunakan cara ini, hapus dulu breadcrumb yang sudah terpasang di template kamu. Selanjutnya.
              1. Login ke Blogger. Ke pengaturan Template.
              2. Edit HTML dan cari kode <b:include data='top' name='status-message'/>
              3. Selanjutnya masukan kode <b:include data='posts' name='breadcrumb'/> diatasnya.
              4. Sekarang cari <b:includable id='main' var='top'> dan masukan kode berikut ini diatasnya.
              5. <b:includable id='breadcrumb' var='posts'>
                <b:if cond='data:blog.homepageUrl != data:blog.url'>
                <b:if cond='data:blog.pageType == "static_page"'>
                <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
                <b:else/>
                <b:if cond='data:blog.pageType == "item"'>
                <!-- breadcrumb for the post page -->
                <b:loop values='data:posts' var='post'>
                <b:if cond='data:post.labels'>
                <div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
                <span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
                <b:loop values='data:post.labels' var='label'>
                 » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
                </b:loop>
                 » <span><data:post.title/></span>
                </div>
                <b:else/>
                <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
                </b:if>
                </b:loop>
                <b:else/>
                <b:if cond='data:blog.pageType == "archive"'>
                <!-- breadcrumb for the label archive page and search pages.. -->
                <div class='breadcrumbs'>
                <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
                </div>
                <b:else/>
                <b:if cond='data:blog.pageType == "index"'>
                <div class='breadcrumbs'>
                <b:if cond='data:blog.pageName == ""'>
                <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
                <b:else/>
                <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
                </b:if>
                </div>
                </b:if>
                </b:if>
                </b:if>
                </b:if>
                </b:if>
                </b:includable>
              6. Selanjutnya, Save template. Dan buka salah satu postingan kamu. Copy alamat URL nya. 
              7. Dan pastekan di http://www.google.com/webmasters/tools/richsnippets
              8. Untuk mengecek breadcrumb sudah di indeks google atau belum. Jika sudah, maka tampilanya akan seperti gambar diatas. Semoga Bermanfaat.

                Senin, 15 April 2013

                Cara Membuat Tulisan Bayangan Pada Judul Blog

                Cara membuat tulisan bayangan pada judul blog. Sebenarnya tidak hanya dijudul blog yang bisa diberi tulisan bayangan, tapi semua tulisan yang ada di blog juga bisa kita beri tulisan bayangan. Tapi yang harus kita ketahui terlebih dahulu adalah kode html pada bagian-bagian blog, setelah ketemu dengan kodenya baru bisa kita beri tulisan bayangan.

                Kali ini akan saya bagi cara membuat tulisan bayangan di judul blog dan juga deskripsi blog. Untuk contohnya bisa kalian lihat dibagian judul dan deskripsi blog ini atau gambar dibawah ini. Text bayangan yang saya gunakan itu hanya sedikit. Agar tidak berlebihan, tapi kalian bisa nanti menggunakan text bayangan sesuai dengan yang kalian inginkan. Untuk cara membuat tulisan bayangan di blog.
                cara membuat tulisan bayangan pada judul blog

                Ikuti langkah-langkah dibawah ini.

                Text Bayangan di Judul Blog

                1. Login ke blog, dan ke pengaturan Template
                2. Klik edit HTML, dan cari kode .Header h1 { lengkapnya seperti dibawah ini.
                3. .Header h1 {
                    font: $(header.font);
                    color: $(header.text.color);
                    text-shadow: 0 0 $(title.shadow.spread) #000000;
                  }
                4. Setelah ketemu dengan kode diatas maka tambahkan kode text-shadow: 2px 2px 5px #800000; Jadi kode lengkapnya seperti dibawah ini.
                5. .Header h1 {
                    font: $(header.font);
                    color: $(header.text.color);
                    text-shadow: 2px 2px 5px #800000;
                  }
                6. Sekarang coba dipreview/pratinjau dulu template kamu, dan lihat sudah ada text bayangan belum judul blog kamu. Jika sudah berubah baru Di save.
                7. text-shadow: 2px 2px 5px ini adalah horizontal dan vertikal dari text bayangannya. dan #800000; adalah warna dari text bayangan. Silakan diganti sesuai dengan yang kalian inginkan.
                8. Untuk lebih jelasnya, kalian bisa atur text bayangan sesuai dengan yang kalian inginkan disini http://www.cssportal.com/css3-text-shadow-generator/. 

                Text Bayangan di Deskripsi Blog

                1. Login ke blog, dan ke pengaturan Template
                2. Klik edit HTML, dan cari kode .Header .description { lengkapnya seperti dibawah ini.
                3. .Header .description {
                    font: $(description.font);
                    color: $(description.text.color);
                  }
                4. Sama seperti diatas, tambahkan kode text-shadow: 2px 2px 5px #800000; lengkapnya.

                5. .Header .description {
                    font: $(description.font);
                    color: $(description.text.color);
                  text-shadow: 2px 2px 5px #800000;
                  }
                6. Silakan di preview/pratinjau untuk melihat perubahannya. Setelah berubah baru save.
                Atau cara cepatnya, letakan diatas ]]></b:skin> kode2 diatas. contoh:
                1. logn ke blogger, dari halaman dasbor pilih pengaturan template.
                2. trus klik edit html dan cari kode ]]></b:skin>
                3. dan letakan kode berikut diatas ]]></b:skin>
                4. .Header h1 {

                    font: $(header.font);

                    color: $(header.text.color);

                    text-shadow: 2px 2px 5px #800000;

                  }

                  .Header .description {

                    font: $(description.font);

                    color: $(description.text.color);

                  text-shadow: 2px 2px 5px #800000;

                  }
                5. Save template selesai.
                contoh gambar penempatan kode diatas ]]></b:skin>, 

                cara membuat tulisan bayangan pada judul blog

                  1. Untuk mempermudah edit text bayangan seperti yang kalian inginkan, silakan kunjungi situs ini http://www.cssportal.com/css3-text-shadow-generator/. 
                  2. Selesai. Silakan dibaca juga cara-cara menghias blog yang lain, seperti Cara membuat tombol share facebook, twitter dan cara memberi warna background pada judul posting blog atau cara mengganti tulisan home next  previous di blog. Semoga Bermanfaat.

                  Minggu, 14 April 2013

                  Cara Memberi Warna Background Judul Posting Blog

                  Satu lagi cara agar tampilan blog lebih menarik yaitu dengan memberi warna pada background judul posting blog. Dengan memberikan warna background di judul posting, maka akan mempermudah pengunjung untuk melihat judul artikel apa yang sedang pengunjung baca.

                  cara memberi warna background judul posting

                  Dan juga tidak membuat pengunjung menjadi bosan, dengan tampilan huruf yang biasa-biasa saja, yang terkadang hampir sama tampilannya antara judul dengan isi artikel, yang membedakan hanya besar kecil huruf, ataupun ketebalan huruf. Silakan lihat tulisan dibawah ini untuk contoh judul posting dengan garis bawah atau lihat judul dari artikel yang sedang anda baca ini.

                  Cara Memberi Warna Background Judul Posting Blog

                  Ikuti langkah-langkah dibawah ini.
                  1. Login ke blog dan pilih pengaturan template
                  2. Klik Edit HTML dan cari kode h3.post-title, h4 { atau h3.post-title saja, gunakan Ctrl f untuk memudahkan pencarian. kode lengkapnya seperti dibawah ini.
                  3. h3.post-title, h4 {
                      font: $(post.title.font);
                      color: $(post.title.text.color);
                    }
                  4. Jika sudah menemukan kode seperti diatas. Tambahkan kode ini dibawah nya.
                  5. background:#0a58a3;
                    border-bottom:4px solid #1780dd;
                    padding:6px 15px 4px;
                  6. Jadi kode lengkpnya seperti ini.
                  7. h3.post-title, h4 {
                      font: $(post.title.font);
                      color: $(post.title.text.color);
                    background:#0a58a3;
                    border-bottom:4px solid #1780dd;
                    padding:6px 15px 4px;
                    }
                  8. Keterangan:
                  9. background:#0a58a3;  warna background, ganti #0a58a3; dengan warna yang kamu inginkan
                    border-bottom:4px solid #1780dd;  ini warna garis bawah
                    padding:6px 15px 4px; ini fungsinya untuk meratakan atas bawah huruf judul posting.
                  10. Silakan diubah sesuai dengan keinginan kalian, untuk padding, Jika tidak salah, 6px itu untuk jarak huruf dengan batas posting atas, 15px  untuk kanan, 4px untuk kiri. Silakan coba diganti agar sesuai dengan posting kalian.
                  11. Setelah selesai, dipreview dulu, jika sudah berubah warna background judul posting kamu, baru disave. Selesai.
                  Efek dari h3.post-title, h4 { itu akan mengganti warna background judul posting dan juga tulisan poskan komentar/tidak ada komentar di atas kotak komentar blog.
                    Satu lagi efek dari h3.post-title, h4 {  tulisan yang berada ditengah posting ini, yang bergaris bawah adalah kalimat yang diubah formatnya menjadi heading saat menulis artikel ini, hasilnya menjadi seperti itu. Jika ingin mengganti background judul posting saja. Ikuti langkah-langkah dibawah ini.
                    1. Cari kode ]]></b:skin> dan pasang kode berikut di atas kode ]]></b:skin>
                    2. h3.post-title{
                              padding:4px 2px 2px;
                              border-bottom:1px dotted #28b;
                      }
                    3. Save Template, Selesai.
                      Baca juga cara mengganti warna judul sidebar blog, maksudnya judul widget di kiri kanan blog, seperti arsip, populer post, dll. Jika ingin memasang tombol share dibawah posting blog, baca cara membuat tombol share  facebook, twitter dan google +. Semoga Bermanfaat.

                        Sabtu, 13 April 2013

                        Cara Merubah Ukuran Kotak Komentar Blog

                        Cara Merubah Ukuran Kotak Komentar Blog. Kotak komentar, sesuai dengan namanya kotak komentar berfungsi sebagai suatu wadah tempat untuk mengirimkan pertanyaan atau komentar dari suatu halaman artikel blog. Blogger sudah menyediakan kotak komentar dibawah posting blog. Secara default form kotak komentar blog kadang tidak sesuai dengan lebar posting blog. Terlalu lebar atau terlalu kecil dari lebar blog. Atau juga mungkin kotak komentar terlalu tinggi dari yang kita inginkan.

                        Ada banyak cara untuk merubah tampilan blog agar sesuai dengan keinginan kita, salah satunya mengatur ukuran kotak komentar. Blogger sudah menyediakan kotak komentar dibawah posting blog. Secara default form kotak komentar blog kadang tidak sesuai dengan lebar posting blog. Terlalu lebar atau terlalu kecil dari lebar blog. Atau juga mungkin kotak komentar terlalu tinggi dari yang kita inginkan. Dan kali ini saya akan mencoba untuk berbagi " Cara merubah ukuran kotak komentar blog" sesuai dengan yang kita inginkan.
                        Cara merubah ukuran kotak komentar blog

                        Ikuti langkah-langkah dibawah ini.
                        1. Login Blog. Dari halaman dasbor, klik pengaturan template.
                        2. Terus klik edit html dan cari kode <iframe allowtransparency='true' lengkapnya seperti dibawah ini.
                        3. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                        4. Silakan Ganti width='100%' untuk lebar dan height='410' untuk tinggi kotak komentar.
                        5. Secara default, "ada 6 kode yang sama" dengan <iframe allowtransparency='true' , ganti 4 kode yang mirip dengan kode lengkap diatas.
                        6. Terakhir save. Dan buka salah satu artikel. Lihat ukuran kotak komentar apakah sudah berubah atau belum. Jika belum silakan diperiksa 4 kode yang harus diganti, mungkin masih ada yang belum diganti. Selesai.
                        Sekarang coba periksa halaman blog yang sudah ada komentarnya. Karena ukuran kotak komentar blog berbeda antara kotak komentar kosong dengan yang ada komentarnya. Kotak komentar yang sudah berisi komentar, biasanya lebih lebar dari ukuran semula ketika kotak komentar kosong. 
                        Maka ada baiknya untuk mengubah ukuran kotak komentar. Gunakan kotak komentar yang sudah berisi untuk dijadikan contoh preview atau pratinjau blog.

                        Baca juga cara membuat tombol facebook, twitter dibawah posting blog. agar terlihat lebih menarik. Dan juga cara mengganti tulisan home next previous diblog. dengan tulisan sendiri atau dengan gambar yang kita inginkan. Semoga Bermanfaat.