Merhaba; Kayıtsız Üye , Lütfen Forum Kurallarına Uyunuz..

Üye Etiketleme Listesi

Toplam 3 adet sonuctan sayfa basi 1 ile 3 arasi kadar sonuc gösteriliyor

Konu: Websitenize İnstagramda Takip Et Eklentisi | EFFFSANEEE

    1. Websitenize İnstagramda Takip Et Eklentisi | EFFFSANEEE Ayrıntıları »»

      Websitenize İnstagramda Takip Et Eklentisi | EFFFSANEEE

      Yazılım: , by (Kayıtlı Kullanıcı)
      Status
      Offline

      Son çevrim içi zamanı: Feb 2019 Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
      Yazılım: ZN Framework Değerlendirme:  Kurulan: 0
      Yayınlanış: 02-15-2019 Son Güncelleme: Belirsiz İndirme: 0
      Destek verilmiyor

      Heeeeeppinize merhaba arkadaşlar ben Kaan,
      Bugün karşınıza yeni bir gadget ile çıkmaktayım. Eklentimizin ismi
      ' instagram takip et eklentisi ' Bir önceki yazıda paylaşmış olduğum Blogger Keilir Temasını / Themes hepiniz hatırlarsınız umarım.

      Websitenize İnstagramda Takip Et Eklentisi | EFFFSANEEE

      Henüz blogzamane websitemde paylaşmadığım instagram'dan bizi takip et eklentisini, o editlediğim temada görmüşsünüzdür.
      Gerçekten muazzam bir eklenti yakaladığımı düşünüyorum ve, herkesin bu eklentiyi kullanmasını şiddetle önermekteyim çünkü;
      Bir websitesinin baş yapıtı, sosyal ağlar olduğunu hepimiz biliyoruz.Sosyal ağlar ile websitemizdeki kullanıcıların daha yakından etkileşim halinde olmasını isteriz diye düşünüyorum.Bunun için websitenizde göz önünde duracak olan harika instagram'da bizi takip et eklentisini sizlerle paylaşmak istedim.

      #1 İnstagram Profil Eklentisinin Ayarları

      Eklentide yapacak olduğunuz pek fazla ayar yok, sadece https://www.instagram.com/blogzamane/ adresini kendi instagram adresiniz ile değiştirip, 150x150 boyutundaki avatar resminizin linkini https://3.bp.blogspot.com/-XkljHpjIhk8/XEhAMGqlqBI/AAAAAAAACs4/wt7oZnwB9sQrNcEcYGO2_ppVqTo3_gZkACLcBGAs/s1600/blogzamane-instagram-adresi.png resim linki ile değiştirmeniz gerekiyor.

      #2 İnstagramda Takip Et Eklentisini Sitenize Nasıl Ekleyeceksiniz ?

      Blogger kullananlar için, Tema » Html'yi Düzenle » ]]></b:skin> Kodunu CTRL+F Yardımı ile Aratıp Buluyoruz ve Bir Üst Satırına CSS Kodlarını Ekleyin » Kaydet sonra
      Yerleşim » Gadget Ekle » HTML/Javascript » Başlık Ekleyip HTML Kodlarını ekleyin » Kaydet

      Wordpress kullananlar için, Style.css Dosyasına Aşağıdaki Kodları Ekleyin » Kaydet sonra
      Görünüm » Bileşenler » Özel HTML yada Metin » Başlık Ekleyip HTML Kodlarını ekleyin » Kaydet

      #3 instagram Takip Et Eklentisi Sitene Ekle

      CSS

      HTML-Kodu:
      :root {
      	--card-top-background-color: linear-gradient(#833ab4, #fd1d1d, #fcb045);
      	--card-bottom-background-color: #f0f0f0;
      	--primary-font: 'Slabo 27px', serif;
      }
      
      .card-header {
      	background: var(--card-top-background-color);
      	height: 170px;
      }
      .card-wrapper {
      	position: relative;
      	background-color: var(--card-bottom-background-color);
      	padding: 30px 0;
      }
      
      .card .profile-image {
      	position: absolute;
      	top: -0%;
      	left: 50%;
      	transform: translate(-50%, -50%);
      } 
      .card .profile-image img {
      	width: 100%;
      	max-width: 150px;
      	height: auto;
      	border-radius: 50%;
      	border: 3px solid var(--card-bottom-background-color);
      	display: block;
      }
      .card .profile-description .name {
      	margin-top: 0;
      	padding: 65px 5px 0 5px;
      	text-align: center;
      	font-size: 1.5em;
      }
      .card .profile-description ul {
      	list-style: none;
      	padding: 0;
      	margin: 0 15%;
      }
      .card .profile-description ul li {
      	display: flex;
      	justify-content: space-between;
      }
      
      .card .instagramLink {
      	display: inline-block;
      	border: 2px solid #333;
      	border-radius: 55px;
      	padding: 10px 20px;
      	text-decoration: none;
      	color: #333;
      	margin-top: 20px;
      	margin-left: 100px;
      }
      .card .instagramLink:hover {
      	background: #333;
      	color: #fff;
      }
      
      .card .instagramLink .name {
      	padding: 0;
      	font-size: 1em;
      }
      HTML

      HTML-Kodu:
      <div class="card">
      		<div class="card-header">
      </div>
      <div class="card-wrapper">
      			<div class="profile-image">
      				<img src="https://3.bp.blogspot.com/-XkljHpjIhk8/XEhAMGqlqBI/AAAAAAAACs4/wt7oZnwB9sQrNcEcYGO2_ppVqTo3_gZkACLcBGAs/s1600/blogzamane-instagram-adresi.png" alt="Blogzamane Adresini Instagram da Takip Et !" width="150" height="150" />
      			</div>
      <div class="profile-description">
      				<h1 class="name">
      Blogzamane</h1>
      <ul>
      <li>Takipçi: <span class="followers">462</span></li>
      <li>Takip: <span class="following">0</span></li>
      </ul>
      <a href="https://www.instagram.com/blogzamane/" class="instagramLink" rel="nofollow" target="_blank">Takip <span class="name">Etmek</span></a>
      			</div>
      </div>
      </div>
      Arkadaşlar gördüğünüz gibi kendi websitemde de bu eklentinin önizlemesi / demo mevcuttur.Bu konuyu forumlarda vs. paylaşacağım.Forumlarda bu konuyu okuyan kardeşlerim için, https://blogzamane.blogspot.com/2019...eklentisi.html adresini ziyaret edebilirler.

      Websitenize İnstagramda Takip Et Eklentisi | EFFFSANEEE

      Bir sorunuz, öneriniz vs. varsa lütfen yorumlardan belirtin, yorumlarınızı okuyorum ve cevaplandırmaya da çalışacağım.Sponsorluk, reklam ve iş birliği için kaanapaydn[at]gmail.com

      Kullanıcı Duyuru

      • Sitemize kayıt olan herkes kontrol edilmeksizin mesaj/konu/resim paylaşabilmektedir. Bu sebepten ötürü, sitemiz üzerinden paylaşılan mesajlar, konular ve resimlerden doğabilecek olan yasal sorumluluklar paylaşan kullanıcıya aittir. TRWebmaster.com hiçbir yasal sorumluluk kabul etmemektedir. Illegal herhangi bir faaliyet görülmesi durumunda destek@trwebmaster.com adresine mail atıldığı taktirde mesaj, konu ya da resim en fazla 24 saat içerisinde silinecektir.

    Benzer Konular

    Son Mesaj
    Cevap
    Type
    Developer
    Moderatör
    10:27 AM 09-13-2019
    15
    XenForo
    SepuLtura
    08:24 PM 07-25-2018
    0
    PHP
    SepuLtura
    09:21 AM 07-26-2018
    0
    PHP
    SepuLtura
    09:28 AM 07-26-2018
    0
    PHP
    SepuLtura
    08:25 PM 10-29-2018
    0
    PHP
    SepuLtura
    08:34 PM 10-29-2018
    0
    PHP
    SepuLtura
    08:38 PM 10-29-2018
    0
    PHP
    SepuLtura
    07:21 PM 11-03-2018
    0
    PHP
    SepuLtura
    07:11 PM 11-08-2018
    0
    PHP
    SepuLtura
    08:32 PM 10-29-2018
    0
    Javascript Programlama
    SepuLtura
  1. #2
    Üyelik
    Jul 2018
    Mesajlar
    301
    Konular
    275
    Thanks
    22
    Thanked 1 Time in 1 Post
    1
    Adı Geçen
    1 Adet Yazı
    Etiketlendiği
    1 Adet Yazı
    Eline sağlık

  2. #3
    Üyelik
    Jan 2019
    Mesajlar
    16
    Konular
    3
    Thanks
    0
    Beğenilmiş
    0
    Adı Geçen
    0 Adet Yazı
    Etiketlendiği
    0 Adet Yazı
    teşekkürler

2 Adet Konu Katılımcısı var

Bu Konu için Etiketler

Yetkileriniz

  • Konu Acma Yetkiniz Yok
  • Cevap Yazma Yetkiniz Yok
  • Eklenti Yükleme Yetkiniz Yok
  • Mesajınızı Değiştirme Yetkiniz Yok
  •  
RSS RSS 2.0 XML MAP HTML

Ankara iso belgesi