Tutorial Cara Membuat Breaking News Berjalan Pada Blog Dengan Mudah


Tutorial Cara Membuat Breaking News Berjalan Pada Blog - Hallo sahabat sahab blogger maupun netizen semuanya, Saya Ucapkan Selamat Datang Di Blog Sederhana Saya Ini, Selamat membaca artikel yang telah saya sediakan, Khusus untuk kalian semua.



Pada siang hari ini, Cuaca di daerah saya panas sekali, Sehingga membuat semangat menulis saya juga menjadi menggebu gebu, Untuk selalu memberikan informasi tutorial buat kalian semua, Saya barus saja mendapatkan sebuah ide, Dimana sekarang saya akan mengajarkan kepada kalian semua, Cara membuat breaking newes pada blog kalian, Seperti yang saya terapkan pada blog ini.

Jika kalian tertarik untuk membaca dan mempelajari nya, Kalian bisa ikuti arahan pada artikel ini, Jika kalian tidak tertarik, Kalian bisa membaca artikel saya yang lainnya :) .

Mari langsung saja ke intinya, Untuk membahas cara membuat breaking news pada blog, Secara mudah dan cepat.

Langkah - Langkah

  1. Silahkan kalian login pada akun blog kalian masing masing.
  2. Selanjutnya kalian pilih Template, Lalu Kalian Pilih Opsi Edit Html.
  3. Selanjutnya kalian Cari Kode </head>, Dan Salinkan Kode Di bawah ini tepat diatas kode </head>.
    <style type="text/css">
    #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;margin-top: -3px;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://www.ariel.web.id";
    var jumlah_post = 10;
    var marquee_speed = "6";
    var close_button = false;
    var info_text = true;
    </script>


    Catatan :
    Silahkan Kalian Ubah Https://www.ariel.web.id, Dengan Url Blog Kalian.
    Dan juga Ubah Jumlah Post , Sesuai keinginan kalian.
    Speed Ubah Sesuai Keinginan Kalian.
  4. Selanjutnya Kalian Cari Kode </body>, Dam letakan kode dibawah ini tepat di atas kode </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>
    
  5. Selanjutnya Kalian Bisa Menempatkan Kode Dibawah Ini Tepat Dibawah kode <body> atau </head> .
    <div id='breaking-newsticker'/> 
    
  6.  Silahkan Kalian Simpan Dan Lihatlah perubahannya.
  7. Kalian Bisa Menerapkan Juga Kode Diatas Pada Settingan tataletak / layout , Dan silahkan kalian tempatkan sesuai keinginan kalian.
  8. Selesai.
Nah Cukup Mudah Bukan Cara Pemasangan nya ?
Dengan ini , Blog kalian akan terlihat lebih unik dan bagus tentunya, Jika kalian merasa kebingungan, Kalian bisa kirim keluhan pada kolom komentar di bawah sini.

Penutup

Demikianlah artikel ini bisa saya sampaikan kepada kalian semua, Semoga dapat bermanfaat buat kalian semua, Jangan lupa untuk selalu mengunjungi blog saya ini,Sampai jumpa pada update artikel selanjutnya, Cukup sekian dari saya, Terima kasih.

1 Response to "Tutorial Cara Membuat Breaking News Berjalan Pada Blog Dengan Mudah"

Silahkan Berkomentar Dengan Baik, Dilarang !
- Sara
- Provokasi
- Menggunakan Kata Kasar
- Spam
- Phissing
- Sebar Url
- Dan Lain Lain yang melanggar ketentuan Google.

Berkomentarlah Dengan Sopan Dan Santun,

Jika komentar kalian melanggar ketentuan blog bang ariel, Dalam Sekejap Komentar Anda Akan Saya Hapus.

Terimakasih.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel