Menu

Blogger Sosyal Medya Butonları Ve Abonelik Formu 2

Site trafiğini artırmanın en etkili yollarından Biri Sosyal medyadır, diğeri imkb BIZI continuous konumundadır eden takipçilerdir.Bu Iki etkili yöntemle sitesi hitimiz oldukca Artar bundan dolayı sitemizde kullandığımız abonelik eklentilerinin Göze hoş Gelecek sekilde tasarlamalıyız ki sitemize Gelen ziyaretçilerin dikkatlerini çeksin geri aranıyor olsunlar ettik.

 Blogger Sosyal Medya Butonları Ve Abonelik Formu

                     
 Blogger Sosyal Medya Butonları Ve Abonelik Formu 2

Oldukca Kullanışlı met eklentide Sosyal Medya eklentileri HEMEN alt tarafında abonelik formumuz Bulunmaktadır ettik.

AYRICA DAHA once yayınladığımız  Blogger İçin Yüzer Sosyal Medya Widget  eklentiyide deneyebilirsiniz.

ILK once Blogger.com Giriş yapınız SONRA residential / Gedget EKLE / HTML / JavaScript adımlarını konumundadır Ediniz.

 Blogger Sosyal Medya Butonları Ve Abonelik Formu 2


Blogger Sosyal Medya Butonları Ve Abonelik Formu

HTML / JavaScript tıkladıktan SONRA aşağıdaki kodu kopyalayarak resimdeki Gibi boşluğa yapıştırınız, Sosyal Medya Butonları tasarımınıza Uygun'un Olarak istediginiz Yere Ekleyebilirsiniz Abonelik Formu eklentisini siteyi Ve.

<style>
. Twittco {
background: 0 0 no-repeat;
padding: 0 15px 0 20px;
margin-left: 0;
height: 45px;
}
. Twitterocfollow {
background-color: # fff;
width: 294px;
height: 70px;
border-left: 1px solid # ddd;
border-right: 1px solid # ddd;
border-top: 1px solid # ddd;
}
. Iframeoftwi {
margin-left: 55px;
margin-top:-31px;
}
. Socialiconsoc {
background-color: # fff;
width: 294px;
height: 70px;
background-repeat: no-repeat;
border-left: 1px solid # ddd;
border-right: 1px solid # ddd;
border-top: 1px solid # ddd;
}
. Facebookox {
background-color: # fff;
width: 294px;
height: 40px;
margin-top:-6px;
background-repeat: no-repeat;
border-right: 1px solid # ddd;
border-left: 1px solid # ddd;
}
. Feedburneroc {
background-color: # fff;
background-repeat: no-repeat;
margin-top:-19px;
border-left: 1px solid # ddd;
border-right: 1px solid # ddd;
width: 294px;
border-bottom: 1px solid # ddd;
border-top: 1px solid # ddd;
}
# Subboxs {
 border: 1px solid # d2d2d2;
 padding: 5px 26px 5px 10px;
 color: # 838383;
 font-size: .7 rem;
 height: 28px;
 font-family: "Rancho", el yazısı;
 özetlemektedir: none;
 genişliği: 50%;
 margin: 0 5px 0 0;
 }
 # Subbuttons {
 background-color: # f90;
 border: 3px solid # f90;
 İmleç: pointer;
 color: white;
 genişliği: 30%;
 height: 38px;
 margin: 0;
 font-size: .7 rem;
 margin-right: 4px;
 şamandıra: hakkı;
 -Moz-geçiş: Tüm 0.3s kolaylığı-out;
 -O-geçiş: Tüm 0.3s kolaylığı-out;
 -Webkit-geçiş: Tüm 0.3s kolaylığı-out;
 Geçiş: Tüm 0.3s kolaylığı-out;
 }
 # Subbutton: hover {
 background-color: # 292929;
 border: 3px solid # 292929;
 }
 </ Style>
 <div class="Socialiconsoc">
 <table border="0" margin="0px" rules="none" cellspacing="0px" cellpadding="0px">
 <tbody> <tr> valign="top">
 <td style="padding-top: 12px; padding-left: 12px" width="60px">
 <A href = " http://feeds.feedburner.com/your-feedburner-id "target =" _blank "title =" RSS üzerinden abone ol "> <img src =" https://cdn1.iconfinder.com/data / icons/3d-box-maker-social-icons/48/rss.png "alt =" RSS "onmouseout =" this.style.opacity = 1; this.filters.alpha.opacity = 100 "onmouseover =" bu. style.opacity = 0.5; this.filters.alpha.opacity = 50 "style =" opacity: 1; "/> </ a> </ td>
 <td style="padding-top: 12px" width="60px">
 <A href = " http://twitter.com/username "target =" _blank "title =" Twitter'da takip "> <img src =" https://cdn1.iconfinder.com/data/icons/3d-box this.filters.alpha.opacity = 100 "onmouseover =" this.style.opacity = 0.5;; "alt =" Twitter = 1 "onmouseout =" this.style.opacity -maker-social-icons/48/twitter.png this.filters.alpha.opacity = 50 "style =" opacity: 1; "/> </ a> </ td>
 <td style="padding-top: 12px" width="60x">
 <A href = " http://www.facebook.com/your-facebook-ID "target =" _blank "title =" Facebook'taki izleyin "> <img src =" https://cdn1.iconfinder.com/data / icons/3d-box-maker-social-icons/48/facebook.png "alt =" Facebook "onmouseout =" this.style.opacity = 1; this.filters.alpha.opacity = 100 "onmouseover =" bu. style.opacity = 0.5; this.filters.alpha.opacity = 50 "style =" opacity: 1; "/> </ a> </ td>
 <td style="padding-top: 12px" width="60x">
 <A href = " http://pinterest.com/Your-pinterest-ID "target =" _blank "title =" Pinterest takip "> <img src =" https://cdn1.iconfinder.com/data/icons / 3d-box-maker-social-icons/48/pinterest.png "alt =" Pinterest "onmouseout =" this.style.opacity = 1; this.filters.alpha.opacity = 100 "onmouseover =" this.style. donukluk = 0.5; this.filters.alpha.opacity = 50 "style =" opacity: 1; "/> </ a> </ td>
 <td style="padding-top: 12px" width="60px">
 <A href = " http://www.youtube.com/Your-Youtube-ID "target =" _blank "title =" YouTube Abone Ol "> <img src =" https://cdn1.iconfinder.com/data / icons/3d-box-maker-social-icons/48/youtube.png "alt =" YouTube "onmouseout =" this.style.opacity = 1; this.filters.alpha.opacity = 100 "onmouseover =" bu. style.opacity = 0.5; this.filters.alpha.opacity = 50 "style =" opacity: 1; "/> </ a>
