Social Profiles Widget với Subscription Box cho Blogger

Social Profiles Widget with Subscription Box for Blogger

Đây là 1 widget đơn giản chỉ với CSS nhưng trông khá đẹp mắt.Hãy cùng Iris Tips thực hiện nó nào !

Social Profiles Widget với Subscription Box cho Blogger

Bước 1: Vào Bố cục >> Thêm tiện ích HTML/Javascript và copy đoạn code bên dưới vào

 <link href='https://sites.google.com/site/iristipsblogger/file/Dynamic%20Social%20Profiles%20Widget.css' rel='stylesheet' type='text/css'/>
<center>
<div class="widget social_media">      
<ul>
<li><a class="social_media_icon twitter_icon" href="https://twitter.com/Iris_Tips" ></a></li>
<li><a class="social_media_icon facebook_icon" href="http://www.facebook.com/pages/Iris-Tips/914163981938548" ></a></li>
 <li> <a class="social_media_icon gplus_icon" href="https://plus.google.com/101485071107768481012" ></a></li>
 <li><a class="social_media_icon rss_icon" href="http://feedburner.google.com/fb/a/mailverify?uri=IrisTips" ></a></li>
</ul></div>
</center>
<div class="widget newsletter clear">
<h3><a href="http://feeds2.feedburner.com/IrisTips" >
<img  src="http://dl.dropbox.com/u/72954964/Dynamic%20trick/social%20widget/i_rss.png" alt="" class="i_rss"  /> </a></h3>
<p>If you did like to stay updated with all our latest news please enter your e-mail address here</p>
<div class="newsletter_form_div">
<form class="newsletter_form "  action="http://feedburner.google.com/fb/a/mailverify" method="post"  onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=IrisTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return false;">
 <div class="newsletter_left">
<input type="text" class="field" value="Email Address for news updates" onfocus="if (this.value == 'Email Address for news updates') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Email Address for news updates';}" name="email" /></div>
<div class="newsletter_right">
<input type="hidden" value="IrisTips" name="uri"/><input type="hidden" name="loc" value="en_US" />
 <input class="btn_submit" type="submit" name="submit" value="" />
</div><div style="clear:both;"></div>
</form>
</div>
</div> 

Bước 2: Chỉnh sửa link Facebook, Twitter, Google+, Feedburner cho phù hợp với trang của bạn.

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by mjnt/Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm