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 şu adımları izleyin.
Blogger'a Git > Tasarım > HTML'yi DüzenleŞablonunuzu yedekleyin! ]]></b:skin> kodunu 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çiniz.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/AVvXsEhYqcKinuqYB9JKONOAhO1gz2k_mSnjJsMhSpKR45gzVQJ3_fQ29U1C44c2oivVex_ec-cgpIOsU8MxHVPrBEW8e9XXYnmFjecJMQqqo1J5M57E_iPW9lo75NlI1Ts-9hB7JdMKnqU5HQqB/s1600/Facebook+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbie4YKpOnjWnVLg_ios-nhKBPpyvrOOILudj45fOXmVlZjGbyLUQ5y2-CtCjmLnxVuLIFQoLs61kUP0RMm_bOiNYRHF3mMBLAgyBsecSbg9kn1Dg0Aup05xQmJXYYaFbRbAB6eJDUDcax/s1600/facebook_color_64x64.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYqcKinuqYB9JKONOAhO1gz2k_mSnjJsMhSpKR45gzVQJ3_fQ29U1C44c2oivVex_ec-cgpIOsU8MxHVPrBEW8e9XXYnmFjecJMQqqo1J5M57E_iPW9lo75NlI1Ts-9hB7JdMKnqU5HQqB/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/AVvXsEhFHU7zKkngg0P3NEYj1FvPCs2Aky6UJKUELzTCtATnJ25VTxiuDqL_YBtuc7cZnQeaD-0hVuYlP7gagJQ25e7iQQ-Es5uar86HCk6ik6_NW8ydXFlrXndFxWRV1lTrH9KF8UxeqQuePyDR/s1600/Twitter+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv9TlYqJHExGxvLeFnaz_UdTO6TwqUsRklWTKzyNYlubbnv9SwnuYWECqZlZ8aDqmrB_bKljR-Vctc4jQHqxWHHAMcuFsxCvcZ8cLyW7aAsTiRMc2C-M8VlF55iZduXkoh5o6pXtSvQNVs/s1600/Twitter+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHU7zKkngg0P3NEYj1FvPCs2Aky6UJKUELzTCtATnJ25VTxiuDqL_YBtuc7cZnQeaD-0hVuYlP7gagJQ25e7iQQ-Es5uar86HCk6ik6_NW8ydXFlrXndFxWRV1lTrH9KF8UxeqQuePyDR/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/AVvXsEj8CPNTjrEDLsMLq9wPwxZEWq954k8T2oKoIrLy9TjTcnc7Sa5NnlhIpKu2_Vza7UZeiipYZKZtaP-_iPm-T57vbBKQBIUL559SDp6jbmrhpBk-08apuhjWnPDW3ndkunNoyw4ux1FecKRm/s1600/Google+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2rQtL1DpvvnHcH059pGjADpb70JnJ231-v3lp0fp0G6rpSUKLv_sagO66SS2964-1MB-k3rPSXeGzIFTioMGbG-yAdSZgJ43HhcpZPHYfN7_3kw43U8IeNZOFxgOPr1e4-J8oqvoXe9Xi/s1600/Google+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8CPNTjrEDLsMLq9wPwxZEWq954k8T2oKoIrLy9TjTcnc7Sa5NnlhIpKu2_Vza7UZeiipYZKZtaP-_iPm-T57vbBKQBIUL559SDp6jbmrhpBk-08apuhjWnPDW3ndkunNoyw4ux1FecKRm/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/AVvXsEj_rT_z9npgK7DMpCKrQevOp2BUakDUz9jdbPA2QYyO87aX6M0ZTz2VD3JngeJwBddzK3uJlQvY0XnABRUTHow7-_ifdYDHnSB4n0EgN9P7yhkc55IRxiFYW9V0GCsiabw8kF99_VUAAv6N/s1600/Feedburner+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt6mZNd27hPgpyQJOab6YLXeI9q8GV7rkxlOqAgq50vmm1St2bHIVgRvuPZTgzi2KDWZcAyVH_MfSEicGbD79EZ0AG9QRHgE3T0xRpI5ytzinwud01xTA6T-JX3uJqs-Y7O2LN6wOMteQo/s1600/Feedburner+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_rT_z9npgK7DMpCKrQevOp2BUakDUz9jdbPA2QYyO87aX6M0ZTz2VD3JngeJwBddzK3uJlQvY0XnABRUTHow7-_ifdYDHnSB4n0EgN9P7yhkc55IRxiFYW9V0GCsiabw8kF99_VUAAv6N/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='';"onblur="if(this.value=='')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...