» » Sürgülü In-Out 3D Sosyal Paylaşım Eklentisi

07:17 0
A+ A-
Çok yazarlı bloglar için yazar bilgi kutusu
Merhaba arkadaşlar Bu eklenti 3D efektli, in-Out Sürgülü, 3 sosyal medya ve RSS butonu, Özet akışları aboneliğiyle diğerlerinden farklı bir eklenti. Üzerine tıklayarak in-Out Slayt şeklinde açılır kapanır özelliği sayesinde yer kaplamaz. Çekici, güzel, sade ve şık bir eklenti. Umarım sizlerde beğenirsiniz. Güle güle kullanın...


Lütfen aşağıdaki adımları izleyin.
  • Blogger kontrol panelinize giriş yapın > Şablon > HTML'yi Düzenle'ye basın.
  • Şablonunuzu yedeklemeyi unutmayın.
  • Düzenleme ekranındayken CTRL+F tuş kombinasyonuyla ]]></b:skin> kodunu aratıp bulun.
  • Aşağıdaki kodu hemen üstüne kopyalayıp yapıştırın.

    • #meffixedfootermain{z-index:999999;width:300px;height:0;position:fixed;bottom:0;right:5px;}
#meffixedfooterdiv{border-top:3px solid #444;border-right:3px solid #444;border-left:3px solid #444;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;backgroundcolor:#d7d7d7;overflow:none;width:300px;height:250px;position:fixed;bottom:0;right:5px;background:#fff;background:-moz-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-o-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-ms-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:linear-gradient(to bottom, #fff 0%,#e5e5e5100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#e5e5e5',GradientType=0 )}
#meffixedfooterhide{z-index:999999;position:absolute;font-family:Oswald,Arial,Helvetica,sans-serif;bottom:250px;right:5px;width:285px;height:25px;cursor:pointer;background-color:#fff;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px;}
#meffixedfootershow{position:absolute;bottom:0;right:5px;width:285px;height:25px;font-family:Oswald,Arial,Helvetica,sans-serif;cursor:pointer;background-color:#e5e5e5;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px;}
.meffixedfooterdownarrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #333;}
.meffixedfooteruparrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #333;}
.meffixedfooterblockarrow{width:8px;height:10px;background-color:#333;}
#meffixedfootersocial{position:absolute;font-family:Oswald,Arial,Helvetica,sans-serif;bottom:220px;right:10px;width:280px;height:30px;float:right;}
#meffixedfootersocialicon{position:absolute;font-family:Oswald,Arial,Helvetica,sans-serif;bottom:135px;left:10px;width:auto;height:64px;}
#meffixedfooteremailsubscribe{position:absolute;bottom:64px;width:225px;height:15px;right:20px;padding:10px;left:20px;}
.meffixedfooteremailsubscribebox input.email{font-family:Oswald,Arial,Helvetica,sans-serif;width:225px;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:7px 10px;}
.meffixedfooteremailsubscribebox input.subscribe{-moz-box-shadow:inset 0 1px 0 0 #fff;-webkit-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;background-color:#f0f0f0;margin-top:5px;-moz-border-radius:6px;-webkit-border-radius:6px;width:249px;height:35px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#777;font-family:Oswald,Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;text-decoration:none;text-shadow:1px 1px 0 #fff;padding:2px;background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#f0f0f0),color-stop(1,#c9c9c9) );background:-moz-linear-gradient( center top,#f0f0f0 5%,#c9c9c9 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#c9c9c9');}
.meffixedfooteremailsubscribebox input.subscribe:hover{background-color:#c9c9c9;background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#c9c9c9),color-stop(1,#f0f0f0) );background:-moz-linear-gradient( center top,#c9c9c9 5%,#f0f0f0 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9',endColorstr='#f0f0f0');background-color:#c9c9c9}


  • Kaydet butonuna tıklayıp bu ekrandan çıkın.
  • Daha sonra Blogger paneline tekrar giriş yapın. Yerleşim>Gadget Ekle>Html/Javascript'i seçin.
  • Aşağıdaki kodları istediğiniz şekilde özelleştirerek içine kopyalayıp yapıştırın ve kaydedin.

    • <div id="meffixedfootermain">
<center id="meffixedfootershow"onmouseup="document.getElementById('meffixedfooterdiv').style.display='block'">
<table  style="margin-top:-2px;">
<tr>
<td>
<center style="color:#333;font-size:15px;font-weight:400;">
Abonelik ve Sosyal Medya
</center>
</td>
<td>
<center>
<div class="meffixedfooteruparrow">
</div>
<div class="meffixedfooterblockarrow">
</div>
</center>
</td>
</tr>
</table>
</center>
<div id="meffixedfooterdiv">
<center id="meffixedfooterhide"onmouseup="document.getElementById('meffixedfooterdiv').style.display='none'">
<table  style="margin-top:-2px;">
<tr>
<td>
<center style="color:#333;font-size:15px;font-weight:400;">
Abonelik ve Sosyal Medya
</center>
</td>
<td>
<center>
<div class="meffixedfooterblockarrow">
</div>
<div class="meffixedfooterdownarrow">
</div>
</center>
</td>
</tr>
</table>
</center>
<div id="meffixedfootersocial">
<center style="color:#333;font-size:12px;">
Tüm Son Ve Yeni Makaleler, İpuçları ve Widgetler, Harika Blogger Eklentileri E-mail Adresinize Gelsin.!!!
</center>
</div>
<div id="meffixedfootersocialicon">
<table>
<tr>
<td>
<a href="https://www.facebook.com/meftunmede.blogger"><img height="48px"width="48px" title="Facebook'ta bizi beğenin" alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgteAobpb5Spc_mtLYfwVAr759qEfx1a7SorRklST4oxP8vE2UVHUvUVFxpWMR3Jo88VO7rtsVaPOFpLEVGsq-YAjLW6rjCArfrynlyTNPHv2YyKmuC1NSS7VEXL06Y8QUKKtcfjqM6Gj9U/s1600/Facebook+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6_lvGTMLqvcRtnCye2Olta5nIEPLgntKji6c6JN8PYcnPOYmTMbDoRfP_yda0cZiQSLDZbpvTV0LPfBYTBejJz82RRbHArUOIP59Hfo5tvAvodkAmrhtY0rz2prIEs49VBNRUUNzq8AYn/s1600/facebook_color_64x64.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgteAobpb5Spc_mtLYfwVAr759qEfx1a7SorRklST4oxP8vE2UVHUvUVFxpWMR3Jo88VO7rtsVaPOFpLEVGsq-YAjLW6rjCArfrynlyTNPHv2YyKmuC1NSS7VEXL06Y8QUKKtcfjqM6Gj9U/s1600/Facebook+Icon.png'" border="0"/></a>
<br />
<a href="http://twitter.com/MeftunMede"><img height="48px"width="48px" title="Twitter'da Bizi Takip Edin" alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdfNPyFSUm0FYHleT4fTWFANbqaqHnC0x4_M2GYIqCGlFdfnmVPNx7Z51tnkHeV1EnkJ0-oDVknM-L0pkfPNQgAw7TVjxuLfgOBsqeL1Me9ul6JgdU5ilB_9tqMwCv5xHXnKfjJgR5Texl/s1600/Twitter+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9_fpUDYg9Nnu8iAyV4afe0twMvZOMJ_U0kNs5REP0JHlPQb6AZ6-q1aB1MrTrkIkQgsESSCW-pI8eYTX9fr4rJdXwBvMMDMjKSx4GWmBBLeWua8axmYW8hefbx4AZPyko2MQMdfBe96gT/s1600/Twitter+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdfNPyFSUm0FYHleT4fTWFANbqaqHnC0x4_M2GYIqCGlFdfnmVPNx7Z51tnkHeV1EnkJ0-oDVknM-L0pkfPNQgAw7TVjxuLfgOBsqeL1Me9ul6JgdU5ilB_9tqMwCv5xHXnKfjJgR5Texl/s1600/Twitter+Icon.png'" border="0"/></a>
</td>
<td width="75px"valign="top">
<a style="font-size:12px;color:#333;font-weight:400;" href="https://www.facebook.com/meftunmede.blogger">Facebook'ta bizi beğenin</a>
<br />
<br />
<a style="font-size:12px;color:#333;font-weight:400;" href="https://www.twitter.com/MeftunMede">Twitter'da Bizi Takip Edin</a>
</td>
<td>
<a href="https://plus.google.com/111555326072108216342"><img height="48px"width="48px" title="Çevrelere ekle" alt="Google Plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguPuLAFgWUNN12Bx3nBZysIDb2Qm01T5vPgv4mhuNZMBLHIVhA7csYFZkEGtlKADZeDIAjSYC3EtCPy_3uOi0lw52WROvdJOIaHyks-xfvDid_4HnQObjB9iPxTVbbH02PcX2TUimOhJ5h/s1600/Google+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheRd0raUUFv4Eck-H2PiePD42KmryaPvAXJFLaFBRVughc71mSuGOWeups009DvI1b1C1q5pMfn0UK7UD-HsynkPQQV9pJrRg5aG7uxUy401NyH40XuB6_ZIhcgswthJvOFJC6uqQVnPnq/s1600/Google+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguPuLAFgWUNN12Bx3nBZysIDb2Qm01T5vPgv4mhuNZMBLHIVhA7csYFZkEGtlKADZeDIAjSYC3EtCPy_3uOi0lw52WROvdJOIaHyks-xfvDid_4HnQObjB9iPxTVbbH02PcX2TUimOhJ5h/s1600/Google+Icon.png'" border="0"/></a>
<br />
<a href="http://feeds.feedburner.com/MeftunMede">
<img height="48px"width="48px" title="RSS Özet akışları aboneligi" alt="RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCQf1p1yRf4iaxYpKiEsWXeEk5criml_BAuoMjdNQdL23KQmgY8yMXsVkn9k_tqTvbpvB2uNrR7aSTyBNEyhyphenhyphen0Xz2KtS02GxFJ3k1c-4T6Q9fHsCQbHRHqw15NwUp4fgwvV23g2iMm06y-/s1600/Feedburner+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMB4E7ZWygEzPmUuOk6maD3H5N5g83TchS3ua7y-XeIma4hArlWkqa2qAY3g-zP6g_DCarL9f2PvZB3YgBepvPIe0AHcV84Zql7mjLPyUvs1B7WG7SvVy16Z70nC5YgEGUNT5TcIsjTv1g/s1600/Feedburner+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCQf1p1yRf4iaxYpKiEsWXeEk5criml_BAuoMjdNQdL23KQmgY8yMXsVkn9k_tqTvbpvB2uNrR7aSTyBNEyhyphenhyphen0Xz2KtS02GxFJ3k1c-4T6Q9fHsCQbHRHqw15NwUp4fgwvV23g2iMm06y-/s1600/Feedburner+Icon.png'" border="0"/></a>
</td>
<td valign="top">
<a style="font-size:12px;color:#333;font-weight:400;" href="https://plus.google.com/111555326072108216342">
Google+'da <br />Bizi Takip Edin</a>
<br />
<br />
<a style="font-size:12px;color:#333;font-weight:400;" href="http://feeds.feedburner.com/MeftunMede">
RSS Özet akışlarına<br />Abone olun</a>
</td>
</tr>
</table>
</div>
<div id="meffixedfooteremailsubscribe">
<div class="meffixedfooteremailsubscribebox">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MeftunMede','popupwindow','scrollbars=yes,width=550,height=520');return true"><input class="email" type="text" id="email" name="email" value="Buraya E-postanızı girin..." onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;"onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;"/>
<input type="hidden" value="MeftunMede" name="uri"/>
<input type="hidden" name="loc" value="tr_TR"/>
<input class="subscribe" name="commit" type="submit" value="E-Bülten'e şimdi abone olun"/>
</form>
</div>
</div>
</div>
</div>

    Kod içinde kırmızı ile belirtdiğim yerleri, istediğiniz şekilde özelleştirebilirsiniz. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...
    Kaynak:http://www.meftunmede.com/

    Share to:

    Yorum Gönder

    Kaydol: Kayıt Yorumları (Atom)
     
    Top