Blogger tarafından desteklenmektedir.
RSS

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

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

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/AVvXsEgG2WofSvCrAgOvDftWSkFP7AJBLIbf1Ev83U7vJdIy0AEhtCxDkFxxdSQO2dxFipY1L0RuDrwW5c97xaLzeMFvltWU5Q91Y-c5108gKcU4uFXxtGWmpfzPiw7_iUIbrncN6yVA3XLTmzwC/s1600/Facebook+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_45gkUmbqNZuRIB85-H1awZZgUIQlF-A9IV6a1PI6P2Imv3WSpdETDM68mNUU7C3wyWLTSY97sYENqq9b0C-wIkBxhK0skP-HnkR9AEq5GVXPs9KnYVv_DiOmOT6xL3CST70ZvXHjxtZ_/s1600/facebook_color_64x64.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG2WofSvCrAgOvDftWSkFP7AJBLIbf1Ev83U7vJdIy0AEhtCxDkFxxdSQO2dxFipY1L0RuDrwW5c97xaLzeMFvltWU5Q91Y-c5108gKcU4uFXxtGWmpfzPiw7_iUIbrncN6yVA3XLTmzwC/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/AVvXsEggQzV6-ehGpYLX3VFLSpEccEn0pqou1Mh7hcGQy5hsAtNhYI0RtvEzIDqrqknF2QcnqHJwrc0J4gWVOpwS6U4DuTVQc448YPaG-0zuatJCGCezRc_NuqyG8eTJ-uybK9avUv01JOunefSf/s1600/Twitter+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzhXswQEWySfkjWPCruHBN3nhWpk6_hBp6yF0uw6kGmDvu6h8cecKkvPTiIMVSFB_h5225JOlqhnWZ53BaMjEHpg7SC6VFJGBQMZfklvTDKa3hGa3O73-6ePq8he-h_RWh5cq4XIMCWTko/s1600/Twitter+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggQzV6-ehGpYLX3VFLSpEccEn0pqou1Mh7hcGQy5hsAtNhYI0RtvEzIDqrqknF2QcnqHJwrc0J4gWVOpwS6U4DuTVQc448YPaG-0zuatJCGCezRc_NuqyG8eTJ-uybK9avUv01JOunefSf/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/AVvXsEiTGcZnzlQpIlCUrDKU7ONYdE0Uk8Cmt2CTfzg-xqx3jPftetjMwRVhl14Xf_fHZwi9naUlI8Sr3-lq8-rrxJetZrXTKms38RbrB2LXf9lQtOBsZc4W6K_962kXsmHSbDYgHKAg1Rke-f8c/s1600/Google+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyQpeiMj2swd8L_2loifanGnalJeGhlRcN1tAO3HSV77oE3tXQDRu7-tuL9uaRwYJV1W9kZSERghY6b6x3wzc0UBUAOhMjFsbV-wcuWuGKzBEtoNLCx5uIaHZhJ7knAlekY7-c64OyJbJQ/s1600/Google+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTGcZnzlQpIlCUrDKU7ONYdE0Uk8Cmt2CTfzg-xqx3jPftetjMwRVhl14Xf_fHZwi9naUlI8Sr3-lq8-rrxJetZrXTKms38RbrB2LXf9lQtOBsZc4W6K_962kXsmHSbDYgHKAg1Rke-f8c/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/AVvXsEiPlxiu0nQ4bP1CZL9hCGRI7f60SJdLh2MQaEgNrKljA22-znJcJxTs-yqebNivlo9jOktmbZCVV8Vd36z8C2Wl6f5V1rhNInr6CFUzrf_qs8jDuXn547wG3hhAZAdgF3Ft3nxYFLK1TmyZ/s1600/Feedburner+Icon.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYIwqlV_0PHg0jMD63AZ0kzHZ5jNCSHCK8_0JWdQl-8mkPGIeOowMScdMndokPS2H7RFGLYO85MiA0-TxIp0Lgv7MpszEI9GIpAqBdr6ypcJrzn7687Ntik4eUBszV_4VxsZRbi7wWGfbH/s1600/Feedburner+Rollout+Image.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPlxiu0nQ4bP1CZL9hCGRI7f60SJdLh2MQaEgNrKljA22-znJcJxTs-yqebNivlo9jOktmbZCVV8Vd36z8C2Wl6f5V1rhNInr6CFUzrf_qs8jDuXn547wG3hhAZAdgF3Ft3nxYFLK1TmyZ/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...

    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS

    0 yorum:

    Yorum Gönder