Tutorial Membuat Marquee Info - ACREZY

Marquee dapat berguna untuk memberikan sebuah info penting.

Info yang singkat dan jelas tetapi jika terlalu banyak maka tidak akan cocok.
Lebih cocok menggunakan Info Box.

Marquee Info dapat dijumpai di situs Fansub.
Biasanya dipakai untuk memberi info rilisan atau info rekrutmen.

Karena manfaatnya besar sangat direkomendasikan sekali dipasang di blog kamu.
Bisa dipasang di widget, atas, atau bawah header

Silahkan lihat demo dari Marquee Info

DEMO

Tutorial Membuat Marquee Info

---

Berikut ini adalah cara membuatnya:

Pertama masuk ke edit HTML.

Widget ini menggunakan Font Awesome
Cari kode </head> dan letakan kode berikut diatasnya

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></link>

Jika kalian ingin memasang dibawah main wrap, cari kode berikut

<div id='main-wrap>

atau

<div class='main-wrap'>

Letakan kode berikut dibawah salah satu script diatas

<div class='marquee'>
    <marquee>
    <font color="white"><i class="fa fa-bullhorn"></i> Kamu tertarik bergabung bersama kami? 
    Kami membuka lowongan Staff Translator yang bisa TL dari "Japanese" ke "Indonesia". Silahkan hubungi Fanpage untuk lebih lanjut</font>
    </marquee>
</div>

Untuk mempercantik marqueenya, silahkan letakan kode berikut ini

Diatas ]]></b:skin> atau </style>

/* CSS Marquee Info - Acrezy Blog */
.marquee{
background: #333;
border-bottom: 5px solid #ba0d0f;
line-height: 15px;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
margin: 0 auto 15px;
padding: 10px;}

Setelah itu simpan.

Sesuaikan fontnya sesuai keinginan kamu.

Itulah langkah-langkah cara pembuatannya

Demikian Tutorial Membuat Marquee Info, semoga bermanfaat