Add Kare Slide Hover Effect Beautiful Contact Form Blogspot Blog Me


Hello Dear Reader’s 
Blogger Blog Ke Kitne Benefits Hai Ye To Aap jaan hi chuke hai.Iske Liye aapko Web-hosting Bhi Khareedne ki Koi Jarurt nhi hai aap ise aise hi use kar sakte hai.




Aaj Is Widget Ko Mai Aapse Share Kar raha hu, 
Black Beautiful Slide Contact Form Ye Ek Alag Hi Impression deta hai aapke blogspot blog ko.Ye Contact form Aapke Visitors ko Attracting Lagega, Kyuki Iska Black color or Hover Slide Show effect Bahot hi attractive hai.Slide Effect Hone Ki Wajah se Aapke Visitors ka dhyaan is par jayga.Aayiye mai Aapko Btata hu Ke Is Widget ko Blogger Blog me Kaise Add Karte Hai.



 agar aap Blogger (Blogspot) Ke Baare me or Seekhna chahte hai to Aap Ankk ke Blogger section me Blogger ki sabhi posts read kar sakte hai.

So Let Start,


How To Add Blogger  Slide Contact Form With Hover Effect In Blogspot?


Step-1 Sabse Pehle Apne Blogger Dashboard me Jaaye, 
Layout pe click kare.

Step-2 Ab Kahi Bhi Add A Gadget Pe Click karke,Blogger   Contact Form Add Karde.

Step-3  Ab Firse , Aapko Add A Gadget Pe click Karke Widget Add Karna “HTML/Javasricpt” ab Aapko isme neeche diye gaye code ko copy karke Paste Karna hai,




