Blog Post Me Whatsaap Button Kaise Lagaye.

Blog Post me WhatsApp button kaise lagaye, ye aajke tutorial topic hai, isse phele bhi humne whatsaap button par article likha hai jo 100℅ sahi se work nhi kar raha hai blogger blog me, yahi karan hai ki kai bloggers ne mujhe pucha koi dusra tarika hai whatsaap shareing button add karne ka blog post me jo working ho or easy ho. isliye aaj humne unke liye laya hai working tarika ka jo aapke blog shareing ko badha dega..

 

Blog Post me Whatsaap Button Kaise Lagaye.
image by enikz.com

jaise ki aap jante hi hai whatsaap duniya ka number 1 massager hai, iski popularity itni fast growth hui hai jo kabhi kisi app ya website ki nhi hui, blogs ke sabse jayda reader smartphone se aane wale hote hai, yani mobile user jayda visit karte hai humare blog par yahi karan hai ki har blogger apne post ko share karne ke liye alag – alag hatkande istemaal karta hai. is hatkando me se ek hai whatsaap button.

ye post bhi padhe.
• Facebook Account Ko Facebook Fan Page Me Convert Kaise Kare.

• Blogger Par Free Website Blog Kaise Banaye Jane Hindi Me.

• What Is SEO How To Use SEO Techniqe In Website Jane Hindi Me.

 

aaj ke samay har koi whatsaap user hai, ager usko humari post pasand aati hai to wo usko share karta hai, aise me humare blog par whatsaap button laga hua ho to share karne ke % bahut jayda badh jate hai, ager aapne abhi tak apne blog par whatsaap button nhi lagaya hai to koi baat nhi aaj hum aapko sikhayege whatsaap button kaise lagaye. to chaliye chalte hai main tutorial ke tarf jo bahut hi easy hai. 

Blog Post me Whatsaap Button Kaise Lagaye.


Step 1. apne blogger blog me login kare.

Step 2. Dashboard >> Template >> Edit Html button par click kare.

Step 3. ab aapko template me kahi bhi click karna hai or Ctrl+F Burton dabaye.

Step 4. Ctrl+F button dabane ke baad template me right side ko jo box aayega usme </head> is Code ko search kare.

Blog Post me Whatsaap Share Button Kaise Lagaye.

Step 5. </head> Code mile jane ke baad aapko niche diya hua code uske uper add karna hai or template ko save karna hai. 

<script src=’https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js’ type=’text/javascript’/>
<script>
// Whatsapp share button
$(document).ready(function() {
$(document).on(“click”, ‘.tist’, function() {
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
var text = $(this).attr(“data-text”);
var url = $(this).attr(“data-href”);
var message = encodeURIComponent(text) + ” – ” + encodeURIComponent(url);
var whatsapp_url = “whatsapp://send?text=” + message;
window.location.href = whatsapp_url;}
else {alert(“This function works on Mobile Device only”);}});
});
</script>


Step 6. Ctrl+F button fir se dabaye or ]]></b:skin> is code ko Template me search kare.

Blog Post me Whatsaap Share Button Kaise Lagaye.

 

Step 7. ]]></b:skin> code mile jane ke baad niche diya hua Whatsaap button ka CSS code ko uper add kare.

/* Whatsapp css setting */
.tist{background:#35BA47; color:#fff; padding:2px 6px; border-radius:3px;}
a.tist:hover{color:#fff !important;}


Step 8. ab fir se box me ye share button code search kare post footer code mile jane ke baad niche diya hua Whatsaap button ka HTML code ke Niche add kare.

Blog Post me Whatsaap Share Button Kaise Lagaye.

Note : whatsaap button waha add kare jaha aapke post share ke sabhi code hai, har template me alag alag coding hoti hai isliye aap share codeing ko hi search kare isse aapko aasani hogi.
 

<a class='tist' expr:data-href='data:post.url' expr:data-text='data:post.title' href='#'><i class="fa fa-whatsapp"></i>Whatsapp</a>

Note : code ko sahi tarike se add kare, iske liye aap step me diye hue image ko dekhe ya fir humare video ko dekhe jo post ke last me hai.

Step 9. whatsaap button add karne ke baad template ko save kare or apne blog ko open karke dekhe aapke post me share button nazar aayega.

Blog Post me Whatsaap Share Button Kaise Lagaye.

 
whatsaap button ke is tutorial aapko koi step samjh nhi aayi ya aapko koi preshani aayi ho to comment karke hume puchiye hum aapki help jarur karege. hinditechbook ko facebook par follow karne ke liye humare fb page ko like kare. apne dosto ko post share karna na bhule.

ye post bhi padhe.

• Bigrock से Custome Domain Name Register कैसे करे ? जाने Hindi Me.

• Hostgator Se 1 Rupee ( रुपया ) Me Hosting Kaise Buy Kare.

• Unknown 23 Whatsapp Tricks Collection in Hindi.

 

4 COMMENTS

    • blogging ek aisa madhiyam hai jaha har din kuch naya hota raheta hai aur us naye chiz ko khojna aur pura gyan lena ye ek blogger ki nishani hoti hai aur mujhe iski khushi hai ki aap roz nayi khoj karte ho.
      Thank you for comment..raju

LEAVE A REPLY

Please enter your comment!
Please enter your name here