Top Ad unit 728 × 90

Son Yayınlar

recent

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.




Blogger için 5 Farklı CSS Resim Efekti Reviewed by smskcntr on Kasım 07, 2017 Rating: 5

Hiç yorum yok:

All Rights Reserved by simsekblog © 2014 - 2015
Powered By Blogger, Shared by Free WP Themes

İletişim Formu

Ad

E-posta *

Mesaj *

Blogger tarafından desteklenmektedir.