loading...
<!–Ankk.in floating contact form–>
<style>
.form-parent {width:323px;height:auto;background: transparent url(‘http://3.bp.blogspot.com/-gvfHlb6JnY4/VPnwlkELmhI/AAAAAAAAKDU/9lgOeCd279E/s1600/contact-button.png’) no-repeat right 10px;position:fixed;top:150px;left: -275px;z-index:9999999;transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.form-parent:hover {left:0;}
.cc-float-form {background:-moz-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);background:-webkit-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);background:-o-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);    background:-ms-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);    background:linear-gradient(to bottom, #2b2a2b 5%, #0a0a0a 100%);color:#fafafa;padding:10px;    width:250px;border:2px solid #000;    border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#ContactForm1 {display:none;}
.contact-form-area {background: #222;width: 245px;padding: 10px 0px;border: 1px solid #111;box-shadow: 2px 2px 2px #111 inset;    -webkit-box-shadow: 2px 2px 2px #111 inset;font-family:Verdana, Geneva, sans-serif;color:#fafafa;font-size: 12px;}
#cc {float:right;font-size:9px;margin-top:-10px;color:#777;}#cc a {    color: #777;text-decoration:none;}
</style>
<div class=’form-parent’>
<form name=”contact-form” class=”cc-float-form”>
<p></p>
Name:<br />
<input class=”contact-form-area” id=”ContactForm1_contact-form-name” name=”name” size=”30″ value=”” type=”text” />
<p></p>
Email:
<span style=”color:red;”>*</span><br />
<input class=”contact-form-area” id=”ContactForm1_contact-form-email” name=”email” size=”30″ value=”” type=”text” />
<p></p>
Message: <span style=”color:red;”>*</span><br />
<textarea class=”contact-form-area”  id=”ContactForm1_contact-form-email-message” name=”email-message” cols=”25″ rows=”5″></textarea>
<p></p>
<input class=”contact-form-button contact-form-button-submit” id=”ContactForm1_contact-form-submit” value=”Send” type=”button” />
<p></p>
<div style=”text-align: center; max-width: 222px; width: 100%”>
<p class=”contact-form-error-message” id=”ContactForm1_contact-form-error-message”></p>
<p class=”contact-form-success-message” id=”ContactForm1_contact-form-success-message”></p>
</div>
<div id=”cc”>
By <a href=”http://ankk.in/2016/01/blogger-slide-effect-beautiful-contact.html” target=”_blank”>GetThis</a>
</div>
</form>

Code Add Karne Ke Bad Save Kar de. Ye Widget Aapke Blog Me Add Ho jayega.




Related Posts:-

Deepak Shrivastav

Deepak Shrivastav Is the Founder Of ANKK. He loves to share his knowledge and experience about Blogging,SEO and Make Money Online on his Blog in Hinglish language.

26 thoughts on “Add Kare Slide Hover Effect Beautiful Contact Form Blogspot Blog Me

  • January 26, 2016 at 7:26 pm
    Permalink

    Hello ,bro aapka tamplate konsa hai aapka yeh tamplate mobile friendly nahi hai .kyu ki yeh andriod me computar ki traha open hota hai jo nahi hona chahiye. mai aapko suggest karta hu ki koi esa tamplate choice kare jo mobile me full page me open ho aor isse aapke adsense income ki ctr+click bhi badenge.

    Maine yeh baat aapko isliye batai hai ki aap apne blog par bhut mehnat kar rahe ho.

    Reply
  • January 26, 2016 at 7:32 pm
    Permalink

    Thank you Surendra bro,
    Aapne sahi kaha maine actually ye template isliye us ki kyuki mujhe ye achhi lagi or mobile friendly mujhe aisi koi template nhi mili….mai ise jald hi change krunga….

    Reply
  • February 1, 2016 at 12:02 pm
    Permalink

    Brother mere sabhi videos par add kyun nhi chal rahe he jara ap check karke bataye na
    Ap mere video yaha pa dekho
    https://www.youtube.com/channel/UCiOGCD_dqE4ZNGQ9dmV96Rg/videos
    Note- mene adsense pr check kiya koi bhi notifications nhi he and mere channel par har video monetize bhi he or adsense abrovd bhi par phir ads nhi chal rahi he plz me bahut tension me hu aao meri samaysa jarur hal kijiye or ap ish screen ko bhi dekh sakte ho jo me apko send kar raha hu.

    Reply
  • February 1, 2016 at 6:14 pm
    Permalink

    Agar aapki videos pe monetization show ho raha hai to aapki videos PR ads bhi aa rahe hai…kabhi kabhi aisa hota hai…jb ham apne gmail account me already sign in hote hai…tb agar hm khudke videos ko dekhte hai to un par ads nhi aate….to aap gmail id sign out krke apne videos ko dekhna ads dikhenge

    Reply
  • February 7, 2016 at 12:07 pm
    Permalink

    Sir aapne jo upar code bataaya he slid contect form ka vo mene aapke bataaye anushar ad kiya magar mere blog me slid me show nahi ho rahaa or do conect form dikha rahe he screen shoot bhej rahaa hu pleese help

    Reply
  • February 7, 2016 at 12:11 pm
    Permalink

    Harish ji, Aap pehle Apne Blog me Contact form Add krle uske baad jo upar code diya hua hai, use "Html/javsript" ke gadget me code ko add krke save krdo ho jayga…

    Reply
  • February 7, 2016 at 12:16 pm
    Permalink

    Maine Scree shot dekh liya hai, aapse koi code miss ho raha hai aap theek se add kro dobara se remove krke try karo kyuki maine abhi is code ko check kiya hai ye ek dum sahi hai

    Reply
  • February 7, 2016 at 2:47 pm
    Permalink

    Aap pehle dono ko hatao, uske baad Layout me jaake firse ek contact form widget aad karo uske bad save krdo iske baad layout me firse jao, or kahi bhi layout me "Add a Gadget" pe click kro fir "HTML/Javascript" select karke jo coding post me hai use copy krke usme paste krdo fir save kr do.
    ek bat or ye Mobile se nahi hoga kyuki mobile me kuch codes missing ho jate hai isliye problem aa rahi hai, agar aap se na ho to mujhe btao mai krdunga

    Reply
  • February 7, 2016 at 4:42 pm
    Permalink

    Thik he sir aap kr dijiye ek or ede karna he facebook like page pop out lik box sar please

    Reply
  • February 7, 2016 at 4:43 pm
    Permalink

    Mujhe apna Blogger Id n Password send krdo..mere email pe jaidi kyuki mujhe kahi janaa hai abhi

    Reply
  • February 8, 2016 at 5:58 pm
    Permalink

    Nahi hua he sar ji mene dekh liya he mene screenshoot bhi bhej a he please aap chek kar lijiye or agar aapke aa rahaa he to scrreen shoot bhejina paleesa sar ji me aapko kast de rahaa hu

    Reply
  • February 8, 2016 at 8:09 pm
    Permalink

    Sar mere is blog me conetct farm bhi sahi ade nahi ho rahaa he mene pahle ade kiya tha kuch kod tha jo seting tamlet me html me ade kana tha or kuch mitanaa thaa sab kiya or coment box to aa gaya magar vaaha se coment nahi ho rahe

    Reply
  • February 9, 2016 at 1:46 pm
    Permalink

    Sar mere is blog me conetct farm bhi sahi ade nahi ho rahaa he mene pahle ade kiya tha kuch kod tha jo seting tamlet me html me ade kana tha or kuch mitanaa thaa sab kiya or coment box to aa gaya magar vaaha se coment nahi ho rahe

    Reply
  • February 9, 2016 at 1:51 pm
    Permalink

    Harish ji, aap apni template change kro kyuki isme kuch codes miss ho gaye hai, to jb new template upload kroge to ussse pehle Contact form dono ko hta kr krna….

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *