Top 3 Stylish And Awesome Subscription Box Widget For Blogger

Dosoto aaj ham aapko ek new aur impotant topic ke bare me batane wale hai. Dosto aaj ham aapko Subscription Box Widget Ke bare me batane wale hai. Dosto sabse pehle agar aapko ye nahi pata hai ki Subscription Box kya hai aur ise kaise ham use karte hai to us par maine already ek post likhi hui hai us post ko aap yaha se padh sakte hai. 

Blog Ke Liye Feedburner Par Account Kaise Banaye.


Dosto is post me maine aapko detail me bataya hai ki Subscription box kya hai. Dosto ab aapko ye to pata hi hoga ki jitna badiya aapke blog ka look hoga utne visitor aapke blog ki taraf Attractive hoge. Dosto agar aapke blog ka look badiya banana hai to usme se aapke blog ka Subscription Box agar achha hoga to aapka blog Attractive Aur Awesome Dikhai dega. Dosto aaj mai aapko Stylish Subscription Box Widget ke bare me batane wala hu jisse use karke aap apne blog ka look badiya bana sakte hai.




Top 3 Stylish And Awesome Subscription Box Widget For Blogger



Must Read :

Free Domain With Hosting Ke Sath Wordpress Par Free Blog Kaise Banaye

Photoshop Ki Help Se Awesome GIF Animation Kaise Banaye


Stylish Subscription Box Widget For Blogger

Dosto yaha par mai aapko bohot sare Subscription Box ke bare me batauga. dosto iske liye mai aapko screenshot ke sath batauga jisse aapko aasani se pata chal jayega ki aapko konsa Subscription Box Widget use karna hai.



Top 3 Stylish And Awesome Subscription Box Widget For Blogger
Top 3 Stylish And Awesome Subscription Box Widget For Blogger



















Dosto yaha par aap dekh sakte hai maine aapke samne 2 Subscription Box Rakhe hai. Dosto yaha par mai niche is box ki coding de raha hu aap is coding ko use karke aasani se is box ko apne blog pe laga sakte hai.

Dosto sabse pehle aap apne Blogger Dashboard Me jaye aur phir waha se aap Layout me jaye aur phir waha se aapko jaha box lagana ho waha par Add a Gadget par click kare aur ye code waha par paste karde.



#twist-blogger-sbox-v2 {
  padding: 0;
  padding-bottom: 5px;
  font-family: inherit;
  display: block;
  margin: 0;
  width: 100%;
  border-radius: 1px;
  border: 0;
  background: #363636;
}
#twist-blogger-sbox-v2 .main_tagline {
  padding: 0px 0px;
  line-height: 2.5em;
  font-size: 26px;
  margin: 0;
  height: 95px !important;
  overflow: hidden;
  font-weight: normal;
  color: #FFF;
  text-align: center;
  border: 0;
  background-color: #FF5959;
}
#twist-blogger-sbox-v2 .email_icon {
  display: table;
  margin: -35px auto 0px;
  font-size: 25px;
  padding: 12px;
  height: 25px;
  width: 25px;
  background-color: #363636;
  color: #FFF;
  border-radius: 50px;
  border: 10px solid #FFFFFF;
  line-height: 0;
}
#twist-blogger-sbox-v2 p {
  font-size: 15px;
  color: #F9F9F9;
  text-shadow: 0px -1px 0px #000;
  line-height: 27px;
  padding: 5px 10px 5px;
  text-align: center;
  width: 80%;
  margin: 5px auto 20px;
  border-bottom: 2px solid #6A6A6A;
  border-radius: 20px;
}
#twist-blogger-sbox-v2 .rssform {
  padding: 0;
  margin: 0 auto;
  display: block;
}
#twist-blogger-sbox-v2 .rssform input {
  padding: 8px;
  margin: 20px auto 15px;
  font-size: 13px;
  color: #000;
  text-align: center;
  display: block;
  font-family: inherit;
  font-weight: normal;
  width: 90%;
  height: 38px;
  text-transform: uppercase;
  outline: none !important;
  border: 1px solid #FFFFFF;
  border-radius: 1px;
  background-color: #FCFCFC;
  box-sizing: border-box !important;
}
#twist-blogger-sbox-v2 .rssform .button:hover {
  background: #000000;
}
#twist-blogger-sbox-v2 .rssform .button {
  background: #FF5959;
  color: white!important;
  border: 1px solid #FFFFFF;
  margin-top: 15px;
  outline: none !important;
  transition: all .3s ease-in-out;
  padding: 5px 2px !important;
  float: none;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
}
#twist-blogger-sbox-v2 .bottom_lock_policy {
  background: url(http://4.bp.blogspot.com/-kYVqV9JYDHY/VPMC8jPKTGI/AAAAAAAAA28/zxv0TYRIZe4/s1600/Lock-twistblogger.png) no-repeat 3% -2px;
  color: #959595;
  text-align: center;
  font-size: 12px;
  margin: 0;
  padding: 3px;
  line-height: 25px;
}
#twist-blogger-sbox-v2 .bottom_lock_policy a {
  color: #959595;
  text-decoration: none !Important;
}
#twist-blogger-sbox-v2 .social_profiles {
  line-height: 1.2em;
  display: table;
  float: none;
  margin: 0px auto;
  text-align: center;
  min-width: 157px;
  padding: 5px 0px;
  border: 0;
}
#twist-blogger-sbox-v2 .social_profiles a:hover {
  color: #FFF;
  background-color: #FF5959;
  border-color: #FFF;
}
#twist-blogger-sbox-v2 .social_profiles a {
  color: #000000;
  margin: 0 5px;
  text-align: center;
  float: left;
  display: table;
  padding: 4px 5px;
  background-color: #FFFFFF;
  border-radius: 50px;
  border: 2px solid #2D2D2D;
  width: 15px;
  height: 15px;
  line-height: 0;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
