Loh.. Kotak komentar blogpotku mana??


Kotak Komentar Error
Masalahku berawal saat mengganti tampilan blog dengan template baru. Seperti biasa setiap ganti template, aku harus edit html template untuk menyesuaikan dengan template sebelumnya. Tapi tanpa aku sadari, ternyata ada yang salah dengan template ini. Kotak komentar default blogspot, gak muncul. Awalnya aku fikir ini karena pengaruh koneksi internet yang 'lola'. (Maklum aku hanya menggunakan modem GSM buat ngenet). Tapi setelah berkali-kali aku buka halaman posting, tetap saja kolom komentar itu gak ada. Karena penasaran, akhirnya aku pergi ke warnet, dan ternyata di warnetpun kotak komentar blogspotku gak muncul.
Akupun usaha gogling kesana-sini buat mengatasi masalah ini, tapi tetap saja tidak membuahkan hasil. Sampai akhirnya aku putuskan untuk membuat kotak komentar baru dengan bantuan pihak ketiga (intensedebate dan DISQUS ) seperti yang terlihat pada blog ini.
Tapi terus terang sampai saat ini, aku masih penasaran kenapa kotak komentar blogspot milikku bisa hilang. Atau mungkin ada kode yang error pada edit html template ini?

Masalahku yang kedua, yaitu aku kesulitan untuk meninggalkan komentar di blog sobat (blogger) karena kolom komentar yang error atau tidak tampil pilihan profilnya.. Yang membuat aku akhirnya 'gakom' (gagal komen..hik..hik.hik). Kalau yang ini mungkin emang murni pengaruh loading netku yang lambat.
Kotak Komentar Error
Kotak komentar error
Nah buat sobat blogger, mungkin punya solusi buat masalahku..mohon pencerahannya ya..

Red Horizontals Menu

Red Horizontals Menu

Langkah-langkah membuat Red Horizontals Menu :

