Blogger Blog Me Beautiful Newsletter Sign Up Form Lagaye

Namaskar Dosto, Is post me Bloglon aapko batane ja raha hai ki Blogger Blog Me Beautiful Newsletter Sign Up Form kaise add karte hai, Jabki maine apni pichhli post me aapko bataya tha ki Blogspot Blog Me CommentLuv plugin Kaise install karte hai. Jaisa ki ham sab jante hai ki blogspot platform ke liye achhe subscription box bahut hi kam milte hai. Lekin jo subscriber box me is post me share karne wala hu, Use WordPress se liya gaya hai aur uske code ko configure karke Blogger platform ke liye banaya gaya hai. Newsletter signup form code me CSS aur HTML language ka use kiya gaya hai. Jisse ise load hone me bilkul hi time nahi lagta. Ye aapke blog ke other content ke sath hi fast load ho jata hai, Jisse aapke site ki speed par koi negative impact bhi nahi padta hai. Iski design kaisi hai ise dekhne ke liye Image me dekh sakte hai.

Blog me Beautiful Newsletter Sign Up Form Kyo Add kare ?

Vaise aap subscriber box ka kya kaam hota hai ye to jante hi honge, Yadi nahi jante hai to aage badhne se pahle ise jarur ek baar padh le Feedburner Email Subscription Box kyonki adhura knowledge kisi kaam ka nahi hota.

Jab ham apne blog ko achhe se design karte hai to iska sidha effect visitors par padta hai, Unhe aapke blog ka design achha lagta hai to vo aapke blog par return traffic ke roop me aana start ho jate hai. Aur unme se bahut sare visitors aapke blog ko subscribe bhi karna pasand karenge, Kyonki vo aapki ek bhi new published post ko miss nahi karna chahenge. Aur yadi aap Beautiful Newsletter Sign Up Form ko use karenge to subscriber badhne ke chances jyada ho jate hai.

Aapke blog ke subscriber jitnee jyada honge utne aapke returnig visitors bhi hone ke chances badh jate hai. I mean ek achha email newsletter signup form visitors ko jyada pasand aayega aur subscription bhi increase hoge. Yadi aap simple newsletter signup form ko apne blogspot blog par use kar rahe hai to me aapko use change karke is stylish subscription box ko add karne ke liye suggest karunga.

Read Also: Blogger Blog Ka Content Copy Hone Se Kaise Bachaye

To aaiye jante hai ki apne Blogspot blog me achha Newsletter Sign Up Form kaise add kar sakte hai.

How to add Blogger newsletter sign up form ?

Yadi aap koi other subscriber box apne blog me use kar rahe hai aur aap use remove karke good design wala subscriber box add karna chahte hai to is Video Tutorial ko watch kijiye –

Yadi aap upar diye gaye video ko nahi dekhna chahte hai to hamare dwara aage bataye gaye kuchh simple steps ko follow kijiye –

Step – 1

Sabse pahle Blogger Dashboard ko open kijiye.

1. Template par click kijiye.
2. Edit HTML par click kariye.

Step – 2

Ab aapke samne aapke template ka all code open ho jayega. Lekin usme aap dekhenge to kuchh code fold najar aayenge. Yadi ham unhe edit karna chahe to sabse pahle us folded code par click karke unfold karna padega.

1. <b:skin>…</b:skin> code ko unfold karne ke liye black arrow par click kare.
2. Ab ]]></b:skin> ke just upar niche diya gaya CSS code copy karke paste kar de.

#bloglon {
	padding: 15px 27px 20px;
	line-height: 25px;
	text-align: center;
	background: #ea7414;
width: 300px
	margin: -25px;
	border: 2px solid #999999;
}
input.jdk {
	color: #333;
	padding: 9px;
	font-size: 14px;
	font-family: PT Sans Caption', 'PT Sans', sans-serif;
	border: 1px solid #EEE;
	margin: 10px auto 0;
	border-radius: 3px;
	width: 89%;
}
#bloglon p {
	color: #ffffff;
	font-size: 16px;
}
#bloglon h5 {
	font-size: 20px;
	color: #000000;
	padding: 0;
	text-align: center;
}
#bloglon input[type="submit"] {
	background-color: #18c90c;
	border: #EEE solid 1px;
	color: #fff;
	cursor: pointer;
	padding: 10px 15px;
	font-size: 16px;
	width: 100%;
	margin: 15px auto 0;
}
#bloglon input[type="submit"]:hover {
	background: #ea141f;
	color: #fff;
	border: #EEE solid 1px;
}

3.  Ab Save template par click kar dijiye.

Step – 3

1. Ab layout par click kijiye.
2. Add a Gadget par click kare.
3. Iske baad aapke samne ek popup window open hogi jisme HTML/JavaScript par click kare.

Step – 4

Ab aapke samne ek short popup window open hogi jisme ek blank box najar aayega.

1. Name wale field me Widget ka naam dal sakte hai ya fir khali chhod de.
2. Content wale field me niche diya gaya HTML code copy karke Box me paste kar dijiye.

<div id="bloglon">
<h5>BlogLon Free SignUp</h5><p>BlogLon par Sign up kare aur Apne email inbox me Latest Blogging Guide Daily Prapt kare</p>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Bloglon', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="jdk" type="text" name="name" placeholder="Enter your name" />
<input class="jdk" type="text" name="email" placeholder="Enter your email ID" />
<input type="hidden" value="bloglon" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input class="submit" type="submit" value="SUBSCRIBE NOW" />
</form>
</div>

Important Note – Line No. 2 me “BlogLon par Sign up kare aur Apne email inbox me Latest Blogging Guide Daily Prapt kare” ise apne hisab se customize kar le. Aur Line No. 3 me “http://feedburner.google.com/fb/a/mailverify?uri=Bloglon” me Bloglon ki jagah apni feedburner ID dal de uske baad widget ko save kar de.

3.  Save par click karke code ko save kar dijiye.

4.  Ab Save arrangement par click karke widget ko save kar dijiye.

Congratulation ! Ab aapka newsletter signup widget show hone lagega, check karne ke liye apne blogger blog ko open karke dekhe.

Read Also: Blogspot Blog me Custom Page Not Found Settings Kaise Kare

Ab aapko samajh me aa gaya hoga ki Blogger site me stylish newsletter signup form kaise add karte hai. Yadi aapko Blogger newsletter widget se related koi question hai to aap jarur hamse puchh sakte hai. Yadi aap is post se related koi suggestion dena chahe to comments ke madhyam se hamare sath jarur share kare. Yadi ye post aapke liye helpful rahi ho aur aapko lagta hai ki isse other bloggers ki bhi help ho sakti hai to ise social media par jarur share kar de.