#twist-blogger-sbox-v2 form {
  margin-bottom: 10px !important;
}
</style>
<div id="twist-blogger-sbox-v2">
            <div class="main_tagline">Join Our Newsletter</div><div class="email_icon"><i class="fa fa-envelope"></i></div>
                 <p>Get All The Latest Updates Delivered Straight Into Your Inbox For Free!</p>
   <div class="rssform">
            <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Techhindi4you', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
            <input type="text" name="email" placeholder="Enter your email address..." />
            <input type="hidden" value="Techhindi4you" name="uri" />
            <input type="hidden" name="loc" value="en_US" />
            <input value="Join Now" class="button" type="submit" />
            </form>
            </div>
      <div class="bottom_lock_policy">We Respect Your Privacy | <a href="http://www.twistblogger.com/2015/07/new-stylish-sidebar-subscription-box-widget-for-blogger.html">Get This Widget</a>   </div>
   <div class="social_profiles">
   <a href="https://www.facebook.com/Techhindi-4-you-1792350544423820/" target='_blank' rel='nofollow' title="Join on Facebook"><i class="fa fa-facebook"></i></a>
   <a href="https://twitter.com/techhindi4you" target='_blank' rel='nofollow' title="Follow on Twitter"><i class="fa fa-twitter"></i></a>
   <a href="https://plus.google.com/u/0/115667822026512351287" target='_blank' rel='nofollow' title="Follow on Google+"><i class="fa fa-google-plus"></i></a>
   <a href="https://in.pinterest.com/tahirmanusiya/" target='_blank' rel='nofollow' title="Follow on Pinterest"><i class="fa fa-pinterest"></i></a>
   </div>

            </div>


Editing :

1) Changing Color :

Dosto agar aapko color change karna hai to wo bhi aap kar sakte hai. maine upar ke code me bataya hai yellow color se highlight karke #FF5959 . Dosto yaha par aap jo Subscription Box ka color rakhna chahte hai uska code waha par dal dijiye.

Note : Jis color ka code dalna ho use do bar dalna hai aur dono bar upar ke code me highlight kiya hua hai un dono jagah par aapko code dal dena hai.


2) Change The Feedburner Address :


Dosto yaha par aapko feedburner ka address change karna hai. Dosto upar ke code me maine highlight kiya hua hai yellow color se Techhindi4you. Dosto iski jagah aapko apne blog ka name dalna hai (Dono jagah par dalna hai).


3) Add Social Media Link :


Dosto upar ke code me maine red color se highlight kiya hua hai waha par aapko apne social media ke link dalne hai jisse koi visitor aapko directly Subscription Box se contact kar sakta hai. Red Color 


