Blogger Sidebar Abonelik Eklentisi

Blogunuzun sidebarına posta abonelerinizi ettik sosyal medya takipçilerinizi arttıracak Bir eklenti Eklemek istiyorsanız çok beğendiğim bu yeni eklentiyi sizlere tavsiye edeceğim.

Geliştirilmeye A.Ş. kişiselleştirilmeye çok müsait Olan bu eklenti ziyaretçilerinizin dikkatini Çekerek özellikle FeedBurner posta abone sayınızın artmasını Katkı sağlayacaktır. Eklentinin özelliklerinden kısaca bahsetmem gerekirse:

sorunsuz görüntülenmektedir ettik Uyumludur mobil cihazlara.
Sadece 3 adet kod değişikliğiyle eklentinin renklerini blogunuzun tasarımıyla uyumlu hale getirebilirsiniz.
Hızlı A.Ş. şık Yazı Başar kullanılarak sosyal butonlar eklenmiştir.
Blogger'da SON ZAMANLARDA HTTPS'e geçişle Birlikte Yaşanan sorunlardan etkilenmeyecek sekılde biçimde düzenlenmiştir.

Blogger Kenar Abonelik Eklentisi Nasıl Eklenir?

Öncelikle şablonun HTML kodlarına yukarıda bahsettiğim Yazı Awesome'ı eklemeniz Gerekiyor. Eklendi bunun Için Blogger kumanda panelinizde Şablon> HTML'yi düzenle Yolunu takip edin ziyaretinde <head> kodunun Altına şu kodu ekleyin:


<Link href = 'https: //netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css' rel = 'stylesheet' />

Ekledikten Sonra şablonu kaydedin ziyaretinde ikinci adım Için yine Blogger kumanda panelinde residential> Gadget Ekle> HTML / JavaScript Gadget Yolunu takip ederek aşağıdaki kodları yapıştırın:


