>Surat Alfathihah

بِسۡمِ ٱللهِ ٱلرَّحۡمَـٰنِ ٱلرَّحِيمِ (١)

ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِينَ (٢) ٱلرَّحۡمَـٰنِ ٱلرَّحِيمِ (٣) مَـٰلِكِ يَوۡمِ ٱلدِّينِ (٤) إِيَّاكَ نَعۡبُدُ وَإِيَّاك نَسۡتَعِينُ (٥) ٱهۡدِنَا ٱلصِّرَٲطَ ٱلۡمُسۡتَقِيمَ (٦) صِرَٲطَ ٱلَّذِينَ أَنۡعَمۡتَ عَلَيۡهِمۡ غَيۡرِ ٱلۡمَغۡضُوبِ عَلَيۡهِمۡ وَلَا ٱلضَّآلِّينَ (٧) 

 

Terjemaha

 

(1)

Dengan menyebut nama Allah Yang Maha Pemurah lagi Maha Penyayang (2) Segala puji bagi Allah, Tuhan semesta alam (3) Maha Pemurah lagi Maha Penyayang, (4) Yang menguasai hari pembalasan (5) Hanya kepada Engkaulah kami menyembah dan hanya kepada Engkaulah kami mohon pertolongan (6) Tunjukilah kami jalan yang lurus, [yaitu] jalan orang-orang yang telah Engkau anugerahkan ni‘mat kepada mereka; bukan [jalan] mereka yang dimurkai [orang-orang yang mengetahui kebenaran dan meninggalkannya], dan bukan [pula jalan] mereka yang sesat [orang-orang yang meninggalkan kebenaran karena ketidaktahuan dan kejahilan]. (7)

 

 

 

 

Mengisi Ruang Komentar

Pada tulisan sebelumnya tentang membuat scroll pada blok komentar saya menjelaskan adanya kelemahan, yakni jika artikel kita belum terisi komentar maka akan terlihat kotak kosong yang tingginya sesuai dengan ukuran yang kita buat. Tentu saja ini akan terlihat kurang menarik, apalagi jika artikel-artikel kita banyak yang tidak terisi komentar.

Untuk menghilangkan "kekosongan" tersebut memang agak susah. Tapi don wori, hal itu dapat disiasati dengan dua cara: Pertama, dengan membuat kalimat pengantar pada kotak blok komentar, dan kedua, dengan membuat toggle spoiler. Nah, pada bahasan kali ini saya akan menjelaskan cara membuat kalimat pengantar agar ruang yang kosong antara artikel dengan kolom komentar tidak nampak lagi.

Jika kamu ingin membuat kalimat pengantar untuk mengatasi "kekosongan" tersebut, kamu dapat mengikuti langkah-langkah berikut:

• Login ke akun Blogger kamu, lalu pilih Tata Letak - Edit HTML.
• Lakukan duplikasi template untuk berjaga-jaga jika terjadi masalah.
• Beri tanda centrang pada Expand Template Widget.
• Carilah kode berikut (untuk memudahkan, gunakan Control F atau F3):
  
  <dl id='comments-block'>
  Bagi yang sudah menggunakan avatar Blogger Profile, cari kode ini:
  
  <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
• Jika sudah ketemu, tambahkan kode berikut di bawahnya (gunakan Control C untuk mengkopi):
  
  <b:if cond='data:post.numComments == 0'>
  <div style='float:left; text-align: justify; margin: 20px 10px; font-size:12px;'><b>Sekedar catatan:</b>
  <br/><br/><br/>
  <center><img src='http://i563.photobucket.com/albums/ss76/peace_enes/SC/assalaamualaikum.gif' width='50%'/></center>
  <br/>
  Kotak pada kolom blok komentar ini masih kosong. Maka merupakan suatu kehormatan jika sobat menjadi orang yang paling pertama menuliskan komentar, baik berupa pujian, masukan, kritikan, maupun pertanyaan di kolom komentar yang terletak di bawah kotak ini.<br/><br/>
  Tak ada yang bisa saya berikan selain ucapan terima kasih karena telah memberikan apresiasi terhadap artikel-artikel <a expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:blog.title/></a></div>
  <b:else/></b:if>
• Gantilah tulisan berwarna merah sesuai dengan keinginan kamu.