Dosto ab finally is code ko paste karne ke bad aapko Save par click kardena hai. To dosto aapka subscription box tayyar hai.


Second Design Subscription Box :



Top 3 Stylish And Awesome Subscription Box Widget For Blogger

Dosto is subscription box ko add karne ke liye sabse pehle aap Blogger me Dashboard me jaye uske bad Theme me jaye. Dosto theme me jane ke bad aapko Ctrl + F Press karna hai to ek box open ho jayega usme aapko ye code search karna hai </b:skin>

Dosto jaise hi aapko ye code mil jayega to us code ke pehle aapko ek code dalna hai jo mai niche de raha hu.


#techhindi4you-sub {
padding: 0;
margin: 0;
width: 100%;
border-radius: 1px; border: 0;
background: #ff6600;
}
#techhindi4you-sub .heading {
padding: 10px 10px 5px 10px;
font-family: "Oswald", sans-serif;
font-size: 30px; color: #FFF;
text-align: center;
margin: 0;
line-height:1.5;
}
#techhindi4you-sub .rssform {
padding: 0px 20px;
margin: 16px 0px -15px 0px;
color:#fff;
}
#techhindi4you-sub .rssform input {
padding: 8px;
font-size: 13px;
color:#fff;
font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;
font-weight: normal;
background:#cc5200;
width: 100%;
outline: none !important;
border: none;
border-radius: 1px;
box-sizing: border-box !important;
-moz-box-sizing:border-box;
}
#techhindi4you-sub .rssform .button {
background: #FFF;;
color:#cc5200!important;
border: 0;
margin-top: 15px;
outline: none !important;
transition: all .3s ease-in-out;
width: 100%;
padding: 6px !important;
float: none;
text-transform: uppercase;
font-family: "Oswald", sans-serif;
font-size: 18px;
font-weight: normal;
cursor: pointer;
}
#techhindi4you-sub .credit a {
color:#FFF;
text-align:center;
font-family: "Oswald",sans-serif;
text-decoration:none !Important;
}
#techhindi4you-sub .credit {
font-family: "Oswald",sans-serif;
text-align: center;
font-size: 12px;
padding: 0px;
line-height: 30px;
}



Dosto is code ko paste karne ke bad aapko Save theme Par click kardena hai. Dosto ab aapko Layout me jana hai aur waha par Add a Gadget Par click karna hai aur waha par HTML/JavaScript Ko open karna hai aur mai yaha niche ek aur code de raha hu use waha par paste karde.



<div id='smartpik-sub'><div class='heading'>GET OUR LATEST POSTS IN YOUR INBOX</div> <div class='rssform'> <form action='http://feedburner.google.com/fb/a/mailverify' method='post' target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=techhindi4you', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type='text' name='email' placeholder='Enter your email address...' /> <input type="hidden" value="techhindi4you" name="uri"/> <input type="hidden" name="loc" value="en_US"/>
<input value="Subscribe Now" class="button" type="submit" />
</form>
</div>
<div class="credit">
<a href="http://www.smartpik.in/2016/01/stylish-sidebar-subscription-box-widget-for-blogger.html">Get This Widget</a>
</div>
</div>



Dosto is code me maine red color se jo highlight kiya hai waha par aapko apne blog ka feedburner url dalna hai. Dosto ab finally is code ko paste karde aur uske bad Save par click karde. aapka Subscription Box tayyar hai.


Dosto ye maine aapko kuch Subscription Box ke bare me bataya hai aur dosto agar aapko hamari ye post pasand aayi hai to apne dosto ke sath jarur share kare aur niche die hue social media par jarur share kare. Dosto agar aapko aur Subscription Box Widget chahiye to aap hame comment kare ham aapko bohot achhe achhe Subscription box dege.


Previous
Next Post »

1 comments:

Click here for comments
August 24, 2017 at 3:25 PM ×

Hello, I will Provied SEO Niche Blog Comment Service . All comment relevant with your blog. I know every tips of niche blog comment . This service bring you lots of traffic . We Just say the post be real. That showing your personality is much more important than showing off your knowledge in the niche.

Congrats bro Elizabeth Taylor you got PERTAMAX...! hehehehe...
Reply
avatar