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

Ç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...

ÖNİZLEME
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/AVvXsEjlGzGcfDMoyER7mTHERZ0RK3NoETRdkJucdzpgxWoQyQhL7OcJHy71-QfF1ADUcHZyBSgECOqPgD04e255a7Bwtgm-qbHqLd_sxfcNQKMAeU59UYiPkBQ7r0NDJvuTctZxc29gTlRtp7i6/s1600/Facebook+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiqZ3ECc9Vh_SZufgmvub9szT3H5IxClMGQ0xY56n-qfS_-p_PSAOmkdru0hpY9AC-KPN3OwNf7fls-SnD1Db2CvWkeWvX5ujuPQwqYdfyQsF2v3ds7bPFOfu5XTjAkkcpzlhZ-dUVo8J4/s1600/facebook_color_64x64.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlGzGcfDMoyER7mTHERZ0RK3NoETRdkJucdzpgxWoQyQhL7OcJHy71-QfF1ADUcHZyBSgECOqPgD04e255a7Bwtgm-qbHqLd_sxfcNQKMAeU59UYiPkBQ7r0NDJvuTctZxc29gTlRtp7i6/s1600/Facebook+Icon.png'" border="0"/></a>
<br />
<a href="https://twitter.com/MeftunMede"><img height="48px"width="48px" title="Twitter'da Bizi Takip Edin" alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYH_nNAKEVMGWyuRwa2yMVkKjbu9T_6Emh8JZDWz684EfFq2K1uc27a_8xnbsc3QljaJqRr8XYLX7E_0CU3TWKomPefeL7ZKheASviEPua8EotAA6uO0ij-dEmvp4lIZ3xmqbp-hMwfUkA/s1600/Twitter+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTOiwdwEe_IqEuXe7BiobVm_becKGupcgEl5TwIfyN3M6hfXwdc8fH-ThRpO_17LFHLRyoQubvEls3tvVxfW5VXCPet3LowE34GV4fwNHJa4dKFYRdMiN8Dts7ZxK6-U2LA6eLfQKe6OPd/s1600/Twitter+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYH_nNAKEVMGWyuRwa2yMVkKjbu9T_6Emh8JZDWz684EfFq2K1uc27a_8xnbsc3QljaJqRr8XYLX7E_0CU3TWKomPefeL7ZKheASviEPua8EotAA6uO0ij-dEmvp4lIZ3xmqbp-hMwfUkA/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/AVvXsEgbCS9SUbhMJ0ek1frGnPAtE5dfdikql6A8PiGag9FwHHCfEZwM0Tov5Csi1oSVvjYxROkX1hk7slSW96yJmmhkNgdmb3JcQ6Wm_NmnsP_2AasQWNrN52Z6r3TLvdJV3Iaf_wrlUep0XLLi/s1600/Google+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqp_RkoUr1kNeUzUKRaX8DkJKNLk0r9R4nYIOi2Sgm1JoVHwoi_r-4a6y25daTVpojDMiKq0uUkvhbePbV8ZmfogF4-AxbgEbMeJHT1Va15kPEhXECbwt1aDU7bwR6l57oLFvaDYP0u6CZ/s1600/Google+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbCS9SUbhMJ0ek1frGnPAtE5dfdikql6A8PiGag9FwHHCfEZwM0Tov5Csi1oSVvjYxROkX1hk7slSW96yJmmhkNgdmb3JcQ6Wm_NmnsP_2AasQWNrN52Z6r3TLvdJV3Iaf_wrlUep0XLLi/s1600/Google+Icon.png'" border="0"/></a>
<br />
<a href="https://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/AVvXsEilYCYkG3l7WGT4pyNhxeUel61VNLofgTRp9aFgGh67cj91UjiqXz2bWrJcm0LgaV91C0lxED3GrNl7kWZ_12N_QK8oCsvUrgws8Jw6057DB3loCAY8-PVwEK9gt9CZ8WE8bKXL75amkGXT/s1600/Feedburner+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDT0iuNHknLOROu_ACPyK5G6JblQ4AtWkeD9tLjRmxBFfyWk6Km3ydKw4y5iss_c1UfNOq8T3J5ozY3yjxXnLaWHz-UMKYo5DVbzn-fOrSRh8Fja8wA8WcfojJheFIqXe8yH-MhpM-skoH/s1600/Feedburner+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilYCYkG3l7WGT4pyNhxeUel61VNLofgTRp9aFgGh67cj91UjiqXz2bWrJcm0LgaV91C0lxED3GrNl7kWZ_12N_QK8oCsvUrgws8Jw6057DB3loCAY8-PVwEK9gt9CZ8WE8bKXL75amkGXT/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="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://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...

Yorum Gönder

Yorum Gönder

İnternetten para kazanmak, Ekgelir, En iyi Tıkla Kazan (PTC) Siteleri

İletişim Formu