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. 



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.

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

Alıntı
.
Konu: 19
Mesaj: 3,583
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.

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

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

Alıntı
.
Konu: 33
Mesaj: 2,613
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.

Alıntı
.


Hızlı Menü:


Konuyu Okuyanlar: 1 Ziyaretçi

Powered by MyBB
Pchocasi.com.tr


Tasarım