DEV Community: Bianity

Bianity - Blog Portfolio Magazine Script

Bianity — Wed, 25 Sep 2024 12:53:03 +0000

HaiLovers - Blog Portfolio & Magazine Script adalah script PHP yang sepenuhnya responsive & multiguna dengan tampilan yang super elegant.

Tentunya hal ini akan membuat kreator semakin betah dalam mengerjakan tulisan projek artikelnya. Platform ini sangat cocok digunakan untuk blog berita, portofolio, atau blog komunitas. Dengan dasbor yang lebih canggih, kamu bisa melihat siapa yang mengunjungi situs web kamu seperti negara mereka, halaman mana yang paling menarik bagi mereka, perangkat apa yang mereka gunakan, sistem operasi... dan masih banyak lagi.

Footer Ad Sticky No Close (x)

Bianity — Fri, 22 Jul 2022 21:40:00 +0000

I'm trying to experiment with making Sticky footer Ads without Close "X" and it's very simple and easy to implement on a blog or wordpress. To see an example, you can visit here. Hopefully useful and good luck :)

Happy coding!

<style>
.Hailovers-ads {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 70px;
    max-height: 90px; /* www.hailovers*/
    padding: 5px 0;
    box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1);
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #161616;
    z-index: 20;
}

.Hailovers-ads .Hailovers-ads-content {
    overflow: hidden;
    display: block;
    position: relative;
    text-align:center;
    height: 70px;
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
}
</style>

<div class='Hailovers-ads' id='Hailovers-ads'>
    <div class='Hailovers-ads-simple' onclick='document.getElementById("Hailovers-ads").style.display="none"'>

    </div>
    <div class='Hailovers-ads-content'>

Here Your Code Ads

</div>
</div>

Simple Sticky footer Ads

Bianity — Thu, 21 Jul 2022 14:49:00 +0000

Please install it on Blogspot or WordPress. This is Sticky footer for ads and method is the simplest way to add Responsive Sticky Footer Ads in WordPress and Sticky Footer Ads on your Blogger Website.

<style>
.Hailovers-ads {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 70px;
    max-height: 90px; /* www.hailovers.com */
    padding: 5px 0;
    box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1);
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fefefe;
    z-index: 20;
}

.Hailovers-ads-close {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px 0 0;
    position: absolute;
    right: 0;
    top: -30px;
    background-color: #fefefe;
    box-shadow: 0 -6px 18px 0 rgba(9,32,76,.08);
}

.Hailovers-ads .Hailovers-ads-close svg {
    width: 22px;
    height: 22px;
    fill: #000;
}

.Hailovers-ads .Hailovers-ads-content {
    overflow: hidden;
    display: block;
    position: relative;
    text-align:center;
    height: 70px;
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
}
</style>


<div class='Hailovers-ads' id='Hailovers-ads'>
    <div class='Hailovers-ads-close' onclick='document.getElementById(&quot;Hailovers-ads&quot;).style.display=&quot;none&quot;'>
        <svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'>
            <path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z' />
        </svg>
    </div>
    <div class='Hailovers-ads-content'> Place your Ad Code </div>
</div>