Macam - Macam Variasi Font Pada Teks

Oke sobat jumpa lagi di Iyagus Ugy Blog, tempat belajar bersama. kali ini saya ingin berbagi bagaimana membuat font pada teks di blog lengkap dengan table/ Border. dan tentunya variasi ini akan memberikan tampilan blog sobat semakin indah. sebenarnya membuat font teks pada blog mudah saja kita membuatnya cuman yang masih kesulitan membuatnya berikut ini beberapa bentuk font teks yang sobat boleh cobah.

Variasi 1

Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi

Variasi 2

Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi

Variasi 3

Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi

Variasi 4

Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi

Variasi 5

Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi

Variasi 6

Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi

Variasi 7

Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi

Variasi 8

Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi

Variasi 9

Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi

Variasi 10
Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi

Nah...gimana' Cantik kan? kalau minat kopi ajha salah satu kode berikut:

Oya kalau ini mau di update diblognya gpp tapi jangan lupa sertakan sumbernya ya"! soalnya bukan sedikit waktu saya gunakan untuk menulis artikel ini oke"! by Iyagus semoga bermamfaat

Oya hampir lupa" jangan lupa ganti teksnya "Selamat Datang di Iyagus Ugy Blog Tempat Pembelajaran, Media dan Teknologi" dengan teks sobat oke

Variasi 1.


</div>
<div style="background: #005588; border: solid 1px #8A0808; color: white; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
<div style="text-align: center;">
<span style="color: yellow; font-size: 30px;"><span style="font-family: playbill, sans-serif;">Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi</span></span></div>

Variasi 2


</div>
<div style="background: #292A0A; border: solid 1px #FFFF00; color: white; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
<div style="text-align: center;">
<span style="color: #ff0080; font-size: 30px;"><span style="font-family: stencil, sans-serif;">Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi</span></span></div>

Variasi 3


<div style="background: #2A0A1B; border: solid 1px #8000FF; color: white; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
<div style="text-align: center;">
<span style="color: lime; font-size: 30px;"><span style="font-family: 'viner hand itc', sans-serif;">Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi</span></span></div>

Variasi 4


<div style="background: #2A1B0A; border: solid 1px #00FFFF; color: white; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
<div style="text-align: center;">
<span style="color: #df7401; font-size: 30px;"><span style="font-family: ravie, sans-serif;">Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi</span></span></div>

Variasi 5


<div style="background: #F5F6CE; border: solid 1px #0000FF; color: white; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
<div style="text-align: center;">
<span style="color: #190707; font-size: 30px;"><span style="font-family: impact, sans-serif;">Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi</span></span></div>

Variasi 6


<div style="background: #190707; border: solid 1px #ddddff; color: white; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
<div style="text-align: center;">
<span style="color: yellow; font-size: 30px;"><span style="font-family: gigi, sans-serif;">Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi</span></span></div>

Variasi 7


<div style="background: #005588; border: solid 1px #ddddff; color: white; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
<div style="text-align: center;">
<span style="color: #ff0080; font-size: 30px;"><span style="font-family: forte, sans-serif;">Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi</span></span></div>

Variasi 8


<div style="background: #FFFF00; border: solid 1px #0000FF; color: white; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
<div style="text-align: center;">
<span style="color: blue; font-size: 30px;"><span style="font-family: elephant, sans-serif;">Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi</span></span></div>

Variasi 9


<div style="background: #81F781; border: solid 1px #0A0A2A; color: white; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
<div style="text-align: center;">
<span style="color: #8a0808; font-size: 30px;"><span style="font-family: algerian, sans-serif;">Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi</span></span></div>

Variasi 10


<div style="background: #FFFFFF; border: solid 1px #0A0A2A; color: white; font-size: 18px; line-height: 23px; margin: 0; padding: 15px; text-align: justify;">
<div style="text-align: center;">
<span style="color: #ff0080; font-size: 30px;"><span style="font-family: 'matura mt script capitals', sans-serif;">Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi</span></span></div>



2 komentar:

  1. bang cara gantinyah gimana o.O
    bingung nih .-.

    BalasHapus
    Balasan
    1. Masuk terlebih dahulu
      Dari Dashboard - Klik Tata Letak ( Layout ) - Klik Add a Gatged - Dari kolom add a gatget scroll kebawah sampai menemukan HTML/ JavaScript kemudian Klik - kemudian silahkan Pilih salah satu kode Variasi diatas kemudian paste/ atau letakkan kode diatas pada kolom HTML/JavaScript klik ( Rich Text ) tepatnya di sudut kolom HTML/JavaScript. Kemudian ganti tulisan ( Selamat Datang di Iyagus Ugy Blog Tempat pembelajaran, Media Dan Teknologi ) terakhir klik SAVE. silahkan di cobah kawan.

      atau bisa juga kopi terlebih dahulu kode variasi diatas kemudian menuju ke kolom HTML/JavaScript. yang terpenting ganti tulisan aslinya dengan kata- kata yang di inginkan.

      Hapus

Jika ada sembarang pertanyaan silahkan komentar disini.