Langkah membuat breaking news bergerak responsive pada halaman blog Anda
Masuk di
blogger
Pilih menu
templet dan edit HTML
Cari kode
</head>
Jika sudah
ketemu masukkan script di bawah ini tepat di atas </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://webrumahbelajar.blogspot.com/"; var
jumlah_post = 10; var marquee_speed = "6"; var close_button = false;
var info_text = true; </script>
Ganti yang
berlatar merah dengan URL blog Anda.
Langkah
berikut cari kode </body>
Masukkan
script di bawah ini tepat di atas </body>
<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>
Save templet
Langkah
berikut adalah menentukan tempat untuk menampilkan Breaking News pada halaman
blog
Masuk ke Tata
Letak / tambahkan Widget / Gadget / pilih HTML/JavaScript
Selanjutnya
aka nada tampilan pop up seperti berikut
Kopi dan
masukkan atau pastekan html di bawah ini di dalam konten tersebut
<div id='breaking-newsticker'/>
Klik simpan
dan selesai
No comments