Membuat logo header di blog amp

Logo blog merupakan salah satu bagian tubuh atau idetintik dengan nama, setiap logo blog pasti berbeda beda. Apalagi untuk sebuah web atau blog perusahaan logo sangatlah penting.

Fungsi logo untuk blog

Hampir keseluruhan sebuah blog pasti mempunyai logo yang berbeda beda, Logo sudah seharusnya memiliki fungsi yang praktis dan tepat guna atau efisien. Setiap perusahaan yang telah memiliki ide bisnis yang jelas beserta dengan kelengkapan visi dan misinya haruslah diejawantahkan kedalam bentuk logo sebagai bagian dari program marketing dan branding dari perusahaan tersebut.
Adapun funsi fungsi logo untuk blog atau website perusahaan yaitu :
1. Identitas diri. Supaya dapat membedakan dengan identitas milik orang lain
2. Tanda Kepemilikan. Supaya membedakannya dengan milik orang lain
3. Tanda Jaminan kualitas
4. Mencegah peniruan/pembajakan
5. Menamah nilai positif
6. Propergi legal suatu produk atau organisasi
7. Mengkomunikasikan informasi seperti keaslian, nilai dan kualitas

Dalam hal ini logo sangatlah penting dalam mengenalkan karakter dari sebuah perusahaan.

Membuat logo header di blog amp

Dalam membuat logo di blog itu sangatlah simple tetapi buat kalian yang belum paham mengenai script blog ,jangan khawatir cukup ikuti saja tutroial ini dan dijamin ini sangat mudah diterapkan.
Berikut merupakan tutorial tentang cara membuat dan menampilkan logo header diblog amp khususnya untuk flatform blogspot dengan mudah dan tentunya sangat gampang di terapkan di blog anda.
Biasanya untuk flatform blogger class dan id nya pasti hampir sama, tinggal kita rubah di css saja, tinggal tambahkan di atyle-amp-custom :

/* header logo */
img {
  max-width: 100%;
  height: auto;
}
.header .title {
  font-size: 32px;
  color: red;
}

.header .description {
  font-size: 18px;
  color: red;
}

Maka logo akan mengikuti lebar dan tinggi pada logo bawaan blog.
Ada cara kedua untuk mengedit logo header anda yaitu cari kode <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> dan didalem kode di atas cari <data:title/>, setelah ketemu rubah kode diatas dengan kode dibawah ini :

<a class='logo-blog' href='/' title='Homepage'><amp-img alt='tutorial blog amp' height='25' src='URL LOGO ANDA' title='Tutorial blog amp' width='125'/>

Dan tambahkan di css custom :

.logo-blog{margin:0 auto;position:relative;left:0;bottom:0px;}

AMP BLOG