Mengenal dan menulis kode HTML blog

Share on facebook Share on twitter Share on email Share on print More Sharing Services ?

Ketika anda menulis sebuah artikel yang di-dalamnya diperlukan kode khusus yaitu kode HTML blog, mungkin bagi anda seorang pemula/Newbie akan merasa kesulitan dan tidak tahu harus bagaimana, namun jika anda seorang yang sudah berpengalaman dalam kode HTML ini bukanlah sebuah perkara yang sulit.

Beberapa contoh penerapan kode HTML yang biasa/harus diterapkan adalah ketika anda membuat tulisan di sidebar kiri atau kanan dalam sebuah blog (blogger-gadget HTML/Javascript) atau tulisan yang ditulis di dalam Edit HTML pada sebuah template. ini berbeda ketika anda menulis pada bagian posting artikel atau ketika membuat halaman/artikel, karena sudah disediakan fungsi-fungsi edit tulisan, misalnya ketika anda akan menebalkan huruf, anda tinggal klik ikon bold "B" maka huruf/tulisan anda akan berubah menjadi tebal.

karena tidak sedikit pendatang baru merasakan kesulitan dalam menulis dengan kode HTML maka saya sedikit informasi kan beberapa kode HTML yang biasa digunakan untuk keperluan menulis:

1. Tengah, Kode HTMLnya: <center></center>
2. Huruf tebal, Kode HTMLnya: <b></b>
3. Garis bawah, Kode HTMLnya: <u></u> 
4. Paragrap baru, Kode HTMLnya: <p/>   
5. Baris baru, Kode HTMLnya: <br/>  
6. Huruf miring, Kode HTMLnya: <i></i> 
7. Besar, Kode HTMLnya: <big></big>
8. Coret, Kode HTMLnya <s></s> 
9. Ukuran huruf, Kode HTMLnya: <font size ="16"></font>         
10. Warnai huruf, Kode HTMLnya: <font color="red"></font> 
11. dan masih banyak lagi.

Contoh penerapan kode HTML diatas:

1. Membuat tulisan bergaris bawah, cara penulisan: <u>tulisan anda disini</u>
   hasilnya akan seperti ini: tulisan anda disini 
2. Mewarnai huruf dengan warna biru, cara penulisan: <font color="blue">tulisan anda disini</font>
   hasilnya akan seperti ini: tulisan anda disini

untuk kode lainnya silahkan anda mencobanya sendiri ya..

Cara menghilangkan Judul Blog di header

Sebuah judul pada sebuah blogger sangat penting, namun terkadang keberadaannya bisa sangat mengganggu ketika Anda tidak menginginkannya tampil pada header blog baru Anda. Tampilan judul bawaan memang terlihat kaku dan sulit bagi newbie dalam menyesuaikan-nya ke dalam header. Maka dengan cara menghilangkan atau menyembunyikan judul blog dan mengkreasikan judul blog kedalam headernya sendiri akan membuat tampilan blog Anda semakin menarik.

Selain judul blog, deskripsi blog akan ditampilkan secara otomatis di bawah judul blog, maka Anda perlu menyembunyikannya juga. Setelah Anda membuat header blog yang cantik maka tinggal menerapkan trik dibawah.

Cara menyembunyikan keduanya silahkan ikuti langkah-langkah berikut ini:

1. Log in blogger 
2. Pada dashboard > klik template kemudian pilih "Edit HTML"
3. Cari kode yang mirip seperti ini
   Judul Blog
   #header h1 {
   margin:5px 5px 0;
   padding:130px 0px 0px 130px;
   font-size: 28px;
   line-height:1.2em;
   text-transform:titlecase;
   letter-spacing:.1em;
   }
   
   Deskripsi Blog:
   #header .description {
   margin:0 5px 5px;
   padding:10px 0px 15px 130px;
   max-width:700px;
   text-transform:lowercase;
   letter-spacing:.1em;
   line-height: 1.4em;
   color:#e86c81;
   font-weight:bold;
   font-size:13px;
   }
    
4. Setelah ditemukan, silahkan tambahkan kode berikut: visibility:hidden; sehingga menjadi seperti dibawah:
   
   Judul Blog:
   #header h1 {
   margin:5px 5px 0;
   padding:130px 0px 0px 130px;
   font-size: 28px;
   line-height:1.2em;
   text-transform:titlecase;
   letter-spacing:.1em;
   visibility:hidden;
   }
   
   Deskripsi Blog:
   #header .description {
   margin:0 5px 5px;
   padding:10px 0px 15px 130px;
   max-width:700px;
   text-transform:lowercase;
   letter-spacing:.1em;
   line-height: 1.4em;
   color:#e86c81;
   font-weight:bold;
   font-size:13px;
   visibility:hidden;
   }
5. Untuk memastikan berhasil tidaknya judul dan deskripsi bisa disembunyikan, silahkan klik "preview template" pada halaman editing.
6. Apabila berhasil, silahkan simpan pekerjaan Anda dengan meng klik "save template".
7. Lihat hasilnya.

Cara Menghilangkan Tulisan Powered By Blogger Di Template Blog Kita

Langsung saja caranya :

• Log in ke akun blogger sobat
• Selanjutnya Klik Rancangan ➨ Edit HTML. Jangan lupa untuk selalu memback up template anda takut   terjadi kesalahan CentangExpand Template Widget ➨ Download Template. 
• Selanjutnya cari kode <!-- outside of the include in order to lock Attribution widget -->
• Jika sudah ketemu dibarisan bawahnya terdapat kode dibawah ini. hapusan barisan kode dibawah ini
  
  
      <b:sectionclass='foot'id='footer-3'showaddelement='no'> 
  

      <b:widgetid='Attribution1'locked='true'title=''type='Attribution'>

      <b:includable id='main'>
      <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
      <data:feedbackSurveyLink/>
      </div>
      </b:if>
  
      <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
      <data:attribution/>
      </b:if>
      </div>
  
      <b:include name='quickedit'/>
      </b:includable>
      </b:widget>
      </b:section>
   
• Simpan template anda. Ketika menyimpan template akan ada peringatan pertahankan widget atau hapus. tekan hapus. seperti pada gambar dibawah ini

Bagaimana mudah bukan menerapkannya di blog anda. Jika anda kesulitan silahkan tinggalkan komentar

..: Selamat Mencoba :..