Blog Post Me Live Demo Or Download Button Kaise lagate hai Janiye yeha Pe

hello frnds 
aapne bahut se sites pe live demo or download button jaise bahut se button dekhe honge to apke man me dimag me ye sawal uthata hoga ki ye button kaise banate hai to aaj ham apkoye batane aaye hai ki aap bhi is tarah ke button bana sakte hai or apne blog ke kisi bhi post me bade pyar se add kar sakte hai to chaliye jante hai iske baare me

hame live demo or download button kyo add karna chahiye?

 sabse pahle ham apke un sabhi sawalo ke jawab bhi ek baar me hi dete hai 

1. apko koi bhi link add karna hota hai to direct link editor ka use karte hai jisse hamre post me ek bhadda pan aa jata hai 
2. aap jab ye button apne blog me add karte hai to apka blog or post dono ache lagne lagte hai 
3. apke post is tarh ki chije add karne se bilkul profeshional lagne lagta hai 
4. ye apke visitors ko bhi attract karta hai 
5. apko apne post editor me link editor ki jarurat nhi padti hai

live demo or download button blog me kaise add karte hai?

1. sabe pahle aap apne blog ke dashbord me jaye uske liye www.blogger.com pe jaye 
2. ab apko TEMPLATE pe click karna chahiye
3. ab apko EDIT HTML pe click karna chahiye
4. ab jab apka html box open hoga to apko usme kahi CLICK karke CTRL+F press karna hai ab apko ek search box show hoga apke right side me uper 
5. us search box me apko ]]></b:skin> ye code search karna hai or jo niche code diya gaya usko is code ke ABOVE[UPER] pest kar de 
6. ab apne template ke save button pe click kare 

code for template

/*---download button by anytimehelp7.blogspot.com css start---*/
.button {-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);background:url("#") repeat-x scroll 0 0 #252424;border-bottom:1px solid rgba(0, 0, 0, 0.25);color:#FFFFFF !important;cursor:pointer;font-weight:bold;line-height:1;overflow:visible;font-size:17px;padding:8px 19px 9px;position:relative;text-decoration:none;text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);width:auto;}.by-demobutton {background-color:#222222;text-align:center;width:150px;}.by-demobutton:hover {background-color:#00A0EE;}.by-downloadbutton {background-color:#bcf50b;text-align:center;width:150px;}.by-downloadbutton:hover {background-color:#00AC00;}.button:hover {-moz-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);-webkit-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);}
/*---download button by anytimehlp7.blogspot.com css end---*/
in short>>go to dashbord>>template>>edit html>>click any where in template editor box>>press CTRL+F>>enter in search box ]]></b:skin> >>copy code >> paste above of this code>>and last HIT ON SAVE BUTTON 

screen shot dekhe

post me ya kahi or jagah pe download button kaise lagate hai?

maan lete hai ki hamko apne kisi post me lagana hai to sabse pahle apko apne blog ka post editor open karna hai or apko apne post me LIVE DEMO or DOWNLOAD button lagana hai to apko ye code apne blog pe copy pest karne honge 

code

code for download

Download

<a class="by-downloadbutton button" href="YOUR DOWNLOAD LINK HERE" rel="nofollow" style="float: right;" target="_blank"><span style="display: inline-block;">Download</span></a>

code for  live demo

Live Demo

<a class="by-demobutton button" href="YOUR DEMO LINK HERE" rel="nofollow" style="float:right;" target="_blank"><span style="display: inline-block;">Live Demo</span></a>

customization:

1. aap jo red colour me pe apko link dalna hai 
2. aap jo pink colour me dekh rahe hai waha se aap ye set kar sakte hai ki aap button kaha pe show karna chahte hai jaise right,left or centre me
3. app jo green me dekh rahe hai waha pe apko o likhna hai jo aap button pe show karna chahte hai jaise download,click hare,learn more,live demo etc

frnds ye rahi aaj ki post agar apko is post ke baare me kuch puchna hai to plzzz comment kare mai apki help jarur karunga 

request for you/agr apki thodi bhi help hui hai to

plzzz share this post with your frnds
 thannkxxx for read this

Share this

gaurav   HTML CODE

Receive Quality Articles Straight in your Inbox by submitting your Email below.

Related Posts