Blogger Post Me Live Demo Or Download Button Kaise Add Kare

 

   Live/Demo और Download Button क्या हैं ?

Blogger Post में Live Demo, Download Button और Buy Button कैसे Add करें की जानकारी हिंदी में : दोस्तों आपने कभी भी फ्री टेम्पलेट की वेबसाइट या मोबाइल गैजेट की वेबसाइट पर जरुर विजिट किया होगा और आपने जरुर गौर किया होगा की उनकी पोस्ट में प्रोडक्ट की एक Live demo, download या buy button लगी होती है और आप तो जानते है की ये सभी वेबसाइट अपने प्रोडक्ट को प्रमोट करने और अपने product को sell करने के लिए इन Links Button का Use करते है | यदि आप एक नए blogger है तो आपको भी इसकी जरूरत पड़ सकती है क्योकि आप भी अपने ब्लॉग में एफिलिएट प्रोडक्ट के download Button add करके प्रोडक्ट को सेल कर सकते है |

Blogger Post Me download Button Kaise Add Kare

अब सवाल ये है की इन Live Demo, Download Bu tton या Buy Button को ब्लॉग में कैसे Add करें | नए ब्लॉगर के लिए link की जगह Button लगाना एक बहुत बड़ा मसला है लेकिन आप अपने ब्लॉग पोस्ट में Live Demo, Download Button या Buy Button आसानी से Add कर सकते है | तो चलिए जानते है Blogger Post में Download, Demo और Buy Button कैसे लगाते है |

Live Demo:- लाइव डेमो का उपयोग आप अपने किसी प्रोडक्ट या सेवा को लाइव दिखाने के लिए कर सकते है आप अपनी साईट पर टेम्पलेट या थीम को लाइव दिखा सकते है ताकि विसिटर आपके प्रोडक्ट को पसंद कर सकें |

Download Button:- डाउनलोड बटन अधिकतर म्यूजिक और मूवीज साईट पर इस्तेमाल किया जाता है ये वेबसाइट अपने डाउनलोड लिंक बटन पर विडियो/म्यूजिक लिंक के साथ एक ads लगाते है और जब यूजर उस डाउनलोड बटन पर क्लिक करता है तो एक ads भी दिखाई जाती है जिससे उस वेबसाइट की एअर्निंग होती है |

Buy Button:- इसका उपयोग हम किसी प्रोडक्ट या सेवा को बेचने के लिए करते है जैसे आपने किसी एफिलिएट प्रोग्राम (amazon, flipkart, templates etc.) को ज्वाइन कर रखा है तो आप इनके प्रोडक्ट के Link को Buy Button की तरह यूज़ कर सकते है ताकि विजिटर उस प्रोडक्ट को ख़रीद सकें |

Blogger Post Me Button Kaise Add Kare

1. सबसे पहले नीचे दिए गए Code को कॉपी कर लें |

.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("http://www.zurb.com/images/overlay-button.png") repeat-x scroll 0 0 #222222; 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; } .demobutton { background-color:#999999; text-align:center; width:150px; } .demobutton:hover { background-color:#00A0EE; } .downloadbutton { background-color:#91BD09; text-align:center; width:150px; } .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); }

2. अब ब्लॉगर पर लॉग इन करें और डैशबोर्ड पर जाएँ |

3. अब Theme/Template पर क्लिक करें और उसके बाद Edit HTML पर क्लिक करें |
blog me live demo, download aur buy button kaise add kare

4. HTML एडिटर पर आने के बाद Ctrl + F दबाये और सर्च बॉक्स ओपन होने पर ]]></b:skin> कोड को सर्च करें | अब ऊपर से कॉपी किये गए कोड को इस “]]><b:skin>” कोड के ऊपर Paste कर दें और टेम्पलेट को सेव कर लें |

blog post me button kaise lagaye

Blogger Post Me Button Kaise Lagaye
ब्लॉगर पोस्ट में बटन लगाने के लिए नीचे दिए गए कोड को कॉपी कर लीजिये |
<a class="demobutton button" href="YOUR DEMO LINK HERE" rel="nofollow" style="float: left;" target="_blank"><span style="display: inline-block;">Live Demo</span></a>

5. अब आप जिस पोस्ट में Button Add करना चाहते है उस पोस्ट को ओपन करें और HTML Section में जाये और जहां भी Button लगाना चाहते है वहा क्लिक करें और ऊपर किये गए कोड को Paste कर दें आप निचे इमेज में देख सकते है |
blogger blog me download button kaise add kare

अब आपके Blogger Post में Button Add हो चूका है अब आप पोस्ट को पब्लिश करके देख सकते है की आपके Blogger Post में button काम कर रहा है या नहीं |

Notes :-
1. Template को एडिट करने से पहले अपने ब्लॉग का बैकअप जरुर ले लीजिये ताकि कोई भी प्रॉब्लम आने पर फिर से अपलोड किया जा सकें |

2. Your Product Link के स्थान पर Product का Link Add करें और Buy Button के स्थान पर Buy Now Add करें | इसी तरह आप Download और Live Demo Button भी Add कर सकते है |


मुझे उम्मीद है अब आप अपने Blogger Post में Live Demo, Download और Buy Button Add कर सकते है यदि आपको Blogger Post में Button Add करने में कोई भी परेशानी आती है तो हमें कमेंट्स में अवश्य बताये अगर आपको ये पोस्ट उपयोगी लगी हो तो इसे अपने दोस्तों के साथ Social Networking पर जरुर शेयर करें |


Related Article :-

Blogger Blog Me HTML Code Box Kaise Add Kare ?