Menambahkan Logo pada Meta Tag (Important)

Menambahkan Logo pada Meta Tag

Cobalah untuk share link homepage blog ini ke Whatsapp maka akan tampil thumbnail seperti gambar dibawah ini. Gambar tersebut merupakan logo default dari template ini. Silahkan ikuti arahan dibawah ini untuk mengubahnya:

Logo Template Fletro

Tutorial Mengubah Logo Template

Siapkan gambar untuk logo Anda dengan ukura maksimal 400px, silahkan upload gambar tersebutpada posting blog dan salin link gambarnya. Sebagai contoh kami menggunakan link gambar dibawah ini untuk diterapkan:


https://1.bp.blogspot.com/-WCWWmP_vMpA/Xgmfh8CunOI/AAAAAAAAOzc/lrtjueA0taEd7A5eEifb2McAsN3jj7LPgCNcBGAsYHQ/s1600/jagodesain-logo.png


Pada menu Edit HTML, carilah link gambar dibawah ini. Mudahnya silahkan tekan ctrl+F dan ketik fletro-pro.png untuk mencari semua kode seperti dibawah ini—Terdapat beberapa kode link seperti dibawah termasuk dengan ukuran berbeda.



https://4.bp.blogspot.com/-3sblpVBLHRQ/XdtLw14gQjI/AAAAAAAAOuM/-Gh7UXv9rdYCaXMTrVaUhHML-F2DTh-FgCNcBGAsYHQ/s1600/fletro-pro.png

// Link logo dengan ukuran lain
  <link href='https://4.bp.blogspot.com/-3sblpVBLHRQ/XdtLw14gQjI/AAAAAAAAOuM/-Gh7UXv9rdYCaXMTrVaUhHML-F2DTh-FgCNcBGAsYHQ/s300/fletro-pro.png' rel='apple-touch-icon'/>
  <link href='https://4.bp.blogspot.com/-3sblpVBLHRQ/XdtLw14gQjI/AAAAAAAAOuM/-Gh7UXv9rdYCaXMTrVaUhHML-F2DTh-FgCNcBGAsYHQ/s57/fletro-pro.png' rel='apple-touch-icon' sizes='57x57'/>
  <link href='https://4.bp.blogspot.com/-3sblpVBLHRQ/XdtLw14gQjI/AAAAAAAAOuM/-Gh7UXv9rdYCaXMTrVaUhHML-F2DTh-FgCNcBGAsYHQ/s72/fletro-pro.png' rel='apple-touch-icon' sizes='72x72'/>
  <link href='https://4.bp.blogspot.com/-3sblpVBLHRQ/XdtLw14gQjI/AAAAAAAAOuM/-Gh7UXv9rdYCaXMTrVaUhHML-F2DTh-FgCNcBGAsYHQ/s76/fletro-pro.png' rel='apple-touch-icon' sizes='76x76'/>
  <link href='https://4.bp.blogspot.com/-3sblpVBLHRQ/XdtLw14gQjI/AAAAAAAAOuM/-Gh7UXv9rdYCaXMTrVaUhHML-F2DTh-FgCNcBGAsYHQ/s114/fletro-pro.png' rel='apple-touch-icon' sizes='114x114'/>
  <link href='https://4.bp.blogspot.com/-3sblpVBLHRQ/XdtLw14gQjI/AAAAAAAAOuM/-Gh7UXv9rdYCaXMTrVaUhHML-F2DTh-FgCNcBGAsYHQ/s120/fletro-pro.png' rel='apple-touch-icon' sizes='120x120'/>
  <link href='https://4.bp.blogspot.com/-3sblpVBLHRQ/XdtLw14gQjI/AAAAAAAAOuM/-Gh7UXv9rdYCaXMTrVaUhHML-F2DTh-FgCNcBGAsYHQ/s144/fletro-pro.png' rel='apple-touch-icon' sizes='144x144'/>
  <link href='https://4.bp.blogspot.com/-3sblpVBLHRQ/XdtLw14gQjI/AAAAAAAAOuM/-Gh7UXv9rdYCaXMTrVaUhHML-F2DTh-FgCNcBGAsYHQ/s152/fletro-pro.png' rel='apple-touch-icon' sizes='152x152'/>
  <link href='https://4.bp.blogspot.com/-3sblpVBLHRQ/XdtLw14gQjI/AAAAAAAAOuM/-Gh7UXv9rdYCaXMTrVaUhHML-F2DTh-FgCNcBGAsYHQ/s180/fletro-pro.png' rel='apple-touch-icon' sizes='180x180'/>


Ubahlah link logo tersebut dengan link logo Anda, Juga ubah ukuran logo Anda dengan cara mengubah bagian yang sudah ditandai.

Silahkan simpan template Anda dan coba kembali share link blog Anda melalui Whatsapp. Jika cara yang Anda lakukan sudah benar maka logonya akan berubah menjadi logo dari Anda. Dibawah ini adalah contoh dari penerapan yang benar:

Logo Template Fletro

Baca juga

Posting Komentar