Blogger İlgili Yayınlar Popup Widget'i

<html>
<head>
    <title>Blogger Eklentileri İlgili Yayınlar Widget Kutusu</title>
    <style type="text/css">
        #navbar-iframe{height:0;visibility:hidden;display:none}
        html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:'Open Sans'}
        .widget{margin:0}
        .section{margin:0}
        .widget ul{padding:0;margin:0;line-height:normal}
        .widget li,.BlogArchive #ArchiveList ul.flat li{padding:0}
        a:link,a:visited{color:#0089ff;text-decoration:none;margin-left:0;margin-right:0}
        a:hover{color:#000000}
        a img{border-width:0}
        img{max-width:100%;vertical-align:middle;border:0;height:auto}
        b{font-weight:700}
        acronym{border-bottom:1px dotted;cursor:help}
        i{font-style:italic}
        h1,h2,h3,h4,h5{margin:0;padding:0;display:block;font-weight:700}
        h1{font-size:150%}
        h2{font-size:140%}
        h3{font-size:130%}
        h4{font-size:120%}
        h5{font-size:110%}
        .quickedit,.blog-feeds,.post-feeds{display:none}
        .clear{clear:both}
        .hide{visibility:hidden;height:0;overflow:hidden;}
        body {background: #EAEAEA;}
    </style>
<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("http://fonts.googleapis.com/css?family=Open+Sans:400,700");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
//]]>
</script>
</head>
<body>
<div class="content" style="height: 2500px"></div>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

<style type="text/css">
#rtd-box {
    width: 350px;
    overflow: hidden;
    height: 200px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #fff;
    box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.29);
    transition: all 0.5s;
}

#rtd-box .header h2 {
    font-size: 12px;
    margin: 0;
}

#rtd-box .header {
    padding: 10px 15px;
    color: #fff;
    background: #f44336;
}

#rtd-box .tombol {
    position: absolute;
    top: 10px;
    right: 15px;
}

#rtd-box .item {
    padding: 15px;
    width: 320px;
    float: left;
}
#rtd-box .list {
    height: 120px;
    overflow: hidden;
    width: 600px;
    transition: all 0.5s;
}
#rtd-box .gambar img {
    height: 100px;
    float: left;
    width: 50%;
    margin-right: 10px;
}

#rtd-box .header a {
    color: #fff;
}
#rtd-box .info {
    font-size: 12px;
}
#rtd-box .info a {
    color:#3a3a3a
}

#rtd-box .navigation a {
    float: left;
    padding: 5px 10px;
    color: #fff;
    display: block;
    background: #9e9e9e;
    box-shadow: 0 0 1px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    font-size: 10px;
}

#rtd-box .navigation {
    position: absolute;
    width: 60px;
    right: 20px;
    bottom: 20px;
}
.rtdshow {
    position: fixed;
    bottom: 190px;
    right: -50px;
    transition: all 0.5s;
}

.rtdshow a {
    color: #fff;
    background: #00ABFF;
    padding: 7px 15px;
    box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.29);
}
</style>
<script type="text/javascript">
// İlgili Yayın Ayarları
var rtdbox = {
    homepage : 'http://cizgifilmhikayeleri.blogspot.com', // Ana sayfanızın URL'siyle değiştirin
    title: 'İlgili Yayınlar', // Widget Başlığı
    post: 5, // Max Yayın Saysı
    date: false , // Tarih Görünsün
    scr: 500, // 500'den fazla kaydırma yapılıyorsa ilgili kutuyu gösterin
    showcredit: true // Bloggereklentileri.blogspot.com'u desteklemek için lütfen bağlantısı ekleyin
};
</script>
<script type="text/javascript" src="https://cdn.rawgit.com/Blogger-Eklentileri/widget/33932f1d/relatedbox.js"></script>

</body>
</html>

Kodeks Editör

Blogger İlgili Yayınlar Popup Widget'i

"Blogger İlgili Yayınlar Popup Widget'i" 0 Yorum yapıldı.

Yorum Gönder

Kodeks Editör

İletişim Formu

Blogger İlgili Yayınlar Popup Widget'i

"Blogger İlgili Yayınlar Popup Widget'i" 0 Yorum yapıldı.

Yorum Gönder