Area komentar dalam kotak terpisah

Info informasi Area komentar dalam kotak terpisah atau artikel tentang Area komentar dalam kotak terpisah ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain.

Setelah berlarian kesana- kemari. ke blog sana ke blog itu....lelah tapi mau bagaimana lagi soalnya waktu itu template blogku rusak dan perlu di edit-edit lagi..... akhirnya aku bersandar sebentar sejenak di blognya bang del sambil belajar-belajar memahami tutorial-tutorialnya. wah....ternyata banyak yang berhasil. asyik..senangnya hatiku...[he he he]. Berkat om Google semuanya jadi good and good. Setelah kemarin share tentang cara membuat area posting dalam kotak terpisah dan juga area sidebar dalam kotak terpisah, sekarang saya share bagaimana cara membuat area komentar dalam kotak terpisah. Jadi tujuannya adalah membuat antara area posting dan komentar terlihat terpisah. masih bingung..langsung saja kita coba:

• Log in ke akun Blogger teman-teman
• Pada Dashboard pilih Tata Letak - Edit HTML
• Jangan lupa centang kotak Expand Template Widget
• Untuk mengantisisapi back Up dulu template teman- teman dengan mengklik Download Template Lengkap
• Cari kode yang mirip seperti di bawah ini: [setiap template mungkin berbeda]
  
  

  #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;
  }
  

  
  
• Hapus kode di atas lalu ganti dengan kode di bawah ini:
  

  #comments h4 {
  background:#EAE9E9;
  margin:1em 0;
  font-weight: bold;
  font-family:"Trebuchet MS";
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: #000000;
  }
  
  #comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  border:0px dotted #ccc;
  }
  #comments-block .comment-author {
  color:#808080;
  margin:.5em 0;
  border-top:1px dotted #ccc;
  }
  #comments-block .comment-body {
  text-align:justify;
  margin:.25em 0 0;
  }
  #comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  border-top:0px dotted #ccc;
  font-size:9px;
  letter-spacing:.1em;
  }
  #comments-block .comment-body p {
  margin:0 0 .75em;
  }
  .comments {
  background:#ffffff;
  border:1px solid #6E6E6E;
  margin:0 0 0.5em;
  padding:0.5em;
  }

• Klik Simpan Template
• selesai 

Selamat mencoba dan keep blogging always untuk mrngisi aktivitas kosong kita. O iya saya hampir lupa untuk melihat previewnya langsung bisa melihat di blog saya. klik salah satu artikel di daftar isi lalu cermati antara kotak area posting dan Komentarnya. Jika teman- teman kurang srek atau ingin memodifikasi kotak komentar tadi kita tinggal sedikit mengutak- atik apa yang mau diutak atik. he he he. semoga berhasil. Jangan lupa komentarnya ya!!!

Demikian artikel tentang Area komentar dalam kotak terpisah ini dapat kami sampaikan, semoga artikel atau info tentang Area komentar dalam kotak terpisah ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik

Menambah elemen tepat di bawah atau di atas Header

Info informasi Menambah elemen tepat di bawah atau di atas Header atau artikel tentang Menambah elemen tepat di bawah atau di atas Header ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain.

Ada yang masih bingung dengan judul di atas. menambah elemen di bawah atau di atas header blog memang perlu kita lakukan jika sewaktu- waktu kita ingin menambahkan gadget tertentu di elemen tersebut. dalam hal ini kita nanti hanya sedikit merubah kode yang ada di template blog kita saja. OK... langsung saja begini caranya:

• Login ke akun Blogger teman- teman
• Pada Dashboard pilih Tata Letak - Edit HTML
• cari kode di bawah ini:
  
  
  

  <div id='header-wrapper'>
  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  

  
  
  
• Lalu rubah no menjadi yes ; maxwidgets = jumlah maksimal widget yang bisa kita tambahkan sehingga menjadi seperti ini
  
  

  <div id='header-wrapper'>
  <b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
  

  
  
• Klik Simpan Template
• Lihat Previewnya dengan masuk ke Tata Letak - Elemen Halaman
  

Demikian artikel tentang Menambah elemen tepat di bawah atau di atas Header ini dapat kami sampaikan, semoga artikel atau info tentang Menambah elemen tepat di bawah atau di atas Header ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik

Area sidebar Blog terlihat seperti terpisah-pisah

Info informasi Area sidebar Blog terlihat seperti terpisah-pisah atau artikel tentang Area sidebar Blog terlihat seperti terpisah-pisah ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain.

