अपने ब्लॉगर हैडर टेक्स्ट या लोगो पर CSS Hover Effect दिखाएँ

मनोज जैसवाल : सभी पाठकों को मेरा प्यार भरा नमस्कार। तकनीकी पोस्टों के क्रम में पेश है है। 'अपने ब्लॉगर हैडर टेक्स्ट या लोगो पर CSS Hover Effect दिखाएँ' इसे बेहद आसानी से आप अपने ब्लॉग पर लगा सकते हैं। केवल एक कोड का टुकड़ा आपको अपने ब्लॉग टेम्पलेट में जोड़ना होगा। पहले आप इसका लाइव डेमों देख लें। एंव पसंद आने पर इसे अपने ब्लॉग पर लगाएं। आप इसका लाइव डेमो मेरे इसी ब्लॉग पर भी देख सकते हैं। आप अपने माउस का कर्सर मेरे ब्लॉग के हेडर पर ले जाएँ इफेक्ट का प्रभाव आपको स्पस्ट रूप से महसूस होगा। दूसरा डेमो लिंक मैं नीचे दे रहा हूँ। आप उस पर क्लिक कर इस ब्लॉग के लोगो से कदरतन बड़ा लोगो पर भी इफेक्ट का प्रभाव देख सकते हैं।आप नीचे दिए आसान चरणों का पालन कर इसे अपने ब्लॉग पर स्थापित कर सकते हैं।


Live Demo

Step 1 Log in to your Blogger account and Go to your Blogger Dashboard

Step 2 Click on  Now click on -> Template -> Edit HTML-> Unfold code  ►

Step 3 Now Find this code ]]></b:skin> by pressing Ctrl + F

Step 4 Copy the code from below and Paste it  Before/above ]]></b:skin>

#header-inner:hover{
-webkit-transform: scale(0.95,0.95);
-moz-transform: scale(0.95,0.95);
-o-transform: scale(0.95,0.95);
-ms-transform: scale(0.95,0.95);
transform: scale(0.95,0.95);
}

CSS Hover Effect आपके ब्लॉग पर स्थापित हो चुका है।  

क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!