Skip to main content

Blogger Post Me Live Demo Or Download Button Add Kaise Kare

Blogger pe blog banake kai blogger koi film, image, video ya koi theme ke liye blog banate hai, Or usme jyadatar live demo or download button ki jyada jarurat padti hai. Isliye aaj is post me, me aapko batanevala hu ki blog ki post me live demo or download button kaise add karte hai ?

To dosto, apni post me live demo or download button ko add karne ke liye kuch stylish button ka bhi use aaj ham is post me karenge.
Live demo or download button blogger blog ki post me add karna bahut hi aasaan hai, Bas hame uska tarika pata hona chahiye. To chaliye jante hai hamare blog me live demo or download button kaise add karte hai.

Blogger Post Live Demo Download Button Add
Image Source : Pixabay

Blogger Post Me Live Demo Or Download Button Add Kaise Kare

Sabse pahle aap blogger pe log in karke apne blog ke Dashboard me jaaye.

Blog Post Me Live Demo Or Download Button Add Kaise Kare

1. Fir Theme pe click kare.
          Theme pe click karne ke baad Edit HTML pe click karke blog ki theme me jaaye or Ctr+F dabake ( press ) karke ]]>
 search kare.

2. Ab aap theme me ]]>
ke upar niche code diya hai, Use copy karke paste karde.
          ( Agar aapko samaj me na aaye to upar image me dekhe. aapko code ]]>
ke upar copy karke paste karna hai )

Code:

