PC Hocası Forum


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


Konu: 47
Mesaj: 1,046
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. 



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. 



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



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


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. 



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



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



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. 


           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. 



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.

 

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.

Cevapla
(Son Düzenleme: 25/03/2017, Saat: 14:37, Düzenleyen: Ahmet Doğukan G..) .
Konu: 53
Mesaj: 1,675
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

Cevapla
.
Konu: 17
Mesaj: 3,084
Cinsiyet: Bay
Kıdem: 11-12-2016

Eline sağlık kardeşim
i7 6700.msı z170a pro.evga gtx 1070 sc.16 gb ram corsair,hyperx.750 wat 80 broz psu.22 inç samsung 60 hz monitör.850 evo 256 gb ssd


Cevapla
.
Konu: 47
Mesaj: 1,046
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.

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

Rica ederim konularını beğeniyorum kardeşim devam et böyle
i7 6700.msı z170a pro.evga gtx 1070 sc.16 gb ram corsair,hyperx.750 wat 80 broz psu.22 inç samsung 60 hz monitör.850 evo 256 gb ssd


Cevapla
.
Konu: 33
Mesaj: 2,431
Cinsiyet: Bay
Kıdem: 30-09-2016

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

Cevapla
.
Konu: 47
Mesaj: 1,046
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.

Cevapla
.


Hızlı Menü:


Konuyu Okuyanlar: 1 Ziyaretçi

Powered by MyBB
Pchocasi.com.tr


Tasarım