PC Hocası Forum


Sitenize Kod Yazmadan Slider Ekleyin
Konuyu Oyla:
  • Derecelendirme: 5/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5


Konu: 47
Mesaj: 1,061
Cinsiyet: Bay
Kıdem: 27-12-2016

Merhaba PC HOCASI forum sakinleri ;

Bu konumda kod yazmadan kolay bir şekilde hazır kodlar ile Slider eklemeyi göstereceğim. 

1. İlk önce Buraya tıklayarak işe başlıyoruz. 

Görselde görmüş olduğunuz gibi linke tıklayınca WOWSlider internet sitesi açılacak. 

2. Burada Slider programını indirmemiz gerekiyor. 

P0YdJ9.jpg

Görselde görüldüğü gibi orada bulunan Download yazısına tıklıyoruz. 

3. Burada bizden istenilen giriş bilgilerini giriyoruz.  Giriş bilgilerini girdikten sonra Download Now  butonuna tıklıyoruz. 

nR5d4V.jpg

4. Bu adımda ise hangi işletim sistemini  kullanıyorsak ona göre indirme işlemini başlatıyoruz. 

BrRn3M.jpg

5. Programı indirdikten sonra kurup ve programı açalım. 
    
6. Burada "Add images and videos"  seçeneğine tıklıyoruz. 
 
qbm05q.jpg

7. Burada slider'a koyacağımız resimleri seçeceğiz, bir çok seçenek var, ben bilgisayardan seçeceğim için "Add images from folder" seçeneğini seçiyorum. 

m3ryqP.jpg

8. Daha sonra karşımıza böyle bir ekran gelecek, buradan slider'a koymak istediğim resim klasörünü seçiyorum. 

V0gnvn.jpg

9.Burada ise kaydediyoruz. "Save HTML" yazısına tıklıyoruz.

Ly2p0j.jpg

10. Kaydettikten sonra, kaydetmiş olduğunuz klasörü açıyoruz ve "wowslider" yazan ekran çıktısını açıyoruz, eğer karşınıza hangi program ile açmak istiyorsunuz çıkarsa tarayıcınızı seçin. 


ldLkXr.jpg            Gördüğünüz gibi slider sorunsuz çalışıyor, şimdi ise kendi sitemize eklemeyi göstereceğim.

11. Burada "wowslider" dosyasına sağ tıklıyoruz, burada siz hangi programı kullanıyor iseniz onu seçin, ben Dreamweaver kullandığım için onu seçiyorum. 
 
12. Burada ise <head> </head> içerisinde ki kodları alıyoruz. 

YDMv7k.jpg

13. <!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your page -->  yazan yerden başlayıp <!-- End WOWSlider.com HEAD section --> yazan yere kadar kopyalayın ve kendi sitenizin <head> </head> içerisine yapıştırın.

14. Son olarak ise <body> </body> içerisindeki kodları alıyoruz.

O0kRjA.jpg 

15.   <!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page --> başlayıp, <!-- End WOWSlider.com BODY section --> yere kadan olan bütün kodları kopyalıyoruz. 

16. Daha sonra kendi sitemizin <body> </body> yapıştırıyoruz ve kaydediyoruz çalıştığını göreceksiniz.
r6qDra.png

Alıntı
(Son Düzenleme: 25/03/2017, Saat: 14:37, Düzenleyen: Ahmet Doğukan G..) .
Konu: 58
Mesaj: 1,783
Cinsiyet: Bay
Kıdem: 15-04-2016

Eline sağlık Ahmet gayet açıklayıcı olmuş. Sosyal Medya üzerinden arkadaşlarımız ile de paylaşalım faydalansınlar Smile
logo1.png

Alıntı
.
Konu: 25
Mesaj: 3,760
Cinsiyet: Bay
Kıdem: 11-12-2016

Eline sağlık kardeşim

Alıntı
.
Konu: 47
Mesaj: 1,061
Cinsiyet: Bay
Kıdem: 27-12-2016

(02/03/2017, Saat: 02:09)OceanLaB Adlı Kullanıcıdan Alıntı: Eline sağlık Ahmet gayet açıklayıcı olmuş. Sosyal Medya üzerinden arkadaşlarımız ile de paylaşalım faydalansınlar Smile

Teşekkürler Smile:

(02/03/2017, Saat: 08:45)MSI Adlı Kullanıcıdan Alıntı: Eline sağlık kardeşim

Teşekkür ederim hocam.
r6qDra.png

Alıntı
(Son Düzenleme: 02/03/2017, Saat: 10:48, Düzenleyen: Ahmet Doğukan G..) .
Konu: 25
Mesaj: 3,760
Cinsiyet: Bay
Kıdem: 11-12-2016

Rica ederim konularını beğeniyorum kardeşim devam et böyle

Alıntı
.
Konu: 34
Mesaj: 2,868
Cinsiyet: Bay
Kıdem: 30-09-2016

Ahmet senle ayrı görüşücez Big Grin eline sağlık Big Grin

Alıntı
.
Konu: 47
Mesaj: 1,061
Cinsiyet: Bay
Kıdem: 27-12-2016

(02/03/2017, Saat: 16:39)PCMaster Adlı Kullanıcıdan Alıntı: Ahmet senle ayrı görüşücez Big Grin eline sağlık Big Grin

Görüşelim Smile.
r6qDra.png

Alıntı
.


Hızlı Menü:


Konuyu Okuyanlar: 1 Ziyaretçi

Powered by MyBB
Pchocasi.com.tr


Tasarım