Menu3

  • >> >>
  • Klik kotak kecil di samping tulisan .
  • Kemudian cari kode ]]></b:skin> 
  • ( Untuk memudahkan pencarian, gunakan tombol ctrl+f pada keyboard lalu ketik ]]></b:skin> pada kolom kosong yang muncul) 
  • Jika sudah menemukan kode tersebut, copy kode di bawah ini, dan paste atau letakkan di atas ]]></b:skin> :
      ul.menu {list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:.6em;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSeVmzAZhWJOR-5KkPAiBAoVbK0VFQ4DLp_Hhy0XqotQL7lF9BgTjBmkIxhwUwq8fjUHOuHdIqH9yvBXEbKyrcZOf2-4yFR0lmonEWZhDJFzuAb6WXQ8aGMdVG3ID93qhhgL7XagRhesc/s1600/bg.png") repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0;}
      ul.menu li {display:block;float:left;margin:0;padding:0;}
      ul.menu li a {float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal;}
      ul.menu li a:hover,.current {color:#fff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSeVmzAZhWJOR-5KkPAiBAoVbK0VFQ4DLp_Hhy0XqotQL7lF9BgTjBmkIxhwUwq8fjUHOuHdIqH9yvBXEbKyrcZOf2-4yFR0lmonEWZhDJFzuAb6WXQ8aGMdVG3ID93qhhgL7XagRhesc/s1600/bg.png") repeat-x top left;text-decoration:none;}
      ul.menu .current a {color:#fff;font-weight:700;}
      /*Garis Merah*/
      ul.menu.red{background-color:#B11718;} ul.menu.red li a:hover, .menu.red li.current {background-color:#DE3330;}


      Selanjutnya klik untuk menuju ke halaman "Rancangan/Layout
      • Klik
      • Setelah muncul jendela baru, cari
      • Klik tanda tambah (+) pada pilihan
      • Copy kode di bawah ini dan paste ke kolom konten :
          <ul class="menu red">
          <li><a class="current"><a href="
          http://omvan.blogspot.com">Home</a></li>
          <li><a href="
          http://omvan.blogspot.com/2011/05/daftar-isi.html">Daftar Isi</a></li>
          <li><a href="
          http://omvan.blogspot.com/search/label/Randoms%20Tips">Random Tips</a></li>
          <li><a href="
          http://omvan.blogspot.com/search/label/Cerita%20Lucu">Cerita Lucu</a></li>
          <li><a href="
          http://omvan.blogspot.com/2011/05/tuker-link-yuk.html">Tukar Link</a></li>
          <li><a href="http://omvan.blogspot.com/search/label/TV%20Online">TV Online</a></li>
          <li><a href="http://omvan.blogspot.com/2011/09/sms-gratis.html">SMS Gratis</a></li>
          </ul>

          Ket.:
          Merah = ganti dengan alamat yang ingin dipasang
          Hijau = ganti dengan judul menu
          Jika ingin menambah tab menu, copy code di bawah ini dan letakkan sebelum </ul>
          Seperti ini :
          <li><a href="#">Judul menu</a></li>
          </ul>

          Selesai

          Black Horizontal Menu


          Black Horizontal Menu

          Langkah-langkah membuat Black Horizontals Menu :

          Black Horizontal Menu

          • >> >>
          • Klik kotak kecil di samping tulisan .
          • Kemudian cari kode ]]></b:skin> (Untuk memudahkan pencarian, gunakan tombol ctrl+f pada keyboard lalu ketik ]]></b:skin> pada kolom kosong yang muncul) 
          • Jika sudah menemukan kode tersebut, copy kode di bawah ini, dan paste atau letakkan di atas ]]></b:skin> :
              ul#menu {width: 100%;height: 43px;background: #FFF url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKA7ba8yLtiBHKk-xVxGli6Jwd5joDPcyjdrj-cCEnm1wTZbsq4q9T2PubAdONEZ5dlTy5zu9HLbFSBmM7HMJhFYpDDwjVu6hCddKEwynvHDvUAU0j0YuXYZiRfAaiV_5fa2qqLlQPzM8/s1600/menu-bg.gif") top left repeat-x;font-size: 0.8em;font-family: "Lucida Grande", Verdana, sans-serif;font-weight: bold;list-style-type: none;margin: 0;padding: 0;}
              ul#menu li {display: block;float: left;margin: 0 0 0 5px;}
              ul#menu li a {height: 43px;color: #777;text-decoration: none;display: block;float: left;line-height: 200%;padding: 8px 15px 0;}ul#menu li a:hover {color: #333;} ul#menu li a.current {color: #FFF;background: #FFF url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuc72E-F5DQQuGJAk4ZkRr1xNy6xswGQtaCWQs4iNv2STzhUlOTL07oCO-YMNJUgN43ys97OYJlRgKAT4THXH4HX2jt8ZY6NLY9iCWKgNslcUtlDgRD_hv-Ni7kh3Yk3B_ILvHyP_w1lA/s1600/current-bg.gif") top left repeat-x;padding: 5px 15px 0;}


              Selanjutnya klik untuk menuju ke halaman "Rancangan/Layout
              • Klik
              • Setelah muncul jendela baru, cari
              • Klik tanda tambah (+) pada pilihan
              • Copy kode di bawah ini dan paste ke kolom konten :
                  <ul id="menu">
                  <li><a class="current"><a href="
                  http://omvan.blogspot.com">Home</a></li>
                  <li><a href="
                  http://omvan.blogspot.com/2011/05/daftar-isi.html">Daftar Isi</a></li>
                  <li><a href="
                  http://omvan.blogspot.com/search/label/Randoms%20Tips">Random Tips</a></li>
                  <li><a href="
                  http://omvan.blogspot.com/search/label/Cerita%20Lucu">Cerita Lucu</a></li>
                  <li><a href="
                  http://omvan.blogspot.com/2011/05/tuker-link-yuk.html">Tukar Link</a></li>
                  <li><a href="http://omvan.blogspot.com/search/label/TV%20Online">TV Online</a></li>
                  <li><a href="http://omvan.blogspot.com/2011/09/sms-gratis.html">SMS Gratis</a></li>
                  </ul>

                  Ket.:
                  Merah = ganti dengan alamat yang ingin dipasang
                  Hijau = ganti dengan judul menu
                  Jika ingin menambah tab menu, copy code di bawah ini dan letakkan sebelum </ul>
                  Seperti ini :
                  <li><a href="#">Judul menu</a></li>
                  </ul>

                  Selesai

                  Menu Horizontal Sederhana

                  Menu Horizontal Sederhana

                  Langkah - langkah membuat Menu Horizontal Sederhana :

                  Menu Horizontal Sederhana

                  • >> >>
                  • Klik kotak kecil di samping tulisan .
                  • Kemudian cari kode ]]></b:skin> (Untuk memudahkan pencarian, gunakan tombol ctrl+f pada keyboard lalu ketik ]]></b:skin> pada kolom kosong yang muncul) 
                  • Jika sudah menemukan kode tersebut, copy kode di bawah ini, dan paste atau letakkan di atas ]]></b:skin> :
                      /* Horizontal Starts */
                      a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
                      a.burastabs:hover {color:white; background:#666666;}
                      #burasbar {width:auto; margin:0 auto;}
                      /* Horizontal Ends */

                      •  
                      • Selanjutnya klik untuk menuju ke halaman "Rancangan/Layout
                      • Klik
                      • Setelah muncul jendela baru, cari
                      • Klik tanda tambah (+) pada pilihan
                      • Copy kode di bawah ini dan paste ke kolom konten :
                          <!-- Horizontal Starts -->
                          <div id='burasbar'>
                          <a href="http://omvan.blogspot.com" class="burastabs">Home</a>
                          <a href="http://omvan.blogspot.com/2011/05/daftar-isi.html" class="burastabs">Daftar Isi</a>
                          <a href="http://omvan.blogspot.com/search/label/Randoms%20Tips" class="burastabs">Random Tips</a>
                          <a href="http://omvan.blogspot.com/search/label/Cerita%20Lucu" class="burastabs">Cerita Lucu</a>
                          <a href="http://omvan.blogspot.com/2011/05/tuker-link-yuk.html" class="burastabs">Tukar Link</a>
                          <a href="http://omvan.blogspot.com/search/label/TV%20Online" class="burastabs">TV Online</a>
                          <a href="http://omvan.blogspot.com/2011/09/sms-gratis.html" class="burastabs">SMS Gratis</a>
                          </div>
                          <!-- Horizontal Ends -->

                          Ket.:
                          Merah = ganti dengan alamat yang ingin dipasang
                          Hijau = ganti dengan judul menu
                          Jika ingin menambah tab menu, copy code di bawah ini dan letakkan sebelum </div>
                          Seperti ini :
                          <a href="#" class="burastabs">Judul menu</a>
                          </div>

                          Selesai

                          Tips Membuat Tabview Menu Horizontal di Blogspot

                          Blogspot
                          Untuk memudahkan pengunjung menelusuri isi dari suatu web atau blog, ada baiknya kalau blog dipasang tab menu, baik itu menu vertikal maupun yang horizontal.

                          Tapi sayangnya,template bawaan (default) blogspot tidak memiliki fasilitas tab view menu tersebut. Tapi jangan kuatir, kita bisa membuatnya dengan cara lain.

                          Kali ini saya ingin berbagi tips membuat tabview menu horizontal di blogspot.

                          Buat yang ingin memasang tab menu horizontal,silahkan pilih model yang diinginkan dan ikuti langkah pembuatannya :


                          1. Menu Horizontal Sederhana :
                          Menu Horizontal Sederhana

                          Cara membuatnya..

                          2. Black Horizontals Menu
                          Black Horizontals Menu

                          Cara membuatnya..


                          3. Red Horizontals Menu
                          Red Horizontals Menu

                          Cara membuatnya..


                          Semoga bermanfaat!