إضافة الإشتراك في المواقع الإجتماعية بشكل جديد واحترافي الى مدونة بلوجر قائمة للإشتراك في المواقع الإجتماعية , فيس بوك وتويتر وايضا للاشتراك في rss والقائمة البريدية , تتميز هذه الاضافة بشكلها الجذاب وبخفتها الرائعة وبالوانها المتناسقة .
طريقة التركيب :
ادخل مدونتك
ثم اضافة اداة HTML/Javascript
الان انسخ هذا الكود والصقه ( مع تعديل ما سأذكره )
<!--- Thesis Widget by 7loll.blogspot.com --->
<div class="widget-content">
<div class="lefts">
<h1>
إنضم لأكثر من <b>3025</b> متابع للمدونة</h1>
<div class="social">
<a href="http://feeds.feedburner.com/jetara1" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_rAQgusS1vTNd3W-QZdi424ey9MylQqckrJtbqEve_MHpOg1RKal85AUaXa0Hf80GS_vAHGxPyf2BCnKmmDHbq97_xwYUNRbeJzLwGopTlKUVuDSSjmhPjWjsbmshcxZlW1njjjSlFug/s1600/rss.png" /></a>
<a href="http://twitter.com/jetara2" rel="nofollow" target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPp8xUMQw8syWpZBYiUx1b6zmaTJoBS0Mkr7vluW-WZySLjaOhBpPavOJWZDx6-6sZNMEPa2fMMCIbTk8irMf5jzgWmm2MZVzE4Hr-llzcDpp9zAePYREkxy61Ov15wYcQOWm4cAHRFtk/s1600/tw.png " /></a>
<a href="http://www.facebook.com/jetara3" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA4PB1M66TRfdwbeloLuNhY8atAIXnCfqfXBsP0cOAK7-wvMAuWBOnN8rwA_kYmh0SBzGgeozttaBLGQeE7rTRudXytAtjuqoRFWP0yBewUYhPPEZO2KKq7W_LUy-NgiJjpSL_pyfeMrU/s1600/face.png" /></a>
</div>
<div class="ins">
<center>
<div id="sleek-subscribe">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=jetara4" method="post" rel="nofollow" target="_new">
<input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'ضع اميلك هنا ليصلك كل جديد';}" onfocus="if (this.value == 'ضع اميلك هنا ليصلك كل جديد') {this.value = '';}" value="ضع اميلك هنا ليصلك كل جديد" /><input class="btn2" type="submit" value=" " />
<a href="http://7loll.blogspot.com/"></a>
</form>
</div>
</center>
</div>
</div>
<style>
.lefts{
width:300px;
height:182px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV4i_1xrjOi4unAdAFGllgdN_xV5dyQG29xBLgIIkaVuQvL7m_4NWGB9sUmaaKCZt8Ikd8RMKYWqV4sRqVqCIZ7KqGs91K4Dhkmgs0km4tlgwpIpI3UBsQ8eusEOhb_j5FtVomqGdMqZE/s1600/left.png);
}
.lefts h1{
color:#767676;
margin:0;
text-align:center;
font:14px 'DroidKufi-Bold';
padding:10px;
padding-top:20px;
}
.lefts b{
font:18px Arial, Helvetica, sans-serif;
color:#ffc000;
}
.lefts .social{
margin-right:50px;
}
.lefts .social a img{
float:right;
margin-right:20px;
margin-top:8px;
}
.lefts .ins{
width:300px;
height:40px;
float:right;
margin-top:15px;
}
.lefts .ins .txt2{
border:1px solid #e1e1e1;
background:#fff;
border-radius:5px;
font:12px Tahoma, Geneva, sans-serif;
color:#c0c0c0;
padding:6px 7px 7px 7px;
margin:0px;
float:right;
margin:0 20px 0 5px;
text-align:right;
width: 175px;
}
.lefts .ins .btn2{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4PTiTsy5ORcIjKoofs-nEn5H5T8qtjOXiC-GM2_GfgMloYVLLftHQ29Vsoy9ggBOkmXz7s_29WOXfzbN-9zmkq83MpwKQbzbrqlBUwAg1g3iESib4ddhKOzbmtOBVY0LeqKFwhjaJZCk/s1600/sub.png);
float:right;
border:none;
width:64px;
height:28px;
cursor:pointer;
}
</style>
</div>
التعديلات : ابحث في الكود عن :
- jetara1 واستبدله برابط خلاصتك في الفيدبنر .
- jetara2 و استبدله بحسابك في تويتر.
- jetara3 واستبدله بحسابك في الفيس بوك .
- jetara4 واستبدله برابط الاشتراك في القائمه البريدية .
- 3025 واستبدله بعدد متابعينك .
0 التعليقات:
إرسال تعليق