Tips Menciptakan Informasi Berjalan Pada Blogspot

Membuat tampilan blog yang kita berdiri sangatlah penting supaya situs kita terlihat menarik untuk dipandang. Selain tampilan pada blog, yang tak kalah pentingnya juga ialah konten dari blog tersebut, apalah artinya kalau blog terlihat anggun namun kontennya tidak memadai sama halnya ibarat supermarket tapi isinya barang warung semua begitulah persamaan sederhananya.

Pada kesempatan kali ini saya akan bebagi tips menciptakan gosip berjalan pada blogspot yang responsif dan ringan tentunya. Tips yang saya bagikan kali ini sangatlah gampang untuk diterapkan sekalipun untuk blogger pemula, dan saya akan bahas hingga detail supaya gampang untuk dipahami.

Baca Juga

Langsung saja tanpa panjang lebar tinggi rendah kita menuju tipsnya berikut ini:

Masuk akun blogger dan pilih Tema - edit HTML

Cari aba-aba </head> dengan menekan ctr + F untuk memudahkan kalian mencari aba-aba tersebut

Copy dan paste aba-aba html dibawah ini sempurna diatas aba-aba </head>

<style type="text/css">
/*Breaking News Ticker Mas Tamvan*/
#breaking-newsticker{margin:15px 0;position:relative}
#post_breakingnews{position:relative;z-
index:9;overflow:hidden;padding:8px;width:100%!important;box-
sizing:border-box;box-shadow:0 5px 5px -5px #3339}
.breakingnewstitle{float:left;background-
color:#f54b4b;color:#fff;padding:7px 10px;font-weight:bold;border-
radius:4px;text-transform:uppercase;position:relative}
.breakingnewstitle:after{height:0;width:0;position:absolute;content:"
";pointer-events:none;margin-top:1px;border-left:13px solid
#f54b4b;border-top:10px solid transparent;border-bottom:10px solid
transparent;-moz-transform:scale(.9999);margin-left:9px;z-index:9}
.breakingnews marquee{width:80%;position:absolute}
@media screen and (max-width:800px){.breakingnews marquee{width:70%}}
@media screen and (max-width:500px){.breakingnews .breakingnewstitle
{width:90px;font-size:11px;font-weight:normal}.breakingnews
.breakingnewstitle:after{content:none}.breakingnews marquee{width:55%}}
.breakingnews marquee a{color:#1893fc;margin:0 15px;line-height:2}
#post_breakingnews .breakingnews{width:1120px;max-width:100%;margin:0
auto}
</style>
<script type='text/javascript'>
var url_breaking = "https://infoseru11.blogspot.com";
var jumlah_post = 10;
var marquee_speed = "6";
var close_button = false;
var info_text = true;
</script>

Yang perlu dirubah pada aba-aba tersebut yaitu,

var url_breaking = "https://infoseru11.blogspot.com"; (link blog kalian)
var jumlah_post = 10; (jumlah judul gosip yang akan ditampilkan)
var marquee_speed = "6"; (kecepatan gulir berita)
var close_button = false; (tombol epilog gosip aktif kalau diubah "true"

Selanjutnya cari aba-aba </body> dan pastekan aba-aba berikut sempurna diatasnya,

<script src='https://rawgit.com/mastamvan/backup/master/breakingnews.js'
type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
document.getElementById("breaking-newsticker").appendChild
(document.getElementById("post_breakingnews"));//]]>
</script>

Untuk aba-aba ini tidak ada yang perlu dirubah!

Baca juga: Tips daftar google adsense supaya cepat full approv

Jika sudah simpulan simpan perubahan.

Lanjut, masuk kebagian tata letak dan tambahkan widget pada bab header ibarat gambar dibawah ini.

Widget yang akan dipakai ialah script html, dan tempatkan aba-aba berikut kedalamnya.

Jika sudah simpulan kemudian simpan dan coba lihat tampilan gosip berjalan yang tampil pada blog kalian.

Itulah tadi uraian singkat saya mengenai tips menciptakan gosip berjalan pada blogspot, dan semoga artikel ini sanggup menawarkan manfaat nyata bagi kita semua.