Orijinal blog sitemde aşağıdaki kodu kullanarak bazı paylaşım düğmelerini bir araya getirdim; ancak yeni sitemde, önbellekleme eksikliği ve Javascript miktarı açısından cezalandırıldık gibi görünüyordu. Şimdi bu düğmeleri birinin JS ve diğerinin arkasındaki salt kodda yaratmanın iki yolunu da sıraladım.
Bu sosyal medyayla ilgili olduğu için lütfen bunu paylaşmaktan çekinmeyin! Bu, 2015 yılı itibariyle% 100'dü.
Ve artık HTML paylaşım düğmeleri için.
Ve şimdi JavaScript
Komut dosyasını sayfanın altına eklerseniz, size daha hızlı bir yükleme süresi sağlayarak en son yüklenecektir. Şans eseri Facebook, Google ve Twitter'daki çocuklar ileride düşünerek hem paylaşım hem de benzeri düğmeler için aynı Javascript'i kullandı.
Şu an bunu biraz hızlı bir şekilde çalarak, paylaş ve takip düğmeleri için HTML ve CSS aşağıdadır. CSS için resim sprite'leri nasıl kullanılacağına aşağıdaki bağlantıyı kontrol etmiyoruz?
Ve bu doğru sayfaya paylaşım bağlantılarını güncelleyecek koddur. Ayrıca tıklama üzerine küçük bir pencere açacak bazı isteğe bağlı JavaScript ekledim.
Öğeler paylaşıldığında, görüntülemek istediğim resim önce geldiğinden emin olmak için bunları kullanın.
Daha önce de söylediğim gibi, lütfen bunu faydalı bulursanız paylaşın ve düğmelerin her birinin nasıl çalıştığını görün!