Monday, May 23, 2011

ලස්සන Wordpress Subscription Form එකක් බ්ලොග් එකට දාගන්න..

මෙන්න ඔයාලට තවත් බ්ලොග් ගැජට් එකක්. මේක Wordpress Subscription Form එකක්. මේ ගැජට් එක මගින් අපේ ෆේස්බුක් එකේ පේජ් එකට ඒවගේම twitter සහ Feed Buner  Pages වලට යන්න බට්න්ස් තියනවා. තවත් පහසුකමක් තමා අපේ බ්ලොග් එක බලන්න එන කස්ට්යගේ ඊ මේල් එක මේකට ලබාදුන්නහම අපේ බ්ලොග් එකේ නවතම ලිපි එයාලගේ Inbox එකට යනවා.
ඉතින් කැමතිද මේක ඔයාගේ බ්ලොග් එකට දාගන්න..
මෙහෙමයි දාගන්නේ,
  1. මුලින්ම Blogger > Design
  2. දැන් HTML/JavaScript Widget
  3. HTML/JavaScript එකේ පහත කෝඩ් එක පේස්ට් කරන්න
සැ.යු : පහත කෝඩ් එකේ වර්ණය වෙන් කරල තියන තැන්වලට ඔබේ අදාල තොරතුරැ ඇතුල් කරන්න
<style>
.mbtbar{width: 100%; float: left;}
.mbtbar .count{color:#333; font-size: 14px; font-weight: bold; font-family: Helvetica, Arial; background: #fff; height: 45px; line-height: 45px; vertical-align: middle; width: 100%; padding: 0 10px 0 4px;}
.mbtbar .count span.bigcount{color:#F17C18; font-size: 24px; font-family: Helvetica, Arial; line-height: 39px; vertical-align: top; padding-right:3px;}
.mbtbar .subicons{border-bottom: 1px solid #e6e6e6; margin: 0px 0 0px 0; float: left; width: 300px; font-family: Helvetica, Arial; font-size: 14px;} 
.mbtbar .subicons a{text-decoration: none; color:#333333;} 
.mbtbar .subicons a:hover{text-decoration: underline; color:#333333;}
.mbtbar .subicons .rssicon{border-right: 1px solid #e6e6e6; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg951K8jSKtm9PQalRp11YYDXTQ9np5AQXbO5fgbRjnzYBxaoMZTmUshgl5ettkAmu3_g2STJE8LzrdhwNHlCq2ENDszdn793u9MdyHhY4Mm0VMpSZ4x0uUKG61t8KgvuDg7VRIIr_npIU/s400/rss.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}
.mbtbar .subicons .fbicon{border-right: 1px solid #e6e6e6; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgglyioYxV_AN3F3Xn8sJer5bW5XWAQKjkKo-uNGZfC2uwUtK5JPadl0aNTZYwHAhcTQzUyQ9jgumI2l4M_9gy-QMwoUKdZ1VXBcra6xLlPRXcW6ipkRQo9DXr5wSnlF3FMhsbPQNkIIlc/s400/facebook.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}
.mbtbar .subicons .twittericon{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj62yj6AdrTwVxM5ZgYdtgIp7AkRsFNpedwYs1g853epjBPVbcH1nSbVZbR92OJnZKt1O9PcWOTGSypRIThyG-WJpqmTMbuN5KE__lv8dtQOltCyk8tnSSD2g6Zv17kw92Y1t6u5T2H-c8/s400/twitter.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}
.mbtbar .emailsub{border-bottom: 1px solid #e6e6e6; padding: 15px 0 20px 0; float: left; width: 100%; font-family: Helvetica, Arial;}
.mbtbar .emailsub .emailicon{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjdkZ82QJGPWAIqYb4t5qqVq0Q22SYg0Jo1CTqFXf6uX0USmepqAII2BDnqPKaT86ZWY9fjIJWAdwz9P_n_kszmokNg_h_odVqt47OD0MrRLnfJdkc-XDCJx9ibLBOecCuw3bAK3RpJpw/s400/email.png) no-repeat left center; float: left; padding: 5px 15px 0px 35px; margin: 0 0 0 5px; width: 300px; height: 28px; line-height: 28px; vertical-align: middle; font-size: 14px; color: #333; }
.mbtbar .emailsub .emailupdatesform{margin: 15px 0 5px 5px; width: 300px; float: left;}
.mbtbar .emailsub .emailupdatesform input.emailupdatesinput{background: #fff !important; float: left; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.mbtbar .emailsub .emailupdatesform input.joinemailupdates{background:-moz-linear-gradient(top,#57ABFE 0%,#0080ff 100%); background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#0080ff)); border: 1px solid #0080ff; text-transform: uppercase; color: #fff; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} 
</style>
<!--[if IE 7]> 
<style> 
.mbtbar .count span.bigcount{color:#F17C18; font-size: 24px; font-family: Helvetica, Arial; line-height: 34px; vertical-align: middle; }
.mbtbar .emailsub .emailupdatesform input.joinemailupdates{background:#0080ff; border: 1px solid #0080ff; text-transform: uppercase; color: #ffffff; font-weight:bold; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; } 
</style> 
<![endif]-->
<div class="mbtbar"><div class="count">Join <span class="bigcount">1675+</span> People Following MBT</div><div class="subicons"><div class="rssicon"><a href="YOUR FEEDBUER URL" target="_blank">RSS</a></div><div class="fbicon"><a href="FACEBOOK FAN PAGE URL" target="_blank" rel="nofollow">Facebook</a></div><div class="twittericon"><a href="TWITTER PAGE URL" target="_blank" rel="nofollow">Twitter</a></div></div> 
<div class="emailsub"> 
<div class="emailicon">Stay Updated via Email Newsletter</div> 
<div class="emailupdatesform"> 
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email...&#39;;}" onfocus="if (this.value == &#39;Enter your email...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="Feed Buner Rss Email" name="uri" type="hidden" /><input value="Join" class="joinemailupdates" type="submit" /></form></div></div></div>

No comments:

Post a Comment

ලිපිය ගැන හිතුන ඕන දෙයක් පහල ටයිප් කරලා යන්න.
ඹයාලාගේ අදහස් මට ගොඩක් වටිනවා.