</ Td> </ tr> </ tbody> </ table>
</ Div>
<div class="google+ss">
<- Place Widget işlemek istiyorum bu etiketi. ->
<div class="g-person" data-width="296" data-href="//plus.google.com/Your G+ Kimliği Code" data-layout="landscape" data-rel="author"> < / div>
<- Son Widget etiketinden sonra Place Bu etiketi. ->
<script type="text/javascript">
(Function () {
var po = document.createElement (bir 'script'); po.type = 'text / javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName (bir 'script') [0]; s.parentNode.insertBefore (po, s);
 }) ();
</ Script>
</ Div>
<div align="left" class="Facebookox">
<div style="padding:8px 0px 5px 10px">
<Iframe src = "/ / www.facebook.com/plugins/like.php?href=http% 3A% 2F% 2Fwww.facebook.com% 2FYour FB Kimliği scrolling = "no" frameborder = "0" style = "border: none; taşma: gizli; width: 284px; height: 35px;" AllowTransparency = "true"> </ iframe>
 </ Div> </ div>
<div class="Twitterocfollow">
<div class="Twittco"> </ div>
<div class="iframeoftwi">
<a href="https://twitter.com/trackmyblog" class="twitter-follow-button" data-show-count="true" data-lang="en"> Twiiter-Page-Adı </ Follow @ a>
<script>! function (d, s, id) {var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</ Div> </ div>
<div class="Feedburneroc">
<div style="padding:14px 0 11px 7px">
<Form action = "http://feedburner.google.com/fb/a/mailverify" id = "abone" method = "post" onsubmit = "window.open ('http://feedburner.google.com/fb / a / mailverify uri = Your-feed-brülör-id ',' popupwindow ',' scrollbars = yes, width = 550, height = 520 ');? true "target =" popupwindow dönüş ">
<Input id = "subboxs" name = "email" onblur = "if (this.value =='') {this.value = 'e-posta adresinizi girin ...' ,;} "onfocus =" if (this.value == 'e-posta adresinizi girin ...') {this.value ='';} "type =" text "value =" e-posta adresinizi girin ... " />
<input name="uri" type="hidden" value="Your-feed-burner-id" />
<input name="loc" type="hidden" value="en_US" />
<Input id = "subbuttons" type = value = "Abone Ol!" "Submit" />
</ Form> </ div> </ div>


Düzenleme for sarı Olarak seçtiğin yerlere Kendi Kullanıcı adreslerinizi yazarak eklentimizi kullanmaya başlayabilirsiniz.



Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

1 yorum '' Blogger Sosyal Medya Butonları Ve Abonelik Formu 2"

YORUM EKLE
  1. Teşekkür ederim, şimdi bloğuma koydum; sorunsuz çalışıyor.
    İyi geceler.

    YanıtlaSil

Önerilen Yazı
×