Đây có lẽ là những gì tất cả các blogger đã được chờ đợi là một slide tuyệt vời xã hội chia sẻ ra widget mà làm việc với blogger blog, wordpress blog và các trang web.
Tầm quan trọng: Bản chất của widget này không bao giờ có thể được trên nhấn mạnh như nó brilliants và tính năng tuyệt vời là khá rõ ràng. đây là Infact cách chắc chắn công khai blog của bạn trên các phương tiện truyền thông xã hội và nhận được người sử dụng đăng ký cập nhật của bạn.
Các tính năng: Facebook trang như nút, Twitter theo nút, Email đăng ký hình thức, nút nguồn cấp dữ liệu RSS, nút Google+.
Bước 1: Vào blogger > Bố cục > Thêm widget HTML/Javascript mới vào vị trí bạn muốn hiển thị tiện ích Thống Kê
Bước 2: Dán code bên dưới vào form nội dung :
Bước 2: Dán code bên dưới vào form nội dung :
<style type="text/css">
#ewtfixedfootermain{
z-index:999999;
width:300px;
height:0px;
position:fixed;
bottom:0%;
right:5px
}
#ewtfixedfooterdiv{
border-top:3px solid #444;
border-right:3px solid #444;
border-left:3px solid #444;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
background color:#d7d7d7;
overflow:none;
width:300px;
height:250px;
position:fixed;
bottom:0%;
right:5px;
background:#fff;
background:-moz-linear-gradient(top, #fff 0%,#e5e5e5 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e5e5e5));
background:-webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%);
background:-o-linear-gradient(top, #fff 0%,#e5e5e5 100%);
background:-ms-linear-gradient(top, #fff 0%,#e5e5e5 100%);
background:linear-gradient(to bottom, #fff 0%,#e5e5e5100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#e5e5e5',GradientType=0 )}
#ewtfixedfooterhide{
z-index:999999;
position: absolute;
bottom:250px;
right:5px;
width:285px;
height:25px;
cursor:pointer;
background-color:#fff;
padding-top:5px;
border-top:3px solid #444;
border-left:3px solid #444;
border-right:3px solid #444;
border-top-right-radius:5px;
border-top-left-radius:5px;
}
#ewtfixedfootershow{
position:absolute;
bottom:0px;
right:5px;
width:285px;
height:25px;
cursor:pointer;
background-color:#e5e5e5;
padding-top:5px;
border-top:3px solid #444;
border-left:3px solid #444;
border-right:3px solid #444;
border-top-right-radius:5px;
border-top-left-radius:5px
}
.ewtfixedfooterdownarrow{
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid #333
}
.ewtfixedfooteruparrow{
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #333
}
.ewtfixedfooterblockarrow{
width:8px;
height:10px;
background-color:#333
}
#ewtfixedfootersocial{
position:absolute;
bottom:220px;
right:10px;
width:280px;
height:30px;
float:right
}
#ewtfixedfootersocialicon{
position:absolute;
bottom:135px;
left:10px;
width:auto;
height:64px
}
#ewtfixedfooteremailsubscribe{
position:absolute;
bottom:0px;
width:242px;
height:90px;
right:30px
}
.ewtfixedfooteremailsubscribebox input.email{
padding:7px 10px 7px 10px;
font-family:"Arial","Helvetica",sans-serif;
width:218px;
font-size:12px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.ewtfixedfooteremailsubscribebox input.subscribe{
-moz-box-shadow:inset 0px 1px 0px 0px #fff;
-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
box-shadow:inset 0px 1px 0px 0px #fff;
background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#f0f0f0),color-stop(1,#c9c9c9) );
background:-moz-linear-gradient( center top,#f0f0f0 5%,#c9c9c9 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#c9c9c9');
background-color:#f0f0f0;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777;
font-family:arial;
font-size:13px;
font-weight:bold;
padding:6px 18px;
text-decoration:none;
text-shadow:1px 1px 0px #fff
}
.ewtfixedfooteremailsubscribebox input.subscribe:hover{
background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#c9c9c9),color-stop(1,#f0f0f0) );
background:-moz-linear-gradient( center top,#c9c9c9 5%,#f0f0f0 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9',endColorstr='#f0f0f0');
background-color:#c9c9c9
}
</style>
<!--[if IE]>
<style>
.ewtfixedfooteremailsubscribebox input.subscribe{
width:243px
}
</style>
<![endif]-->
<!--[if gte IE 9]>
<style type="text/css">
.gradient{
filter:none
}</style>
<![endif]-->
<div id="ewtfixedfootermain">
<center id="ewtfixedfootershow"onmouseup="document.getElementById('ewtfixedfooterdiv').style.display='block'">
<table style="margin-top:-2px;">
<tr>
<td>
<center style="color:#333;font-size:15px;font-weight:bold;">
Be Socialized And Subscribed
</center>
</td>
<td>
<center>
<div class="ewtfixedfooteruparrow">
</div>
<div class="ewtfixedfooterblockarrow">
</div>
</center>
</td>
</tr>
</table>
</center>
<div id="ewtfixedfooterdiv">
<center id="ewtfixedfooterhide"onmouseup="document.getElementById('ewtfixedfooterdiv').style.display='none'">
<table style="margin-top:-2px;">
<tr>
<td>
<center style="color:#333;font-size:15px;font-weight:bold;">
Be Socialized And Subscribed
</center>
</td>
<td>
<center>
<div class="ewtfixedfooterblockarrow">
</div>
<div class="ewtfixedfooterdownarrow">
</div>
</center>
</td>
</tr>
</table>
</center>
<div id="ewtfixedfootersocial">
<center style="color:#333;font-size:12px;">
Recive All Latest And Hottest Articles,Tips And Tricks,Awesome Widgets Directly Into Your Inbox And Stay UpDate With Us...!!!
</center>
</div>
<div id="ewtfixedfootersocialicon">
<table>
<tr>
<td>
<a href="https://www.facebook.com/nairatrains">
<img height="48px"width="48px"title="Like Us On Facebook"alt="Facebook"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl_C1vGxS6lepZFH9PodxTsV9vjUucOCS3FzfKc7iSsKdO4MvGzLCj9Y6v3cGYH9rW3B1bwjMuvKy5xsd3XysXTcHLGWBWLQNFy_W_lybSoCwCadnDlI08v6kAJxiV3BD0VeZq_bLCxN4q/s1600/MD-Facebook1.png"onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWMEegc2WMrnb7tny_QUTlW_YijFdvO9OaU8oT0HC0eSU-9IdlxUhniYky_E0ZhO3r-_flMLwZAC_USxoWClhwsDsq2pxdqcV5oJRJUJbltbuoUdO2bFd-3A-18QgMVv0SD2KilB1aMy8l/s1600/MD-Facebook2.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl_C1vGxS6lepZFH9PodxTsV9vjUucOCS3FzfKc7iSsKdO4MvGzLCj9Y6v3cGYH9rW3B1bwjMuvKy5xsd3XysXTcHLGWBWLQNFy_W_lybSoCwCadnDlI08v6kAJxiV3BD0VeZq_bLCxN4q/s1600/MD-Facebook1.png'"/>
</a>
<br />
<a href="https://www.twitter.com/nairatrain">
<img height="48px"width="48px"title="Follow Me On Twitter"alt="Twitter"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_yJbo-gpNpwR2uYzPjtCJTVUEqz-lZOjiAsXilsGaMn4111Z701RCMMH4kr27k1ga8alTenXLCy4jhKUIX4Nocb0l-PRgWJkTqYDE6_UoH0QgJ16Z8-JchTMmEBxkoZAUQvhJm6iZtckm/s1600/MD-Twitter1.png"onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhI2NdgMtweyB-WHJa7sfdJm6iMeCIpMNlKtx-hI4PSnzugh7HmX26Twmwid_ifZNxl7iIhJf0kuLa_xRqAkKsh1gjf1YbvItrxpjkgBDHh3Afq99iExRecyJeLQ1uz_3tQH0jKsSIPf0l/s1600/MD-Twitter2.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_yJbo-gpNpwR2uYzPjtCJTVUEqz-lZOjiAsXilsGaMn4111Z701RCMMH4kr27k1ga8alTenXLCy4jhKUIX4Nocb0l-PRgWJkTqYDE6_UoH0QgJ16Z8-JchTMmEBxkoZAUQvhJm6iZtckm/s1600/MD-Twitter1.png'"/>
</a>
</td>
<td width="75px"valign="top">
<a style="font-size:12px;color:#333;font-weight:bold;"href="https://www.facebook.com/nairatrains">Like Us On FaceBook
</a>
<br />
<br />
<a style="font-size:12px;color:#333;font-weight:bold;"href="https://www.twitter.com/nairatrain">Follow Us On Twitter
</a>
</td>
<td>
<a href="https://profiles.google.com/103708169695782281000"><img height="48px"width="48px"title="Add Us To Your Circle"alt="Google Plus"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvDXhW4eD-eOJh54j3wUMpz_ZlsaLruO7HXUQiT0uWGjwaBl_6gjgtEpckoN1I9gPJOELBDEDZuXU6edksNi_T-2oEk3uvkWjXLljzGzuyYA5E9frBdxGiz4PCYACofcFQLwgZqagazrAn/s1600/MD-Google1.png"onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_1IqXxpuJhmcH6vbx5hACB7G1HzBVih2jeaZTr7dSIBUmn_YoYB15JdwbzSkq6CyvxTtYdqdB7tdc9bbb4GCjLnndxRYycLtdrcCDS8lgnxW72uDt06EuceoHWy92Jt3tYFjYfkfGKqe5/s1600/MD-Google2.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvDXhW4eD-eOJh54j3wUMpz_ZlsaLruO7HXUQiT0uWGjwaBl_6gjgtEpckoN1I9gPJOELBDEDZuXU6edksNi_T-2oEk3uvkWjXLljzGzuyYA5E9frBdxGiz4PCYACofcFQLwgZqagazrAn/s1600/MD-Google1.png'"/>
</a>
<br />
<a href="http://feeds.feedburner.com/http://feeds.feedburner.com/blogspot/XylXo">
<img height="48px"width="48px"title="Subscribe Our RSS"alt="RSS"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDdu2kUEr0F4pDSTt9wBU4bvkMMgWG38ZdNoRG6obug2amKBgVCrkt3kiH8ytgKFkLoBRa1osetPc_o5pbT-OhyWR1YNSLk1mjYTO1BKuxvejEyGreqe2WpKQr-IOhdR1eWUOnsBSfijDT/s1600/MD-Feedburner1.png"onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrUQ3xWsfED0kj2t8iKJ6UYiyZ4nf8q-nvNGvLioS3Shkbzd-Rr51MOcWc71qe2nRILmcBkfUc8SUcn6finLiES-hBOiPj6BLcnBsxgvpFYvCekpiR-MTHL5CcFDRIiUsUeAAptGqspk6G/s1600/MD-Feedburner2.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDdu2kUEr0F4pDSTt9wBU4bvkMMgWG38ZdNoRG6obug2amKBgVCrkt3kiH8ytgKFkLoBRa1osetPc_o5pbT-OhyWR1YNSLk1mjYTO1BKuxvejEyGreqe2WpKQr-IOhdR1eWUOnsBSfijDT/s1600/MD-Feedburner1.png'"/>
</a>
</td>
<td valign="top">
<a style="font-size:12px;color:#333;font-weight:bold;"href="https://profiles.google.com/103708169695782281000">
Add Me <br />In Circle
</a>
<br />
<br />
<a style="font-size:12px;color:#333;font-weight:bold;"href="http://feeds.feedburner.com/http://feeds.feedburner.com/blogspot/XylXo">
Subscribe <br />Our RSS
</a>
</td>
</tr>
</table>
</div>
<div id="ewtfixedfooteremailsubscribe">
<div class="ewtfixedfooteremailsubscribebox">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/XylXo"method="post"target="popupwindow"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=http://feeds.feedburner.com/blogspot/XylXo','popupwindow','scrollbars=yes,width=550,height=520');return true"><input class="email"type="text"id="email"name="email"value="Enter Your Email Here.."onfocus="if(this.value==this.defaultValue)this.value='';"onblur="if(this.value=='')this.value=this.defaultValue;"/>
<input type="hidden"value="http://feeds.feedburner.com/blogspot/XylXo"name="uri"/>
<input type="hidden"name="loc"value="en_US"/>
<br />
<input class="subscribe"name="commit"type="submit"value="Subscribe Our News Letter Now"/>
</form>
</div>Bước 3- Lưu mẫu lại.
Thay thế sau đây:
https://www.facebook.com/nairatrains với địa chỉ trang facebook của bạn.
https://www.twitter.com/nairatrain với địa chỉ trang twitter của bạn.
https://profiles.google.com/103708169695782281000 Với hồ sơ Google của bạn.
XylXo Với uri nguồn cấp dữ liệu của bạn.
Không có nhận xét nào:
Đăng nhận xét