Tag Archives: BLOGGING TOOLS WIDGETS

Blogger sabhi post ke niche about us (author box) kaise lagaye ?

Hi blogger yadi aap chahte hai ki aapke har ek post ke niche about us hona jaruri hai to aaj me aapko bataunga ki  blogger ke har ek post ke niche about auther auto kaise lagaye..

Agar aap chahate hai ki aapke visitors aapko pahchan sake or nhe pata rahe ki wo kiski website ya blog par hai. isse aapka naam bhi hoga or logo ko aapki site ko yad rakhne me aasani hogi, blog ki traffic badhane me bhi madad milegi. or bhi bahut se fayde hai author box add karne ke.
Ye bhi pade

Blogger ke sabhi post ke niche about us box kaise lagaye..

Step 1
sabse pahle apne blog ke dashboard
Blogger sabhi post ke niche about us kaise lagaye ?
Layout par jayesabse pahle apne blog ke dashboard >> Layout par jaye.
Blogger sabhi post ke niche about us kaise lagaye ?

layout select kare.

  1. blog posts widget par Edit par click kare.
Step 2:
Ab ek popup page khulega usme show author profile ke samne tick kare.
  1. save par click kar save template par click kar de.
Step 3
  • Ab apne blog ke dashboard me jaye.
  • Template >> EDIT HTML par click kare.
  • Ab code box me kahi par bhi click kare or Ctrl+F daba kar ]]></b:skin> search kare.
  • Template me ]]></b:skin>  ke upar ye code paste kare.
  1. /* css Author Box start by https://www.hindihelp4u.com */
    
     .articleAuthor{overflow:hidden;margin-bottom:10px}
    
     .authorContent{overflow:hidden;background:#f1f1f1;padding:0;margin:1px;margin-bottom:0;border-top:2px solid #e9e9e9;}
    
     .authorLeft{overflow:hidden;float:left;margin-right:10px;}
    
     .authorLeft .authorAvatar{overflow:hidden;}
    
     .authorLeft .authorAvatar img{background:#f1f1f1;display:inline-block;}
    
     .authorDetails{overflow:hidden;margin:14px 0 0 0;}
    
     .authorDetails h2{font-size:12px;color:#222;font-weight:400;text-transform:uppercase;}
    
     .authorDetails h2 a{color:#4db2ec;background:#f1f1f1;padding:4px 8px;display:inline-block;font-size:15px;margin-left:5px;border:double #f1f1f1;}
    
     .authorDetails h2 a:hover{color:#71c5f6;background:#f1f1f1;}
    
     .authorDetails span{display:block;padding-top:3px}
    
     .articleAuthor .authorContent p{color:#222;line-height:20px;margin:0 10px;font-size:15px;}
    
     /* css Author Box start by https://www.hindihelp4u.com
Background:#f1f1f1 ki jagah aap apni pasand ka color change kare.
Step 4
  • Ab ye code <data:post.body/> search kare.
  • <data:post.body/> ke niche ye code paste kare.
  1. <div class='articleAuthor'>
    <div class='authorContent'>
    <div class='authorLeft'>
    <div class='authorAvatar'>
    <img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' src='https://www.hindihelp4u.com' width='120'/>
    </div>
    </div>
    <div class='authorDetails'>
    <h2>
    About Author<a href='https://www.hindihelp4u.com' rel='author' title='Admin'>your name</a></h2>
    </div>
    about you
    </div>
    </div>
  • Hindihelp4u.com ki jagah apni site ya blog ka url set kare.
  • Abot us ki jagah apni dtails likhe.
  • Codeset karne ke bad Save  Template  par click kare.

Photos/image ka URL kaise nikale ?

  • New post likhne ke option par jao or post me apna photo upload karo.
  • Ab Compose/HTML option me se HTML par click karo.
  • Abcoding me 2 tarah ke link honge href or src aapko src ke samne wala link use karna hai.
Note:-  <data:post.body/>  code blog ki template me kei jagah par hota hai. agar trick kaam na kare to dusre  <data:post.body/> ke niche code paste karke try kare.

Top cool stylish Like and dislike button blog me lagaye ?

Hi friends aaj kal har kisi blog me button lage milenge aur achha bhi hai, like and dislike lagane se ham apne post ke review ko jan pate hai. Jisko hamre post pasand aata hai wo like kar sakte hai. Aur dislike bhi kar sakte hai.

 

like and dislike button for blog
Like and Dislike button

 

Yadi aapka blog blogger.com per hai to niche diye gaye step follow karke apne blog me laga sakte hai.

Yadi aapka blog WordPress per hai to plugin install karke like and dislike button use kar sakte hai.

Like and dislike button blog post me kaise lagaye.

2- Go to the “Template” section. Click the “Edit HTML” button.
3-Find in the HTML input box and expand the code snippet with the post: <b:includable id=’post’ var=’post’>
4- Find the <data:post.body/>HTML code tag(s). To save code below this.. uper diye code ko just iske niche paste kar de
5- Enter the code tag into the search box to quickly find the correct code.
6- Sabse achha tarika hai, apne purane share buttons ko html main search kare just uske niche like button code paste kar de.

Like and dislike button lagane ke fayde

Like and dislike button lagane ke bahut se fayde hai.

Isse aapk blog website ko review milta hai , ye pata chalta hai ki aapka post achha hai visitors aapki post kp kitma like karte hai

Aur Aapke blog ko professional look milta hai. Sabhi post ke niche like and dislike button.

1– Transpert Like and dislike button-

DEMO

<!– hindihelp4u.com BEGIN –>
<span class=”likebtn-wrapper” data-theme=”github” data-identifier=”item_1″></span>
<script>(function(d,e,s){if(d.getElementById(“likebtn_wjs”))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id=”likebtn_wjs”;a.src=s;m.parentNode.insertBefore(a, m)})(document,”script”,”//w.likebtn.com/js/w/widget.js”);</script>
<!– hindihelp4u.com END –>

2– Drop style Like and dislike button

DEMO

<!– www.hindihelp4u.com BEGIN –>
<span class=”likebtn-wrapper” data-theme=”drop” data-identifier=”item_1″></span>
<script>(function(d,e,s){if(d.getElementById(“likebtn_wjs”))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id=”likebtn_wjs”;a.src=s;m.parentNode.insertBefore(a, m)})(document,”script”,”//w.likebtn.com/js/w/widget.js”);</script>
<!– www.hindihelp4u.com END –>

3– Black and white Like and dislike button

DEMO

<!– www.hindihelp4u.com BEGIN –>
<span class=”likebtn-wrapper” data-theme=”black” data-identifier=”item_1″></span>
<script>(function(d,e,s){if(d.getElementById(“likebtn_wjs”))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id=”likebtn_wjs”;a.src=s;m.parentNode.insertBefore(a, m)})(document,”script”,”//w.likebtn.com/js/w/widget.js”);</script>
<!– www.hindihelp4u.com END –>

 

4–Colourfull Like and dislike button

DEMO

LIKE BUTTON CODE..

<!– www.hindihelp4u.com BEGIN –>
<span class=”likebtn-wrapper” data-theme=”greenred” data-identifier=”item_1″></span>
<script>(function(d,e,s){if(d.getElementById(“likebtn_wjs”))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id=”likebtn_wjs”;a.src=s;m.parentNode.insertBefore(a, m)})(document,”script”,”//w.likebtn.com/js/w/widget.js”);</script>
<!– www.hindihelp4u.com END –>

 

5– Lovely Like and dislike button-

DEMO

<!– www.hindihelp4u.com BEGIN –>
<span class=”likebtn-wrapper” data-theme=”disk” data-identifier=”item_1″></span>
<script>(function(d,e,s){if(d.getElementById(“likebtn_wjs”))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id=”likebtn_wjs”;a.src=s;m.parentNode.insertBefore(a, m)})(document,”script”,”//w.likebtn.com/js/w/widget.js”);</script>
<!– www.hindihelp4u.com END –>

Blogger blog shift wordpress per without any loss ( full guide))

Free vs premium theme templete different kya hai

Blogger post me Code box ko kaise use kare ( how to use code box in blogger post)

Hi blogger blog post me code box kaise lagaye ,Aaj me aap log ke liye bahut hi achha post laya hu jo ki har blogger ko pata hona chahiye. Is pest me aap janenge ki post me code box ko kaise lagate hai.

Blogger post me Code box ko kaise use kare ?

Blogger post me Code box ko 2 type se use kar sakte hai.

1-Manually-

                       Is step se aapko jab bhi post me code ko add karenge ,Tab tab Lagana padega.
Yah step bahut hi siple hai …
Post edit me 2 ption hota hai
1 Compose   2- HTML
Is step me aapko html per click karna hai. Niche diye hue code ko copy karke paste karna hai

<textarea name=”textarea” cols=”40″ rows=”4″ wrap=”VIRTUAL”>
YOUR CODE GOES HERE
</textarea>

JO bhi html code blog post me box me dalna hai. Use YOUR CODE GOES HERE ko hata kar paste kar dena hai. Bas ho gya
Example-
YOUR CODE GOES HERE by ixample to comment box and the others have said I was wondering what the heck out
Yadi box ko aur bada karna chahte hai to cols=”40″   rows= 4 me apne anusar bada kar sakte hai

-Type-1

Is type se bar bar post ke samay code box lagane ki jarurat nhi padegi automatically box add ho jayega.

Edit your blog’s HTML code. 
a. Follow this guide to get to where you press “Edit
HTML”.

b. Then Find (press CTRL+F) this: ]]></b:skin>

c. Add this code ke uper (above)  ]]></b:skin>



/* css Code Box of https://hinditechhunt.blogspot.in */ .code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .code:hover { background-repeat:no-repeat; }

Type 2-

/* Code Box
———————————————– */

.code {
background:#f5f8fa;
background-repeat:no-repeat;
border: solid #5C7B90;
border-width: 1px 1px 1px 20px;
color: #000000;
font: 13px ‘Courier New’, Courier, monospace;
line-height: 16px;
margin: 10px 0 10px 10px;
max-height: 200px;
min-height: 16px;
overflow: auto;
padding: 10px 10px 10px; width: 90%;
}

.code:hover {
background: #FAFAFA;
background-repeat:no-repeat;
}Apne post ke HTML me jaye aur niche diye code ko post kar de


<div class=”code”>
YOUR CODE 
</div> 

Paste kar ke save kar de…

Is post ko dosto ko share jarur kare…
Yadi aap ko is post se releted kuch puchna hai to comment kare