Simpanlah hasil kerjaan kamu dan ucapkan alhamdulillah.....







Artikel ini saya copas dari  http://ruangsc.blogspot.com/ bila anda dpt meluangkan waktunya silahkan kunjungi.

Mengubah Gmbr Header

Mungkin banyak di antara sobat yang merasa tampilan header blognya terlihat biasa dan tulisan judul blognya hanya sebatas text dengan jenis dan warna huruf yang terkesan monoton. Jika kamu kreatif dan cukup menguasai aplikasi gambar, baik itu Corel, Photoshop, atau yang lainnya, header tersebut bisa kamu ubah dengan desain yang kamu sukai.

Untuk mengubah tampilan header ini ada dua cara, tergantung dari template yang digunakan. Pertama, mengubah gambar header jika template yang digunakan sudah memakai gambar header. Kedua, menambah gambar header jika template yang digunakan belum memakai gambar header.

Mengubah Gambar Header Pada Blogspot

Sebagai contoh pada cara ini saya menggunakan template Art Template.

• Dari dasbor, pilih Rancangan - Edit HTML.
• Lakukan duplikasi template untuk jaga-jaga jika bermasalah.
• Carilah kode CSS untuk header (dalam beberapa template yang lain menggunakan kode header-wrapper), misalnya seperti ini:
  
  #header {
  width: 1000px;
  height: 176px;
  float: left;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpJNQsBkT3GDtdAhPl4yYCwFGnR7ARqJg5hcFRKiHjzWty0UcMcB0Pqg51IJA8D9bfen2EjHYeBaMPHOUpLUiLcRXQ_EhOfzMovjldpqDQ0UqEPep3vvRD9u-rdU_nobf0n9ubNpqHzpA/s1600/header_bg.jpg) no-repeat;
  }
• Copy-paste URL gambar header template kamu pada address bar, lalu simpan gambar ke harddisk.
  Misalnya URL gambar header pada CSS Art Template di atas seperti ini:
  
• Edit gambar tersebut dengan aplikasi gambar, misalnya jadi seperti ini:
  
• Setelah itu upload gambar hasil edit kedalam image hosting kamu.
• Kemudian ubahlah URL gambar pada CSS tadi dengan URL gambar dari image hosting kamu.
• Selanjutnya carilah kode berikut (supaya mudah, cari id='Header1'):
  
  <b:widget id='Header1' locked='true' title='Judul Blog Kamu (Header)' type='Header'/>
• Hapus kode tersebut lalu Simpan Template.

Sebagai contoh dari hasil editing gambar header Art Template di atas dapat dilihat pada blog ini.

Menambah Gambar Header Pada Blogspot

Untuk template yang tidak ada gambar header-nya saya mengambil contoh dari template Amoebaneo.

• Langkah 1 dan 2 sama dengan di atas.
• Carilah kode CSS untuk header (dalam beberapa template yang lain menggunakan kode header-wrapper), misalnya seperti ini:
  
  #header-wrapper {
  width: 980px;
  height: 70px;
  padding-top:20px;
  }
• Dengan melihat ukuran pada CSS tersebut, buatlah gambar berukuran lebar=980px dan tinggi sesuai keinginan.
  Misal gambarnya seperti ini, dengan ukuran 980 x 200:
  
• Setelah itu upload gambar hasil buatan kedalam image hosting kamu.
• Kemudian ubah CSS header-wrapper tersebut dan tambahkan perintah background kedalamnya. Misal seperti ini:
  
  #header-wrapper {
  width: 980px;
  height: 200px;
  padding-top:0px;
  background: url(URL gambar dari image hosting kamu) no-repeat;
  }
• Selanjutnya carilah kode berikut (supaya mudah, cari id='Header1'):
  
  <b:widget id='Header1' locked='true' title='Judul Blog Kamu (Header)' type='Header'/>
• Hapus kode tersebut lalu Simpan Template.

Sebagai contoh dari hasil penambahan gambar header Amoebaneo di atas dapat dilihat pada blog ini.

Ok, segitu aja sob. Semoga bermanfaat dan dapat dimengerti .....









        



Sumber :
http://ruangsc.blogspot.com/2010/07/mengubah-dan-menambah-image-header.html