Thứ Ba, 24 tháng 7, 2012

Bạn thích này Câu chuyện? - Email đăng ký Widget cho Blogger!


Hi Khách thăm thân mến của tôi .. Hôm nay tôi sẽ dạy cho bạn Làm thế nào để Thêm "Giống như câu chuyện này?" - Đăng ký Email Widget Đối với Blogger, Bạn có thể nhìn thấy một ảnh chụp màn hình của widget này từ trên picture.Let 'xem Làm thế nào để có được này!

Thực hiện theo các bước dưới

Đăng nhập vào Bảng điều khiển Blogger của bạn -> Thiết kế -> Edit HTML -> Đánh dấu vào Expand Widget Templates Box
Cuộn xuống và tìm tag <data:post.body/>.
Sao chép đoạn code dưới đây và dán nó chỉ sau khi <data:post.body/> tag và Save Template.

<b:if cond='data:blog.pageType ==
&quot;item&quot;'>


<style>


form.emailform{


margin:20px 0 0;


display:block;


clear:both;


}


.mbttext{


background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEoMv4zftdxLfSTNlLUSubcZJPhkW0VZDTO1SJ5yDZk9wthtlsIj8B243ix2Rzight6Z70K7dbI79FZxUh568tcvWBKucjTNYu7wEJMhX37bbTUVNEK0TmhYUainw3yn31EWgjeXgDELnV/s28/w2b-mail.png)
no-repeat scroll 4px center transparent;


padding:7px 15px 7px 35px;


color:#666;


font-weight:bold;


text-decoration:none;


border:1px solid #D3D3D3;


-moz-border-radius: 4px;


-webkit-border-radius: 4px;


border-radius: 4px;


-moz-box-shadow: 1px 1px 2px #CCC inset;


-webkit-box-shadow: 1px 1px 2px #CCC inset;


box-shadow: 1px 1px 2px #CCC inset;


}


.mbtbutton{


color:#666;


font-weight:bold;


text-decoration:none;


padding:6px 15px;


border:1px solid #D3D3D3;


cursor: pointer;


-moz-border-radius: 4px;


-webkit-border-radius: 4px;


-goog-ms-border-radius: 4px;


border-radius: 4px;


background: #fbfbfb;


background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4
100%);


background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));


background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4
100%);


background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4
100%);


background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4
100%);


filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr=&#39;#FBFBFB&#39;,
endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );


background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);


}


#doulike-outer {


-moz-border-radius: 10px 10px 10px 10px;


-webkit-border-radius: 10px 10px 10px 10px;


-goog-ms-border-radius: 10px 10px 10px 10px;


border-radius: 10px;


background: none repeat scroll 0 0 transparent;


border: 1px solid #D3D3D3;


padding: 8px;


-moz-transition: all 0.3s ease-out;


-o-transition: all 0.3s ease-out;


-webkit-transition: all 0.3s ease-out;


-ms-transition: all 0.3s ease-out;


transition: all 0.3s ease-out;


width:480px;


}


#doulike-outer:hover{


background: none repeat scroll 0 0 #FFF;


-moz-box-shadow: 1px 1px 2px #CCC inset;


-webkit-box-shadow: 1px 1px 2px #CCC inset;


box-shadow: 1px 1px 2px #CCC inset;


}


#doulike-outer td{


padding:3px 0;


}


</style>


<div id='doulike-outer'>


<div id='doulike'>


<table width='100%'>


<tbody>


<span style='font-style: italic; font-size: 30px;
font-family: arial,sans-serif, verdana; 
color:#FF683F;'>Do you Like this story..?</span>


<tr>


<td>


<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like
font='' href='' layout='button_count' send='true' show_faces='false'
width='300'/>


</td>


</tr>


<tr>


<td align='left'> <p style='color:#666;
font-style:italic; margin:0px 0px 5px 0px; '>Get Free Email Updates
Daily!</p>


<form
action='http://feedburner.google.com/fb/a/mailverify' class='emailform'
method='post'
onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=BloggerTricksAndTools&apos;,
&apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return
true' style='margin: 0pt;' target='popupwindow'>


<input name='uri' type='hidden' value='BloggerTricksAndTools'/>


<input name='loc' type='hidden' value='en_US'/>


<input class='mbttext' name='email' onblur='if
(this.value == &quot;&quot;) {this.value = &quot;Enter your
email...&quot;;}' onfocus='if (this.value == &quot;Enter your
email...&quot;) {this.value = &quot;&quot;}' type='text'
value='Enter your email...'/>




<input alt='' class='mbtbutton' title='' type='submit'
value='Submit'/>


</form>


</td>





<td><p style='color:#666; font-style:italic;
margin:0px 0px 5px 0px;  '>Follow
us!</p>


<a href='http://feeds.feedburner.com/BloggerTricksAndTools'
rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYRDg0fd1lSbO2TBMTkVVYYuA_eToP6iG3IZf6WcCwU4nQ7-skVfcrWKxfg7cSmwiImQ4KfayAb2LovBB4Km6F-ebfUy5HbwqPvNGEjAqdViGRBl15QmvI5v19BMYD78eoWCPHgAneTN-q/s40/w2bRSS+.png'/></a>


<a href='http://twitter.com/dulara1997'
rel='nofollow' target='_blank' title='Follow us on Twitter'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7FP_7ahdAGWUPxXYqUtyOtb101Ley2M9MJvj4lY33iKmuryfs68PJIzA5qOVW78yshF6IBBRu5fAyLPjxYqEse6sxB6wUK-K1-N6yLaIElUDYPN297ExIYWfFnU-cw04A9LnrauqDAWII/s40/w2bTwitter.png'/></a>


<a href='http://www.facebook.com/pages/Blogger-Tricks-Tools/105350376211143'
rel='nofollow' target='_blank' title='Follow us on Facebook'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVDRvS0eAI1OyB_xDO8-nuhx3tbJ1t9gi3AWuKdnxFV6tC4kJcI0mDFiH5IqPUp2x02QQwu2IezMNgivnV2REZFUpLU0kGVgCZekypictNh4QKCoIgYns2a3GxeBGfPMcQLIm_dzDQySab/s40/w2bFaceBook.png'/></a>


</td>


</tr>


</tbody></table></div></div>


</b:if>


Please Make Sure To Make This Changes
  • Change BloggerTricksAndTools With Your Feedburner Title.
  • Change dulara1997 With Your Twitter Username.
  • Change http://www.facebook.com/pages/Blogger-Tricks-Tools/105350376211143With Your Facebook Fanpage URL.
That's It....You're Done...
Happy Blogging!

0 nhận xét: