Cara Menciptakan Goresan Pena Ribbon Yang Keren Dengan Effek Marque

Cara Membuat Tulisan Ribbon yang keren Dengan Effek Marque Cara Membuat Tulisan Ribbon yang keren Dengan Effek Marque

Tampilan Blog Anda biasa-biasa? Kurang menarik dan keren? Apakah Anda ingin mempercantiknya? yups Anda dapat menciptakan dan memasang goresan pena Ribbon yang keren ini di blog Anda. Fungsi Ribbon ini sesungguhnya tidak terlalu penting terhadap peningkatkan SEO akan tetapi setidaknya kegunaan Ribbon ini ialah mempercantik Blog atau Situs Anda. Tampilan Blog yang menarik dan anggun akan menciptakan pengujung terpesona dan makin betah-betah berlama-lama di halaman blog Anda. Nah kalau blog Anda ingin dipercantik maka tidak ada salahnya memasang Ribbon "Terima Kasih Atas Kunjungannya" di simpulan artikel atau kata-kata lainnya sesuai keinginan. oleh alasannya yaitu itu ikuti saja pentujuknya pemasangannya dibawah ini.

1. Pertama silahkan Anda login dulu ke Blogger
2. Klik Template → Edit HTML
3. Cari kode </style>
4. Kemudian Copy kode CSS dibawah ini, lalu Paste diatas kode </style>, dan simpan Templatennya

Baca Juga

 .non-semantic-protector{position:relative;z-index:1}.ribbon{font-family: Arial;  font-size:19px!important;width:50%;position:relative;background:#722043;color:#fff;text-align:center;padding:1em 2em;margin:2em auto 3em}.ribbon:before,.ribbon:after{content:&quot;&quot;;position:absolute;display:block;bottom:-1em;border:1.5em solid #722043;z-index:-1}.ribbon:before{left:-2em;border-right-width:1.5em;border-left-color:transparent}.ribbon:after{right:-2em;border-left-width:1.5em;border-right-color:transparent}.ribbon .ribbon-content:before,.ribbon .ribbon-content:after{content:&quot;&quot;;position:absolute;display:block;border-style:solid;border-color:#11b7b5 transparent transparent transparent;bottom:-1em}.ribbon .ribbon-content:before{left:0;border-width:1em 0 0 1em}.ribbon .ribbon-content:after{right:0;border-width:1em 1em 0 0}

[message]

##check## Perhatian!!!

Silahkan ganti instruksi warna yang aku tandai dengan instruksi warna yang sesuai dengan selera Anda

5. Untuk menampilkan Ribbonnya maka Anda perlu menCopy kode HTML dibawah ini ketika Anda ingin memposting sebuah Artikel, kemudian pilih Mode HTML pada postingan lalu paste kan instruksi dibawah ini pada simpulan Postingan.

 <center><div class="non-semantic-protector"> <h1 class="ribbon"> <marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Terima kasih Atas Kunjungannya </marquee> </h1> </div></center>