Yandan Açılan Daha Fazlası Eklentisi

Yandan Açılan Bilgi Alanı Eklentisi. Sadece Bizde. Blogunuzun Sağ Kısmına Fare Üstüne Getirmedikçe Çıkmayan Bir Eklenti. Bu Eklentiyle Blogunuzla İlgili Bir Bilgi Verin. Biz Yaptık Başka Bir Yerde Yok. Hataları Düzeltilmiştir. Yapımı Aşağıdaki Mavi Yazıları Blogger/ Blog/Gadget Ekle/Html Java Scripts'e Koyun. Kapalı Yeşil Yere Başlığı, Pembe Yerlere Yazıları, Kırmızı Yere 500x100 Resim Adresini Koyun.

<style>
#yapiskan-ust {
position:fixed;
left: -250;
left;
height: 100px;
padding: 0 5px 0 46px;
width: 100px;
z-index: 99999;
right:0px;
top:20%;
}
</style>
<div id="yapiskan-ust"><div class='post-body entry-content' id='post-body-3694605823103462189' itemprop='description articleBody'>
<style>
   ul.nav8 {
    list-style:none;
    height:240px;
    margin:0;
    padding:0;
}

ul.nav8 table {
    border-collapse:collapse;
    width:0;
    height:0;
    margin:-1px 0 -5px -1px;
}

ul.nav8 > li {
    float:right;
    height:240px;
    width:40px;
    position:relative;
    overflow:hidden;
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -o-transition-duration:.5s;
}

* html ul.nav8 > li {
    width:auto;
}

ul.nav8 > li a.ie6 {
    float:left;
    height:240px;
    width:39px;
    position:relative;
    overflow:hidden;
}

ul.sub {
    list-style:none;
    height:540px;
    width:580px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn-tvznQF3yOjUluNaejfygW6Q1cCx5vjdlzW0xc62UKALhGGNEVMoou9mWT5sngGQ60g5A2thG18qJ47BqWR1d2gfUVS76m8N1g2WopyMErL7FrUkOxxTjpaR231e_mVKs_wfv4h91f0x/s1600/Sidebar_Blogum_%C4%B0cin.png) no-repeat right top;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    padding:0;
}

ul.sub li {
    float:left;
}

ul.sub li:first-child {
    margin-left:60px;
}

ul.sub li a {
    display:block;
    overflow:hidden;
    position:relative;
    text-decoration:none;
    color:#000;
}

ul.sub li a b {
    font-size:14px;
    display:block;
    padding:15px 15px 5px;
}
ul.sub li a b:hover {
    font-size:16px;
    color:#FF0000;
    display:block;
    padding:15px 15px 5px;
}
ul.sub li a p {
    font-size:12px;
    display:block;
    margin:0;
    padding:0 10px;
}

ul.sub li a p:hover {
    font-size:13px;
    display:block;
    margin:0;
    padding:0 10px;
}

ul.nav8 > li:hover {
    width:600px;
}

ul.nav8 > li a.ie6:hover {
    direction:ltr;
    width:600px;
}

ul.sub li a:hover i {
    opacity:1.0;
}</style>

<ul class="nav8">
<li>
            <ul class="sub">
<li><a href="#"><b>Başlık</b>Deneme Yazısı Bu Bir Deneme Yazısıdır. Blogum İcin. Deneme. Deneme Yazısı Bu Bir Deneme Yazısıdır. Blogum İcin. Deneme. Deneme Yazısı Bu Bir Deneme Yazısıdır. Blogum İcin. Deneme. Deneme Yazısı Bu Bir Deneme Yazısıdır. Blogum İcin. Deneme. Deneme Yazısı Bu Bir Deneme Yazısıdır. Blogum İcin. Deneme.<br />
</a></li>
<div style="text-align: right;">
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1xCeTNpQOmzs67ZWbAZkl9dD9MMLb_g_GoWzl5Ia1pw3xX9ELPZD0g8bLKTD4yiJsP9ixxCF8JQalUqxvgyD6JNFhkUI9ZvTua5snf424qJ43dkBL2Lp_r2j22KKBgYQreLUN4d3MEFfU/s1600/Sidebar_Alan_Blogum_%25C4%25B0cin.png"/>
</li></div>
</ul>
<!--[if lte IE 6]></td></tr>
</table>
</a><![endif]-->
        </li>
</ul>
<div style='clear: both;'></div>
</div></div>

Bu Kadar
Sorunlarınızı Yorumlayabilirsiniz
Bir Teşekkürü Çok Görmeyin

• • BaşlıkDeneme Yazısı Bu Bir Deneme Yazısıdır. Blogum İcin. Deneme. Deneme Yazısı Bu Bir Deneme Yazısıdır. Blogum İcin. Deneme. Deneme Yazısı Bu Bir Deneme Yazısıdır. Blogum İcin. Deneme. Deneme Yazısı Bu Bir Deneme Yazısıdır. Blogum İcin. Deneme. Deneme Yazısı Bu Bir Deneme Yazısıdır. Blogum İcin. Deneme.