/* Demo Download Button By layrol ------------------------------------------------------ */ .boddbtn {text-align:center;color:#fff !important;list-style:none;margin:10px !important;padding:10px !important;font-size:14px;display:inline-block;text-decoration:none !important;clear:both;} .boddbtn ul {padding:0;margin:0;} .boddbtn li {list-style:none;display:inline;padding:0;margin:5px;} .demobtn,.downloadbtn{color:#fff !important;padding:12px 15px !important;font-size:13px;font-weight:700;font-family:oswald;text-transform:uppercase;text-align:center;border-radius:3px;border:0;letter-spacing:1px;transition: all 0.2s ease-out;text-decoration:none !important;} .demobtn {background-color: #3498db;} .downloadbtn {background-color: #34d968} .demobtn:hover {background-color: #2980b9;color: #fff;} .downloadbtn:hover {background-color: #2fbd5a;color: #fff;}

Dosto, Upar jo meine code diya hai iska kaisa live demo or download button banega uski image niche hai, Aap dekh sakte hai.

Blog Post Me Live Demo Or Download Button Add Kaise Kare

To is tarah ka live demo or download button banegaa. Ham iska color change bhi kar sakte hai. To iske liye bhi kuch stylish live demo or download button banake niche diye hai aap usko bhi dekhle or agar aapko vo pasand aaye to iska bhi use kar sakte hai.

Live Demo And Download Design 2

Blog Post Me Live Demo Or Download Button Add Kaise Kare

Code : 
.demobtn {background-color: #B22222;} .downloadbtn {background-color: #228B22} .demobtn:hover {background-color: #2980b9;color: #FFD700;} .downloadbtn:hover {background-color: #2fbd5a;color: #fff;}

Live Demo Or Download Design 3

Blog Post Me Live Demo Or Download Button Add Kaise Kare
Code :
.demobtn {background-color: #1E90FF;} .downloadbtn {background-color: #228B22} .demobtn:hover {background-color: #2980b9;color: #FFD700;} .downloadbtn:hover {background-color: #2fbd5a;color: #fff;}

Live Demo Or Download Design 4

Blog Post Me Live Demo Or Download Button Add Kaise Kare
Code :
.demobtn {background-color: #1E90FF;} .downloadbtn {background-color: #0000FF} .demobtn:hover {background-color: #2980b9;color: #FFD700;} .downloadbtn:hover {background-color: #2fbd5a;color: #fff;}

Live Demo Or Download Design 5

Blog Post Me Live Demo Or Download Button Add Kaise Kare
Code :
.demobtn {background-color: #808000;} .downloadbtn {background-color: #006400} .demobtn:hover {background-color: #2980b9;color: #FFD700;} .downloadbtn:hover {background-color: #2fbd5a;color: #fff;}

To dosto, Is tarah se aap chahe veise color ke live demo or download button bana sakte hai. Agar aapko inme se koi bhi pasand aata hai to aap Upar Theme me jo code add kiya hai Uska last 4 line delete karde or uske jagah pe ye code daalde.

.demobtn {background-color: #3498db;} .downloadbtn {background-color: #34d968} .demobtn:hover {background-color: #2980b9;color: #fff;} .downloadbtn:hover {background-color: #2fbd5a;color: #fff;}

Ye upar jo 4 line di hai use delete karke jo aapko button pasand aaye uske code daalde.


Blog Ki Post Me HTML Code Add Kare.

Ab aap jis post me live demo or download button add karna chahte hai us post me jaaye.

Blog Post Me Live Demo Or Download Button Add Kaise Kare

Blog ki post me jaake HTML pe click kare.
Uske baad niche jo Code diya hai use copy karke HTML box me paste karde.

<div style="text-align: center;"><ul class="boddbtn"><li><a class="demobtn" href="YOUR DEMO LINK" rel="nofollow" target="_blank">DEMO</a></li><li><a class="downloadbtn" href="YOUR DOWNLOAD LINK" rel="nofollow" target="_blank">DOWNLOAD</a></li></ul></div>

Note :
Upar box me jo code diya hai, usme YOUR DEMO LINK me aap jo demo me url daal na chahte hai vo daale.
Uske baad YOUR DOWNLOAD  LINK me download ki link jo add karna chahte hai vo daale.

Uske baad aap us post ko publish kar de.
To dosto, Ab to aapko pata chal gaya hoga ki apne blogger blog me live demo or download button kaise add karte hai. To friends ye post pasand aai hai to share kare or aap mujse kuch kahna chahte hai to comments kare. Or haaaa. Aapko blogger blog related koi bhi sawal hai to comments kare.

Comments

Popular posts from this blog

Flipkart से पैसे कैसे कमाए ? 3+ आसान तरीके

अगर आप Flipkart से पैसे कैसे कमाए ? ये जानकारी आपको हिन्दी मे चाहिए तो आप सही जगह आये है। क्योंकि आज हम इस पोस्ट मे Flipkart से पैसे कैसे कमाते है उसकी जानकरी हिन्दी मे प्राप्त करते है। जय आध्याशक्ति माँ अंबेनी आरती हिन्दी मे Jay Adhyaa Shakti Ambe Aarti Lyrics जब से Internet का जमाना आया है, तब से सबकुछ घर बैठे खरीद सकते है। हमे कही बहार जाने की जरूरत नही है, क्योंकि आज सबकुछ Online हो गया है। हमे सिर्फ चीजे Order करना है, फिर वो हमारे घर आ जायेगी।  संपूर्ण श्रीमद् भगवद्गीता हिंदी में ! आज Flipkart ओर Amazon जैसी Website की वजह से हमे दुनियाभर की सभी चीजें /सामान घर तक आ जाता है। जो हमारा समय भी बचाता है।  Flipkart क्या है ? Flipkart भारत की Private E-Commerce Website है, जिसका मुख्य मथक बैंगलोर में है। Flipkart की स्थापना बिन्नी बंसल ओर सचिन बंसल ने अक्टूबर 2007 मे किया था।  ये भी पढ़ें। पैसा कमाने के 51+ तरीके हिंदी में ! Flipkart भारतीय E Commerce कंपनी है जहां से आप Online Shopping करते है। यहां पर Lifestyle, Electronic, Fashion आदि चीजे Online खरीद सकते है।  Flipkart से पैसे कैसे

WhatsApp से पैसे कैसे कमाए ? 5+ Best तरीके

 आज के जमाने मे ऐसा कोई भी Smart Phone नही है जिस में WhatsApp ना हो, सभी के Mobile में WhatsApp तो होता ही है, ओर आप WhatsApp से पैसे कैसे कमाए जाते हैं उसकी जानकारी के लिए आप इस Article को पढ़ने आए हैं तो आप सही जगह आए हैं, आज में आपको WhatsApp से पैसे कैसे कमाए जाते हैं उसकी जानकारी हिंदी में दूंगा।  WhatsApp Instant Messaging & Voice-over-IP Service है। जिसका Owned Meta है। जहा पर Text Message, Voice Call/ Message, Video Call/Message, Share Image/Photo, Live/User Location And Documents आसानी से Send Receive कर सकते हैं। ये भी पढ़ें। WhatsApp Facebook पे उल्टा Text Typing कैसे लिखे ? यहां पर आप कुछ भी Send करे User तत्काल वहा Message Receive कर सकता है। WhatsApp के बारे में मुझे ज्यादा जानकारी देने की जरूरत नहीं है आपको पता है WhatsApp क्या है?  WhatsApp से पैसे कैसे कमाए ? 5+ Best तरीके WhatsApp में Message, Video Call, Voice Call, Status सभी Feature आपको पता होगा। तो चलिए जानते WhatsApp से पैसे कैसे कमाए ? Image:  Pixabay Whatsapp से पैसे कमाने के तरीके बहुत है लेकिन आज हम कुछ

Captcha Solve करके पैसे कैसे कमाए ? Top 5+ Website

 आजके इस Internet के जमाने मे घरबैठे पैसे कमाना बहुत ही आसान हो गया है ! अगर आपके पास थोड़ा बहुत खाली समय है तो आप Online Captcha को Solver करके प्रति 10,000 रूपिया कमा सकते है ! हालाकी कमाई बहुत अच्छी नहीं है, लेकिन काम बहुत आसान है ! यहा पे आपको उन Website पे जाना है जहा पे आपको Captcha Solv करने के पैसे मिलते हो ! वैसे तो Captcha सोल्व तो आपने किये ही होंगे ! अगर आपको पता नहीं है की कैप्चा से पैसे कैसे कमाते है तो आप इस पोस्ट को पूरा जरूर पढे ! लेकिन अगर आपको पता है की कैप्चा सोल्व करके पैसे कमाए जा सकते है ओर आपको Website के बारे मे पता नहीं है तो भी ये पोस्ट अवश्य पढे ! ये भी पढ़ें। WhatsApp को Secure कैसे करे ? Top 10 Tip कैप्चा सोल्व करना बहुत ही आसान है ओर मेंने कुछ वेबसाइट के बारे मे नीचे जानकारी भी दी जहा से आप घरबैठे ऑनलाइन पैसे कमा सकते  है ! Captcha Solve करके पैसे कैसे कमाए ? Top 5+ Website 1.  Mega Typers  Mega Typers Captcha Solv करके पैसे कमाने के लिए सबसे अच्छी Website है ! यहा पे आप अपना Account बना के स्वतंत्र Work कर सकते है ! जो सबसे बड़िया वैबसाइट है ! यहा पे Accou

Photo बेचकर पैसे कैसे कमाए ? 5+ Best Website

आज के जमाने मे 15,000/- से 25,000/- तक का Mobile हर किसी के पास होता ही है। जिसमे ज्यादातर Photo लेने की वजह से हमारे Mobile में Memory Full हो जाती है। क्योंकि अपनी Old Memory हर कोई Save करना चाहते हैं। जैसे हम कही गुमने जाते है तो भी Photo लेते रहते है। Smart Phone के जमाने मे Photo/Selfie लेना बहुत ही आसान है, ओर आज जहां भी जाए Photo तो आप लेते ही होंगे। लेकिन आपको पता है हम Photo बेचकर भी पैसे कमा सकते। अगर आपको Photo बेचकर पैसे कैसे कमाए? इसकी जानकारी नहीं है तो ये Post आपके लिए ही है। क्योंकि आज हम इस Post में जानेंगे की Photo बेचकर पैसे कैसे कमाए जाते हैं। ये भी पढ़ें। Image Photo की Background Remove करने की Top 5 Website Photo बेचकर पैसे कमाने के बहुत से तरीके है लेकिन आज में आपको कुछ Website के बारे में जानकारी देनेवाला हु जहा पर आप Free में Account बनाकर आप अपनी खींची हुई Photo को उस Website पर अपने अपने दाम में बेचकर पैसे कमा सकते हैं। Photo बेचकर पैसे कमाने के 5+ Best Website हिंदी मे Shutterstock Adobe Stock Alamy Istock Dreamstime किसी भी Website पर Photo Upload करने से

Instagram Account बेचकर पैसा कैसे कमाए ? 3+ Best Website

 Instagram पर Account आज के ज़माने में सबका होता ही है, ओर उसपे लगभग ज्यादा समय हम Reels देखने में बीता देते हैं लेकिन हमे उससे कुछ फायदा नहीं होता। लेकिन क्या आपको पता है की Instagram पर अगर आपके अच्छे Followers है तो आप Account को बेचकर हम अच्छे पैसे कमा सकते है। इसीलिए आज हम इस Article मे जानेंगे की Instagram Account को बेचकर पैसे कमा सकते है ओर उसे किस Website पर बेचने से ज्यादा पैसे मिलेंगे और कहा कितने Followers के कितने पैसे मिलेंगे उसकी भी जानकारी आज हम इस Post में हिंदी में जानेंगे। ये भी पढ़ें। WhatsApp पे खुद को Online होने से कैसे छुपाये / Hide करे ? Instagram Account बेचकर पैसा कैसे कमाए ? 3+ Best Website दोस्तो आज हम 3 ऐसी Website के बारे जानेंगे जहां हम अपने Instagram Account को बड़ी आसानी से बेचकर अच्छे पैसे कमा सकते है। 1. Social Tradia पर Instagram Account बेचकर पैसा कमाए। Social Tradia बहुत ही Popular Website है Instagram Account को बेचने के लिए। यहां पर Account बेच भी सकते हैं ओर Instagram Account खरीद भी सकते हैं।  Free मे HD Movie Download करने की Top 5 Website S

Quora से पैसे कैसे कमाए ? 5+ आसान तरीके

आज के इस Internet के युग जमाने में पैसा कमाना बहुत ही आसान है तो दोस्तों आज हम एक और नया आर्टिकल लेकर आए हैं, जहां से हम बहुत ही आसानी से पैसे कमा सकते हैं जिसका टाइटल है Quora से पैसा कैसे कमाए ? Post का Title पढ़के आपको पता है तो चल ही गया होगा कि आज हम किसके बारे में जानकारी प्राप्त करने वाला है, तो चलिए जानते हैं Quora से पैसा कैसे कमाए ? और इसके आसान तरीका। Quora से पैसे कैसे कमाए ? 5+ आसान तरीके Quora से पैसा कैसे कमाते हैं उसकी जानकारी बाद में जानते हैं पहले जानते हैं Quora क्या है ? Quora क्या है ? Quora एक Online Question और Answer की Website है जहां पर online knowledge का एक बहुत ही बड़ा मार्केट है जहां पर आपकी एक सवाल के हजारों जवाब मिल जाते है। आपके मन में भी कोई सवाल है जिसका समाधान आपको नहीं मिल रहा है तो एकबार Quora पर Visit जरूर करें। Quora की स्थापना 25 जून 2009 को हुई थी, और 21 जून 2010 को जनता के सामने रख दिया था जिसका मुख्यमथक माउंटेन व्यू कैलिफोर्निया में है। Quora के संस्थापक एडम डी'एंजेलो ओर चार्ली चीवर है। WhatsApp पे खुद को Online होने से कैसे छुपाये /

Instagram से पैसे कैसे कमाए ? 5+ आसान तरीके

Instagram से पैसे कैसे कमाते है ? अगर आपको इसकी पूरी जानकारी हिन्दी मे चाहिए तो आप सही जगह पे आए है ! क्यूकी आज की इस पोस्ट मे हम जानेंगे की Instagram से पैसे कैसे कमाते है ! वैसे आजके जमाने में अगर हमारे पास अच्छी जानकारी है, Internet का अच्छा Knowledge है तो हम बड़ी आसानी से घर बैठे पैसे कमा सकते है ! कई लोग है जो घर बैठे Instagram से पैसे कमाते है ! लेकिन कई ऐसे भी दोस्त है जिनको पैसे कैसे कमाए जाते है इसकी जानकारी नहीं होती ! जो की अब मे इस पोस्ट मे आपको आपको बता दूंगा की कैसे Instagram से पैसे कमाते है ! Twitter से पैसे कैसे कमाए ? 5+ आसान तरीके Instagram से पैसे कमाना इतना भी आसान नहीं है जितना आप समजते है ! इसके लिए आपके पास  अच्छे Follower होने चाहिए ! अब आपके मन में ये भी सवाल आया होगा को - कितने ??? वैसे तो आपके पास जीतने ज्यादा Follower होंगे उतना ही आपके लिए अच्छा होगा और पैसे भी अच्छे मिलते है ! लेकिन फिर भी कम से कम 1K (1,000) से 1M+ (1 मिलियन / 10,00,000 ) Follower होंगे तो अच्छा होगा !  Instagram से पैसे कैसे कमाए ? 5+ आसान तरीके  Instagram पे पैसे कमाने के लिए आपके पास