It is very easy to add any button in blogger post, just follow the methods, which I showed in this blog post.
بلاگ پوسٹ میں اب کوئی بھی بٹن ایڈ کریں وہ بھی بنا کسی کے کوڈنگ کے. جو سٹیپ میں نے اس پوسٹ میں بتایئں ہیں اگر آپ نے فالو کر لئے تو آپ اپنی پوسٹ میں آسانی سے کوئی بھی بٹن ایڈ کر سکے گے.
Step: 1
Insert Image into your blog post.
پہلا سٹیپ یہ ہے کہ اپنی پوسٹ میں کوئی بھی بٹن انسرٹ کریں.
Step:2
Now Click on Choose file
اب وہ بٹن ایڈ کریں جو آپ اپنی بلاگ کے پوسٹ میں لگانا چاہتے ہیں.
Step: 3
After Adding, the Button just click the Button.
بٹن ایڈ کرنے کے بعد بٹن پر کلک کریں.
Step: 4
After Clicking on The Button it will show the following Status. you can Resize the Button according to you choice.
بٹن پر کلک کرنے کے بعد بٹن پر کچھ آپشن آ جائے گے جہاں سے آپ بٹن کا سائز اپنی مرضی سے ایڈجسٹ کر سکتے سکے گے.
Step: 5
After adjusting the size and alignment of your button, the last step is to add jump link. Click on the Insert or Edit Link button and past your link on which you want to redirect user.
سائز ایڈجسٹ کرنے کے بعد اور الائنمنٹ کرنے کے بعد اب اس بٹن میں وہ لنک ایڈ کرنا ہے جس پر آپ یوزر کو ری ڈائریکٹ کروانا چاہتے ہیں.
Step: 6
Most Import Step
This one is most import step, do not forget to click on “Open this link in a new window” check box.
یہ آخری سٹیپ بہت اہم ہے ، نیا لنک جس پر آپ نے یوزر کو ری ڈائریکٹ کروانا ہے کو نئی ونڈو میں اپنا کرنا چاہئے اس لئے چیک باکس کو چیک کر لیں تاکہ یوزر کو نئی ونڈو میں ری ڈائریکٹ کروایا جا سکے .
Here is the code for adding any button blogger post, but you really don't need to add any kind of code in post for adding button in your blog post.
اگر آپ کوڈ کی مدد سے بٹن ایڈ کرنا چاہتے ہیں تو کوڈ بھی دے رہا ہوں مگر یقین جانے آپ کو کسی بھی قسم کا کوڈ اپنے بلاگ پوسٹ میں بٹن ایڈ کرنے کی ضرورت نہیں ہے. جو سٹیپس میں بتایئں ہیں ان کی مدد سے آپ کسی بھی قسم کا بٹن با آسانی ایڈ کر سکتے ہیں.
<a href='here will be your url' target='_blank'>
<input type='button' style='padding-left:10px;padding-top:10px;padding-right:10px;padding-bottom:10px;margin-left:10px;margin-top:10px;margin-right:10px;margin-bottom:10px;background-color:#000000;color:#f9f106;border-left-width:1px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-color:#d5d5d5;border-radius:5px;cursor:pointer' value='Click Here!' onMouseOver=this.style.backgroundColor='#0a0000';this.style.color='#e4f500';this.style.borderColor='#d5d5d5' onMouseOut=this.style.backgroundColor='#000000';this.style.color='#f9f106';this.style.borderColor='#d5d5d5' />
</a>
Tags;
Comments
Post a Comment
Thank you for visiting www.khabarnaihai.com
If you have any suggestion or question then please do let us know. leave a comments or do eMail at [email protected]
Best Regards;
MsunTV