<Style>
# Sidebar-abonelik {
  padding: 0;
  padding-bottom: 5px;
  font-family: inherit;
  Ekran bloğu;
  margin: 0;
  En: 100%;
  border-radius: 10px;
  border: 0;
  background: # 363636;
}
# Sidebar-abonelik .main_tagline {
  padding: 0px 0px;
  line-height: 2.5em;
  font-size: 24px;
  margin: 0;
  ! Height: 95px önemli;
  taşma: gizli;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius: 10px 10px 0 0;
  background-color: # 679EC9 ;
}
# Sidebar-abonelik .email_icon {
  display: table;
  margin: auto -35px 0px;
  font-size: 25px;
  padding: 12px;
  height: 25px;
  genişliği: 25px;
  background-color: # 363636;
  color: #fff;
  border-radius: 50px;
  border: solid #FFFFFF 10px;
  line-height: 0;
}
# Sidebar-abonelik p {
  font-size: 14px;
  color: # F9F9F9;
  text-shadow: 0px -1px # 000 0px;
  line-height: 27px;
  padding: 5px 10px 5px;
  text-align: center;
  En:% 80;
  margin: 5px oto 20px;
  border-bottom: 2px solid # 6A6A6A;
  border-radius: 20px;
}
# Sidebar-abonelik .rssform {
  padding: 0;
  margin: 0 auto;
  Ekran bloğu;
}
# Sidebar-abonelik .rssform giriş {
  padding: 8px;
  margin: 20px oto 15px;
  font-size: 12px;
  color: # 000;
  text-align: center;
  Ekran bloğu;
  font-family: inherit;
  font-weight: normal;
  genişliği: 90%;
  height: 38px;
  özetlemektedir:! hiçbiri önemli;
  border: 1px solid #FFFFFF;
  border-radius: 1px;
  background-color: #FCFCFC;
  box-boyutlandırma: border-box önemli;!
}
# Sidebar-abonelik .rssform .button: hover {
  background: # 656E75;
}
# Sidebar-abonelik .rssform .button {
  background: # 679EC9 ;
  ! Renk: beyaz önemlidir;
  border: 1px solid #FFFFFF;
  margin-top: 15px;
  özetlemektedir:! hiçbiri önemli;
  Geçiş: Tüm .3s kolaylığı in-out;
  padding:! 5px 2px önemli;
  şamandıra: hiçbiri;
  font-size: 16px;
  font-weight: bold;
  İmleç: pointer;
}
# Sidebar-abonelik .bottom_lock_policy {
  arka fon: no-repeat% 3 -2px;
  color: # 959595;
  text-align: center;
  font-size: 12px;
  margin: 0;
  padding: 1px;
  line-height: 25px;
}
.bottom_lock_policy # sidebar-abonelik a {
  color: # 959595;
  text-decoration: none Önemli;
}
# Sidebar-abonelik .social_profiles {
  line-height: 1.2em;
  display: table;
  şamandıra: hiçbiri;
  margin: 0px auto;
  text-align: center;
  min-width: 157px;
  padding: 5px 0px;
  border: 0;
}
# Sidebar-abonelik .social_profiles a: hover {
  color: #fff;
  background-color: # 679EC9 ;
  border-color: #fff;
}
# Sidebar-abonelik .social_profiles bir {
  color: # 000000;
  margin: 0 5px;
  text-align: center;
  şamandıra: Sol;
  display: table;
  padding: 4px 5px;
  background-color: #FFFFFF;
  border-radius: 50px;
  border: 2px solid # 2D2D2D;
  genişliği: 15px;
  height: 15px;
  line-height: 0;
  font-size: 16px;
  Geçiş: Tüm 0.3s kolaylığı-in-out;
  -webkit-geçiş: Tüm 0.3s kolaylığı-in-out;
}
# Sidebar-abonelik formu {
  margin-bottom: 10px önemli;
}
</ Style>
<Div id = "sidebar-abonelik">
            <Div class = "main_tagline"> E-Posta Aboneliği </ div> <div class = "email_icon"> <i class = "fa fa-zarf"> </ i> </ div>
                 <P> Yeni yazilarin İçin Ücretsiz Olarak posta adresinize gelmesi Için abone olun! </ P>
   <Div class = "rssform">
            <form action = "https://feedburner.google.com/fb/a/mailverify" method = "post" target = "popupwindow" onsubmit = "window.open ( 'https://feedburner.google.com/fb / a / mailverify uri =? uptadex ',' popupwindow ',' scrollbars = yes, width = 550, height = 520 '); return true ">
            <Input type = "text" name = "E-posta" tutucu = "E-Posta adresiniz ..." />
            <input type = "hidden" value = " uptadex " name = "uri" />
            <Input type = "hidden" name = "loc" value = "tr_TR" />
            <Input value = "Abone Ol" class = "button" type = "submit" />
            </ Form>
            </ Div>
      <Div class = "bottom_lock_policy"> Gizliliğinize saygı duyuyoruz </ div>
   <Div class = "social_profiles">"title="Facebook'ta Takip Et"> rel='nofollow' target='_blank' 
   <a href=" https://www.facebook.com/uptadex <fa fa facebook" </ i class => " i> <a"title="Twitter'da Takip Et"> rel='nofollow' target='_blank' 
   <a href=" https://www.twitter.com/uptadex <fa fa-twitter" </ i class => " i> <a
   <a href=" https://plus.google.com/+uptadex "title="Google+'da Takip Et"> rel='nofollow' target='_blank' <i class =" fa fa-google-plus " > </ i> </a>
   <a href=" https://instagram.com "title="Instagram'da Takip Et"> rel='nofollow' target='_blank' <fa fa-instagram" </ i> </ i class => " a>
   </ Div>
            </ Div>

Kaydettikten Sonra eklentinin eklendiğini görecekseniz. Kodlarda değiştirmeniz Gereken YERLER şöyle:

Kırmızı renkle gösterdiğim Yerlere Kendi sosyal medya hesaplarınızın URL'lerini Yazin.
Yesil vurguyla gösterdiğim yerlere ise istediğiniz bir renk kodunu girin. Bu şekilde E-Posta Aboneliği başlığının arka plan rengini, Abone Ol butonunun arka plan rengini ve sosyal butonların üzerine gelindiğindeki rengi değiştirebilirsiniz.
Lacivert renkle gösterdiğim Yerlere Kendi FeedBurner ID'nizi Yazin.

Hakkımda Admin

Çılgın bir blog yazarı.