HomeCSS Tutorials

WordPress Post Me ToolTip Add Kare Without Plugin

Like Tweet Pin it Share Share Email

Tooltip ka use kisi bhi text ki extra information ko mouse hover karne ke par show karne ke liye kiya jata hai.

Jab aap kisi text par mouse ka pointer move karte hai to text ki information different box me show karti hai.




See below:

CSS tooltip

WordPress me tooltip add karne ke liye kayi plugins available hain par jaisa ki main hamesha kahta hu jo kaam manually kar sakte hain, uske liye plugin ka use kyu kare.

Aaj main aapko CSS ki help se wordpress par tool tip kaise add kare iske bare me batane ja raha hu, blogger user bhi iska use kar sakte hain.

ADD CSS ToolTip

ToolTip ka use aap kisi special text ki information ko highlight karne ke liye kar sakte hain.




Suppose Post me kisi word ka meaning describe karne ke liye aap usme ToolTip add kar sakte hain, is se readers aapke word ka meaning easily samajh sakte hain.

ToolTip ka use aap ek dictionary ki tarah kar sakte hain, jaise ki aapne apni Post me hindi me Billi type kiya hai, ab uska english meaning Cat show karne ke liye aap ToolTip me Cat add kar sakte hain.

To aaiye apni site me hum Tooltip add karte hain.

Text ke Above ToolTip add kare

Text ke above tooltip add karne par jab aap text par apna mouse point karte hain to text ke top side tooltip show karti hai.

Sabse pahle WordPress me Appearance » Edit CSS me below CSS style add kare.

CSS style add karne ke baad ab Post editor open kare.
Post Editor me text mode me below HTML code se aap kisi bhi text me ToolTip add kar sakte hain.

Post me kisi bhi jagah aapko text me tooltip show karna hai to bus above code text mode me add kare aur apna text add kare.
You Can Learn more  at W3School

Online ToolTip Generator ka Use kare

Aap Online CSS ToolTip generator se apne Tooltip ko aur stylish bana sakte hain aur apne according look and feel de set kar sakte hain.

Sabse pahle Online CSS ToolTip Generator open kare.




Yaha aap Live preview dekh kar apne ToolTip ka colour, style, size, Position (left, right, top, bottom) and other things change kar sakte hain.

tooltip generator

Jab sab kuch set ho jaye to CSS code ko copy kare aur wordpress me Edit CSS me add karke save kare.

And Html code ko copy karke Post editor me text me ToolTip add karne ke liye use kare.

To dekha aapne CSS se kitna easy hai ToolTip apne site me add karna. I hope you liked this tutorial!




Comments (0)

Leave a Reply

Your email address will not be published. Required fields are marked *