Header Ads

  • Son Yayınlar

    Blogger için 5 Farklı CSS Resim Efekti



    Merhaba sevgili bloggerler, bugün sizlerle çok güzel bir blogger eklentisini ele alacağız. Bu eklenti ile resimlerinizi veya site logonuza efekt ekleyebileceksiniz. Mouse imleci resminizin üstüne geldiğinde 5 farklı şekilde efekt gösterecektir.

    💥 Nasıl göründüğüne bakmak için buraya tıklayın. 👀






    Peki nasıl yapacağız? Oldukça basit bir yöntemle bu işlemi gerçekleştirebilirsiniz. Önce blogger yönetici paneline giriyoruz. Buradan tema sekmesine tıklayarak html düzenle diyoruz. Açılan panelde aşağıdaki kodu aratıyoruz. Bulmak için ctrl+f arama kutusunu kullanabilirsiniz.



    Bu kodun hemen üzerine aşağıda yer alan istediğiniz bir csss kodunu ekleyeceksiniz. Yukarıda verdiğimiz gif resminde görülen demolardan hangisini istiyorsanız onu ekleyebilirsiniz.

    Demo-1 css


    Demo-2 css


    Demo-3 css

    Demo-4 css


    Demo-5 css


    Seçtiğiniz css'yi gösterdiğimiz yere eklediyseniz sıra diğer işleme geldi. Şimdi aşağıda yer alan kodlardan seçmiş olduğunuz css'ye ait olanı sitenize ekleyeceksiniz. Yerleşim sekmesinden gadget ekle diyerek html ekleme kısmına tıklayacaksınız. Aşağıda yer alan kodu yapıştırdıktan sonra işlem tamamlanmış olacak.

    Demo-1 css'sini eklediyseniz demo-1 kodunu ekleyeceksiniz. Lütfen sıralarına dikkat edin.

    Demo-1


    Demo-2


    Demo-3


    Demo-4


    Demo-5


    Son olarak, verdiğimiz kodlarda yer alan Your-Image_URL  yazısının geldiği yere kendinize ait bir resim url'si girmelisiniz. En garanti yolu, blogger adresinize resim upload etmek ve onun url'sini alıp bu kısma yapıştırmaktır.

    İster logonuza, isterseniz de herhangi bir resminize bu efektleri ekleyebilir, sitenizi geliştirebilirsiniz. Lütfen yorumlarınızı esirgemeyin.




    Hiç yorum yok

    Post Top Ad

    Post Bottom Ad

    Blogger tarafından desteklenmektedir.