Berita

Selasa, 06 Agustus 2019

Cara Membuat Widget Artikel Pilihan Penulis di Blog

Berikut adalah cara membuat widget artikel pilihan penulis di blog, disimak ya gan.

1.Pertama masuk ke akun blogger anda terlebih dahulu.

2. Kemudian pilih menu Tata Letak atau Layout.

3. Selanjutnya pilih Add Gadget atau Tambah Gadget, lalu pilih HTML.

4. Setelah itu, masukan kode CSS berikut ini,
<style>
    a.link-gangkutu {display:block;color:#000000 !important;font-family: 'Share Tech', sans-serif;font-size:13px!important;margin:0 10px 2px;padding:6px;text-align:left;border-radius:8px;border: 2px solid green;opacity:.8}
    .link-gangkutu.a {background:#fff;margin-top:10px !important} .link-gangkutu.a:hover {opacity:.8}
    </style>
    <a class='link-gangkutu' href='LINK ARTIKEL' rel='nofollow' target='_blank'>JUDUL KONTEN</a>
    <a class='link-gangkutu' href='LINK ARTIKEL' rel='nofollow' target='_blank'>JUDUL KONTEN</a>
    <a class='link-gangkutu' href='LINK ARTIKEL' rel='nofollow' target='_blank'>JUDUL KONTEN</a>
    <a class='link-gangkutu' href='LINK ARTIKEL' rel='nofollow' target='_blank'>JUDUL KONTEN</a>
    <a class='link-gangkutu' href='LINK ARTIKEL' rel='nofollow' target='_blank'>JUDUL KONTEN</a>
    
Ket:
Merah: Ganti dengan judul konten yang akan ditampilkan.
Biru: Ganti dengan url artikel tersebut.
Hijau: adalah warna border, kalian bisa mengganti dengan warna lain dengan cara merubah tulisan green menjadi warna lainnya dalam bahasa inggris (red, yellow, blue, dan lain-lain). 

5. Terakhir Simpan dan lihat hasilnya.
widget artikel di blog

Perlu anda ketahui, anda bisa menambahkan artikel yang ditampilkan dengan cara copy pada bagian "<a class sampai </a>", lalu pastekan dibawahnya.

Anda juga bisa mengganti mengganti warna border dari hijau menjadi warna lain, yang mungkin sesuai dengan template blog anda.

Mungkin itu saja untuk artikel kali ini, apabila anda ingin bertanya seputar artikel yang dibahas gunakanlah kolom komentar dibawah

0 komentar:

Posting Komentar