Blogger Sabit Slider Widget'ı - Blogger Arşivim - Blogger, Blogspot, Blogger Template, Blogger Widget

Blogger Sabit Slider Widget'ı

1. Blogger Kontrol Panelinizdeyken sırasıyla " Tema » HTML'yi düzenle " tıklayın.

2.  CTRL+F tuş kombinasyonu'nu kullanarak sayfada " ]]></b:skin> aratın ve bu kodun bir kaç satır üstüne aşağıda verilen kodu ekleyin.;
.meta {
  margin: 0 auto;
  background-color: gray;
  display: flex;
  width: 900px;
  gap: 10px;
  padding: 10px;
}

.slider {
  width: 300px;
  background-color: white;
  border: 1px solid #000;
  box-sizing: border-box;
  padding: 10px;
}

.slider img {
  width: 100%;
}

h4 {
  color: lightgray;
}

.slider  button {
  background-color: grey;
  color: white;
  width: 100%;
  border: none;
  padding:5px;
}
3. Temanızın uygun bölümüne aşağıda ki kodu ekleyin. (Örneğin ben main-wrapper'ın üstüne ekledim. Sizde temanız da uygun gördüğünüz bir yere ekleyin. Ayrıca aşağıda ki kodlar da bulunan BURAYA RESMİN LİNKİ, BAŞLIK, ALT BAŞLIK, ÖNİZLEME Kısımlarını kendinize göre düzenlemeyi unutmayın.
<div class="meta">
  <div class="slider ">
    <img src="BURAYA RESMİN LİNKİ"/>
    <h3>Başlık</h3>
    <h4>Alt Başlık</h4>
    <button class="buy"><a link="">Önizleme</></button>    
  </div>
  <div class="slider >
    <img src="BURAYA RESMİN LİNKİ"/>
    <h3>Başlık</h3>
    <h4>Alt Başlık</h4>
    <button class="buy"><a link="">Önizleme</></button>    
  </div>
  <div class="slider ">
    <img src="BURAYA RESMİN LİNKİ"/>
    <h3>Başlık</h3>
    <h4>Alt Başlık</h4>
    <button class="buy"><a link="">Önizleme</></button>    
  </div>
  <div class="slider ">
    <img src="BURAYA RESMİN LİNKİ"/>
    <h3>Başlık</h3>
    <h4>Alt Başlık</h4>
    <button class="buy"><a link="">Önizleme</></button>    
  </div>
  
    
</div>

Hiç yorum yok:

blogger (116) blogspot (19) ders (13) dersler (5) eklenti (30) free (1) gadget (2) hatasivecozumu (2) nedir (1) popular (20) popularposts (21) recent (1) recentposts (6) seo (2) sonsuz (1) SoraTech (1) tema (35) Teması (1) template (35) templates (1) theme (1) widget (50) yapimi (1)