Sama halnya pengertian pada posting terdahulu yaitu tentang cara membuat area posting dalam kotak terpisah. Bedanya kali ini yang akan kita buat kelihatan terpisah adalah elemen sidebar blog kita. Tri k ini saya ambil dari Bang del dan sudah saya praktekan di blog ini, sekarang gantian saya share barangkali ada teman-teman yang kebetulan mampir dan membutuhkannya. Tujuannya adalah jelas satu agar setiap widget dengan widget yang lain pada sidebar terlihat terpisah. OK kita langsung menuju ke tutorialnya saja.

• Pertama, Login ke akun blogger teman-teman
• Pada Dashboard pilih Tata Letak - Edit HTML
• Jangan lupa centang kotak Expand Template Widget
• Untuk mengantisipasi terjadinya kesalahan yang fatal mungkin, Back up template dengan Download Template Lengkap
• Cari kode kurang lebih seperti di bawah ini [teman-teman fokus mencari pada kode yang berwarna hijau saja]
  
  
  

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

  
  
  
• Hapus kode di atas lalu ganti dengan kode di bawah ini
  
  

  .sidebar .widget{
  background:#fff url(http://i45.tinypic.com/2zeyulg.jpg) repeat-x top left;
  border:0px solid #000;
  margin:0 0 0.5em;
  padding:0.5em;
  font-family:"Trebuchet MS"}
  

  
  
• Klik pratinjau atau langsung klik Simpan Template dan lihat hasilnya.

Jika tampilan tidak sesuai dengan design template kita, maka langkah selanjutnya adalah menyesuaikan dan sedikit mengedit kode-kode tadi. misalkan warna atau imagenya. Selamat mencoba dan berkreasi. untuk melihat contoh demonya [he he he..contoh tampilannya aja ya...] bisa lihat di blog saya ini

Demikian artikel tentang Area sidebar Blog terlihat seperti terpisah-pisah ini dapat kami sampaikan, semoga artikel atau info tentang Area sidebar Blog terlihat seperti terpisah-pisah ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik

Area Posting dalam kotak terpisah

Info informasi Area Posting dalam kotak terpisah atau artikel tentang Area Posting dalam kotak terpisah ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain.

Kali ini saya akan share mengenai cara bagaimana membuat area Posting di blog kita agar kelihatan terpisah- pisah.Ada yang masih bingung dengan judul di atas. Maksudnya Area posting dalam kotak terpisah adalah bahwa setiap satu judul posting dengan yang lainnya adalah jelas kelihatan ada sekat atau terpisah-pisah. ada yang belum faham juga. Langsung aja lihat contohnya di Blog saya atau bisa lihat di blog Bang del. saya tunjukan cuplikan gambarnya:

Cara ini sudah saya praktekkan dan alhamdulillah berhasik atau sukses. he he. terima kasih Bang Del atas tutorialnya. karena sudah tahu makanya saya share buat teman-teman barangkali ada yang mencoba cara ini/ tertarik.OK langsung menuju ke TKP saja. Berikut langkah-langkahnya:
Membuat Area Posting dalam kotak Terpisah

• Login ke akun blogger teman-teman
• Pada Dashboard Pilih Tata Letak - Edit HTML
• Jangan lupa centang kotak Expand Template Widget
• Untuk jaga- jaga back up dulu template teman-teman, agar kita dapat mengantisisisapi [mengantisipasi yang benar..he he he] jika nantinya terjadi kesalahan.
  
• Cari kode kira-kira seperti di bawah ini [tetap fokus pada kode berwarna hijau]
  
  
  
  

  .post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted $bordercolor;
  padding-bottom:1.5em;
  }
  

  
  
  
  
• Hapus kode tadi lalu ganti dengan kode di bawah ini
  
  
  

  .post{
  background:#fff url(http://i47.tinypic.com/e88gmx.jpg) repeat-x top left;
  border:0px solid #F5F6CE;
  margin:0 0 0.5em 0;
  padding:5px;
  font-family:"Trebuchet MS"}
  

  
  
  
• Klik Pratinjau untuk melihat preview atau langsung klik Simpan Template
• Lihat hasilnya

Bagaimana...apakah area posting teman-teman sudah dalam kotak terpisah-pisah.kalau sudah teman-teman tinggal menyesuaikan kecocokan warna dan background dengan template teman-teman. kalau sesuai kan enak dipandang. he he he...OK jangan lelah untuk mencoba dan terus mencoba. kalau satu kali kita gagal tak apalah..tetap berusaha sampai bisa.

Demikian artikel tentang Area Posting dalam kotak terpisah ini dapat kami sampaikan, semoga artikel atau info tentang Area Posting dalam kotak terpisah ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik