Cara Membuat Style Text Blogspot AMP

Pembahasan Artikel BabaKBeluR.com kali ini, Bagaimana Merubah Warna TEXT Pada Blog Valid AMP

Style Text

Dalam Hal ini merupakan hal yang cukup membingungkan bagi para blogger pemula, terlebih pada blogger pemula yang baru migrasi dari blog template Non-AMP ke Blog AMP. Kesulitan membuat Text Warna, Huruf Tebal dan Miring dalam blogspot AMP itu dapat mempercantik tampilan blog dan membuat mata bagi para pembaca lebih nyaman.

Dalam pembuatan artikel positngan di blogspot dengan template AMP ini banyak larangan larangan yang harus kita patuhi agar halaman blogspot dalam artikel kita mendapatkan halaman AMP yang valid

Banyak para blogger pemula kita jumpai melakukan migrasi ke blog yang valid AMP tetapi tidak dengan Artikel atau postingan mereka. AMP tidak hanya sebatas melakukan validasi terhadap Domain blogspot Anda tetapi juga terhadap artikel-artikel yang Anda posting. Dalam beberapa uji Trial and Error dalam blog ini saya jelaskan sedikit pengalaman terhadap penggunaan blog dengan template AMP, Sudah banyak waktu yang terbuang hanya untuk mempelajari dan mendapatkan sebuah halaman postingan yang Valid AMP, Saya berfikir ini mudah dan hanya sebatas saya membeli atau mengganti template yang sudah Valid AMP dan ternyata tidak semudah itu.

Perlu kita ketahui banyak sekali atribut html 5 yang tidak valid di AMP seperti <img src=" "/> kini tidak dapat digunakan dan harus di ganti menjadi <amp-img

Dan yang paling menyulitkan adalah inline style seperti ini tidak boleh diterapkan seperti warna text, huruf tebal, Huruf miring dan lain-lain seperti inline di bawah ini

<span style="color: red;">Merah</span></div>

dan

<div dir="ltr" style="text-align: left;" trbidi="on">

Untuk project AMP sendiri masih dalam tahap penyempurnaan jadi bagi Pemula dalam blogger yang belum merubah ke template AMP disarankan untuk tidak merubah terlebih dahulu. Dan bagi anda yang sudah memasang nya berikut kita bahas bagaimana cara membuat Style Text pada postingan blogspot valid AMP

Dalam membuat Style text warna dalam hal ini tamplate kita harus diatur terlebih dahulu dengan CSS yang nantinya akan berguna dalam penulisan Postingan Artikel anda. Dan umumnya kode <mark> dapat digunakan membuat tulisan warna dengan background seperti contoh yang akan ditulis seperti ini <mark></mark>

Sebelumnya kita buat dulu penerapan CSS nya seperti berikut

Spoiler:

Hint


mark.red{background-color:transparent;color:red} p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0} hr{height:1px;border:none;background-color:#666}

Recommended Author


dari CSS di atas yang saya tandai dapat anda ganti sesuai warna keinginan anda misal anda ingin mengganti warna biru anda tinggal mengganti kode yang saya tandai di atas dengan kode blue, dan kemudian anda letakkan CSS berikut di bawah Kode ini

<style amp-custom='amp-custom'>

dan setelah anda menerapkan kode CSS ini anda dapat melakukan penulisan artikel dengan cara anda melakukan editing postingan artikel anda di menu HTML dengan menerapkan kode penulisan seperti di bawah ini

Spoiler:

Hint


<mark class="red">Untuk Warna MERAH</mark>

Dan untuk membuat tulisan huruf tebal, miring ataupun membesarkan ukuran FONT anda bisa buat dengan kode penulisan dan seperti biasa kita harus menanamkan terlebih dahulus CSS kedalam template blog AMP Anda. Berikut adalah CSS yang anda pasang sama seperti anda memasang CSS untuk membuat FONT warna pada postingan valid AMP di atas

Spoiler:

Hint


/*Font Size*/
.babak{
font-size: 50px;
}
.belur{
font-size: 22px;
}

/*Italic*/
.stress {font-style: italic}

/*Bold*/
.channel {
     font-weight: bold;
}

Saya jelaskan terlebih dahulu mengenai hal di atas kenapa kode tersebut bertuliskan babak, belur stress, channel seperti yang saya tandai di atas. Hal tersebut dapat anda rubah sesuai keinginan anda dalam mempermudah mengingat anda memanggil CSS yang anda buat ke dalam postingan Artikel Anda.

Spoiler:

Hint



<span class="babak">FONT 50</span>

<span class="belur">FONT 22</span>

<span class="stress">ITALIC</span>

<span class="channel">BOLD </span>

 

Demikian tadi artikel tentang Cara Membuat Style Text Pada Blogspot Valid AMP. Dan jika anda memliki pertanyaan seputarCara Membuat Style Text Pada Blogspot Valid AMP ini ataupun anda ingin sharing informasi silahkan berkomentar melalui disqus di bawah dan jangan lupa like fanspage, Subscribe Youtube channel kami di samping artikel ini, jangan lupa share artikel ini jika bermanfaat. Terima kasih telah berkunjung.

Baca Juga Artikel Tentang Tips Mudah Mendapatkan Akun Google Adsense DI SINI
Related Keyword: amp text, amp example, Style Text, font style, cool text fonts, cool text symbols, fancy text fonts, text generator copy and paste, text, html font size, css text bold, css text size, text style font, text styler
Reaction:

BabaK BeluR Channel Merupakan Sumber Informasi dan Pengetahuan Serta Sarana Untuk Membangun Masyarakat Yang Gemar Membaca Sehingga Menjadikan Masyarakat Gemar Menulis

Disqus Comments

This website uses cookies to ensure you get the best experience on our website. More Info