Bu Duyuru Kısmını kendi siteme nasıl eklerim?

Bu Duyuru Kısmını kendi siteme nasıl eklerim?

Kötü konu içeriğinde bugün
Olduğu sitenin linkini de eklersen, sana gerekli kodları verebilirim.

Özel olarak sitenize uygun bir şekilde yapabiliriz.

Kurumedya.com

Html css ve js bilgin varsa biraz ekleyebilirsiniz çok rahat fakat bu konuyu açtığına göre bilginin olmadığını düşünüyorum.


header.php <head> tagları arasına

<style>.buttonbildirim {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color: #fafafa;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    background-repeat: no-repeat;
    background-position: 50% 49%;
    background-size: 50%;
    z-index: 2147483000!important;
    -webkit-animation: beamer_pop-in .5s;
    -moz-animation: beamer_pop-in .5s;
    -ms-animation: beamer_pop-in .5s;
    border: 3px solid #3d495a;
   background-image: url([url]https://use.fontawesome.com/releases/v5.0.13/svgs/solid/bullhorn.svg);[/url]

}

</style>

footer.php

<div class="modal left fade in" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="display: block; padding-right: 17px;">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span class="btnclose" aria-hidden="true">×</span></button>
                    <h4 class="modal-title h4kalin" id="myModalLabel">DUYURU &amp; GÜNCELLEMELER</h4>
                </div>

                <div class="modal-body">
        <div class="alert alert-success ">
<p> <b>25.06.2019 </b>| Instagram Türk Beğeni Hizmetlerimiz Şuanda Sorunsuz Şekilde Çalışmaktadır. </p>
</div>
<div class="alert alert-success ">
<p> <b>17.06.2019 </b>| Instagram Yorum Beğendirme Servisi Güncellenmiştir. </p>
</div>
<div class="alert alert-danger ">
<p> <b>24.05.2019 </b>| Papara Ödemelerinde Minimum Değer Artırıldı ve Alınan İşlem Ücret Masrafları Ödemelerinizden Kesilecektir. </p>
</div>
<div class="alert alert-success ">
<p> <b>13.05.2019 </b>| Instagram Keşfet Etkili Etkileşimli Türk Beğeni Servisinde İndirim Yapılmıştır. </p>
</div>
<div class="alert alert-success ">

<p> <b>09.05.2019 </b>| Tüm İnstagram Türk Beğeni ve Türk Otomatik Beğeni Servislerinde İndirim Yapılmıştır. </p>
</div>
<div class="alert alert-success ">
<p> <b>23.04.2019 </b>| Twitter RT &amp; Fav ve Otomatik Hizmetler Aktif Edilmiştir. </p>
</div>
<div class="alert alert-success ">
<p> <b>15.04.2019 </b>| Instagram -S5- Türk Takipçi Servisinde İndirim Yapılmıştır. </p>
</div>
<div class="alert alert-success ">
<p> <b>14.04.2019 </b>| [ S6 ] Instagram Türk Takipçi | Max 5K | Yeni Servis | Hızlı | Yeni Servis Aktif Edilmiştir. </p>
</div>
                <div class="alert alert-success ">
<p> <b>09.04.2019 </b>| Ucuz Instagram İzlenme Servisi Aktif Edilmiştir.</p>
</div>
<div class="alert alert-danger ">
<p> <b>07.04.2019 </b>| Instagram İzlenme Servislerimizde ki Çalışmalar Tüm Hızıyla Devam Ediyor Şuan İçin Acil Durum Servisleri Aktif Edilmiştir Lakin Güncelleme Sonrası Servislere Zam Yapılacaktır Üyelerimize Duyrulur.</p>
</div>
<div class="alert alert-success ">
<p> <b>02.04.2019 </b>| Facebook Durum Beğeni Servislerimiz Aktif Edilmiştir.</p>
</div>
<div class="alert alert-success ">
<p> <b>02.04.2019 </b>| Instagram Emoji Yorum Servisi Aktif Edilmiştir.</p>
</div>
<div class="alert alert-success ">
<p> <b>31.03.2019 </b>| Instagram Türk Bayan Beğeni Aktif Edilmişir Maksimum 10K Kapasitelidir.</p>
</div>
<div class="alert alert-success ">
<p> <b>17.03.2019 </b>| YouTube İzlenme Servislerimiz Güncellenmiştir ve Organik İzlenmeler İle Hizmete Başlamıştır.</p>
</div>
<div class="alert alert-success ">
<p> <b>15.03.2019 </b>| Instagram Yorum Beğeni Servisi Aktif Edilmiştir.</p>
</div>
<div class="alert alert-success ">
<p> <b>14.03.2019 </b>| Instagram Beğeni Servislerimiz Aktif Edilmiş Olup Hızlı Bir Şekilde İşlem Yapmaktadır.</p>
</div>
<div class="alert alert-danger ">
<p> <b>04.03.2019 </b>| Instagram Türk Bot Takipçi Servislerimizde Fiyat Artışı Yapılmıştır.</p>
</div>
<div class="alert alert-success ">
<p> <b>01.03.2019 </b>| Webmoney &amp; Perfectmoney Ödeme Seçeneği Aktif Edilmiştir.</p>
</div>
<div class="alert alert-success ">
<p> <b>19.02.2019 </b>| Instagram Beğeni Fiyatlarımızda İndirim Yapılmıştır ve Yeni Anlık 10K Türk Beğeni Servisi Aktif Edilmiştir.</p>
</div>
<div class="alert alert-success ">
<p> <b>19.02.2019 </b>| Instagram Türk Takipçi Servisi Aktif Edildi.</p>
</div>
<div class="alert alert-success ">
<p> <b>10.02.2019 </b>| Instagram Ucuz Türk Beğeni Servisi Aktif Edildi.</p>
</div>
<div class="alert alert-success ">
<p> <b>10.02.2019 </b>| TikTok Servisleri Aktif Edildi.</p>
</div>
<div class="alert alert-success ">
<p> <b>26.01.2019 </b>| Instagram Canlı Yayın İzlenme Servisi Fiyatı İndirildi.</p>
</div>
<div class="alert alert-success ">
<p> <b>26.01.2019 </b>| Youtube İzlenme Servislerimiz Aktif Edilmiştir.</p>
</div>
<div class="alert alert-success ">
<p> <b>24.01.2019 </b>| Instagram Türk Bayan Beğeni Servisi Aktif Edildi. </p>
</div>
<div class="alert alert-success ">
<p> <b>22.01.2019 </b>| Instagram İzlenme Servislerimiz Güncellenmiş Olup İndirim Yapılmıştır. </p>
</div>
<div class="alert alert-success ">
<p> <b>16.01.2019 </b>| Instagram Bayan Canlı Yayın İzlenme Aktif Edildi </p>
</div>
<div class="alert alert-warning ">
<p> <b>16.01.2019 </b>| Instagram Beğeni Servislerimizde Güncelleme Dolayısıyla Gecikmeli Başlama Mevcuttur </p>
</div>
<div class="alert alert-success ">
<p> <b>16.01.2019 </b>| TikTok Servislerimiz Aktif Edildi Hemen İşleme Başlamaktadır </p>
</div>
<div class="alert alert-danger ">
<p> <b>12.01.2019 </b>| Facebook Servislerimizde ki Yoğunluğu Azaltabilmek Adına Fiyatlar Zorunlu Artırılmıştır. </p>
</div>
<div class="alert alert-success ">
<p> <b>08.01.2019 </b>| 200TL üzeri Ödemelerde %10 Bonus Hediyemizdir! </p>
</div>
<div class="alert alert-success ">
<p> <b>03.01.2019 </b>| Instagram Türk Yorum Servisi Aktif Edilmiştir.</p>
</div>
<div class="alert alert-success ">
<p> <b>31.12.2018 </b>| Youtube Türk Abone Aktif Edildi</p>
</div>
<div class="alert alert-success ">
<p> <b>30.12.2018 </b>| Ucuz Instagram Takipçi Servisimiz Aktif Edildi 1K/0.50TL Sipariş Geçmeden Önce Lütfen Servis Açıklamasına Göz Atmayı Unutmayınız.</p>
</div>
<div class="alert alert-success ">
<p> <b>30.12.2018 </b>| Ucuz Instagram Canlı Yayın İzlenme Servisimiz Aktif Edilmiştir.</p>
</div>
<div class="alert alert-success ">
<p> <b>25.12.2018 </b>| Yeni Otomatik Beğeni Servislerimiz Uygun Fiyatlar İle Aktif Edilmiştir.</p>
</div>
<div class="alert alert-danger ">
<p> <b>12.12.2018 </b>| Facebook Durum Beğeni Servisimiz Bakım Altına Alındı.</p>
</div>
<div class="alert alert-success ">
<p> <b>11.12.2018 </b>| Instagram İzlenme Servislerimizin Fiyatlarında İndirim Yapılmıştır.</p>
</div>
<div class="alert alert-danger ">
<p> <b>09.12.2018 </b>| Youtube İzlenme Servislermiz Bakıma Alınmıştır.</p>
</div>
<div class="alert alert-danger ">
<p> <b>08.12.2018 </b>| Twitter Takipçi Fiyatımız 12.5TL'e Yükseltilmiştir.</p>
</div>






                </div>

            </div><!-- modal-content -->
        </div><!-- modal-dialog -->
</div>
<button class="buttonbildirim btn" type="button" data-toggle="modal" data-target="#myModal"></button>

Bootstrap ile çalışan bir web siten varsa,
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

Sitende bu kodun olduğundan emin ol,açılması için bu gerekiyor.

Eğer yardıma ihtiyacın olursa, özelden site bilgilerini iletirsen ekleme yapabilirim.
Veya akşam bilgisayarına bağlanıp da yardımcı olabilirim

Desteğin için çok teşekkür ederim