Custom Author Box Kaise Banaye Blogger Me (Hover Effect Ke Saath)
Agar aap apne Blogger blog ko professional aur engaging banana chahte hain, toh ek custom author box banana bahut zaroori hai. Is post me aapko step-by-step sikhaunga ki Blogger me author box kaise banayein jisme ek beautiful hover effect bhi ho. Yeh aapke blog readers ke liye author ki jankari ko highlight karta hai aur blog ka trust badhata hai.
Custom author box banane se aap apne blog ko ek professional touch dete hain, jo visitors ko author ke baare me zyada jaankari deta hai. Isme aap author ka photo, naam, short bio, aur social media links bhi add kar sakte hain. Hover effect ke saath ye box aur bhi attractive lagta hai, jo readers ka attention grab karta hai. Aaj kal har blogger apne content ke saath apni pehchaan banana chahta hai, aur author box isi ka ek important hissa hai.
Custom author box se aap apne blog posts me personalization add kar sakte hain. Jab readers author ki photo aur chhoti si jankari dekhte hain, toh unka blog par trust badhta hai. Iske alawa, social media icons se readers directly aapke social profiles par ja sakte hain, jisse aapki audience grow hoti hai. Ye sab features blog ki engagement aur professional look ko improve karte hain.
Blogger me author box banane ke liye aapko thoda CSS aur HTML ka basic gyaan hona chahiye. Aap ek simple div container banayenge jisme author ki image, naam, bio, aur social links honge. Fir is container par hover effect apply karenge jisse jab mouse uspe aaye to background color ya shadow change ho jaye. Yeh chhoti si styling aapke blog ko bahut hi attractive bana deti hai.
Custom Author Box Kaise Banaye Blogger Me (Step by Step)
- Blogger Dashboard me Login karein: Apne Blogger account me login karein aur us blog ko select karein jisme aap author box add karna chahte hain.
- Post Editor me HTML Mode Open karein: New post banayen ya existing post edit karein. Editor ke upar right side se HTML tab par click karein taaki aap raw code edit kar saken.
- Author Box ka HTML Code Paste karein: Neeche diya gaya stylish author box ka HTML & CSS code copy karein aur apne post ke HTML section me paste karein:
<style> /* CSS code yahan paste karein */ </style> <div class="author-box"> <div class="author-photo"> <img src="YOUR-PHOTO-URL" alt="Author Photo"> </div> <div class="author-info"> <h3 class="author-name">Aapka Naam</h3> <p class="author-bio">Yahan apni chhoti si bio likhein.</p> <div class="author-social"> <a href="https://twitter.com/yourprofile" target="_blank">Twitter</a> <a href="https://linkedin.com/in/yourprofile" target="_blank">LinkedIn</a> <a href="https://github.com/yourprofile" target="_blank">GitHub</a> </div> </div> </div> - Apni Photo aur Links Update Karein: YOUR-PHOTO-URL ko apni image URL se replace karein. Social media links me apne accounts ke URLs dalein.
- Post Publish ya Update Karein: Sab changes karne ke baad post ko publish ya update kar dein.
- Post Preview Karein: Post ko preview karein aur dekhein ki author box achhi tarah display ho raha hai aur hover effect sahi chal raha hai ya nahi.
Tip: Agar aap chahte hain ki ye author box har post me dikhai de, toh aap Blogger ke theme me bhi ye code add kar sakte hain, ya reusable widget bana sakte hain.
Custom author box banane se na sirf aapke blog ka look professional hota hai, balki readers ko bhi author ke baare me personal connection feel hota hai. Jab aapka author box attractive aur interactive hota hai, jaise ki hover effect ke saath, toh visitors zyada der tak blog par rukte hain aur aapke content ko seriously lete hain.
Isse aapki blog ki credibility badhti hai aur search engines bhi aise blogs ko preference dete hain jo user-friendly aur engaging hote hain. Isi liye, har blogger ke liye yeh zaroori hai ki wo apne posts me ek stylish aur informative author box zarur add karein.
Blogger me custom author box banana aasan hai, lekin thoda CSS aur HTML samajhna zaroori hota hai. Aap apne hisaab se is box ka design customize kar sakte hain—jaise colors, fonts, aur hover animations. Yeh flexibility aapko apne blog ke theme ke saath perfectly match karne me madad karti hai.
Saath hi, social media links add karna readers ko aapke online presence se connect karne ka ek behtareen tareeka hai, jisse aap apni audience ko grow kar sakte hain.
Is Tarah Ka Responsive Stylish Custom Author Box Aapko Milega:
Frequently Asked Questions (FAQs)
Yahan hum aapke kuch common sawalon ke jawab stylish aur interactive tareeke se de rahe hain. Aap apne questions par click karke answers padh sakte hain.
No comments:
Post a Comment