السلام عليكم ورحمة الله تعالى وبركاته
في هذا الدرس الجديد ساشرح لكم طريقة إضافة اداة واحدة تختصر اربع ادوات وهي:
لوحة الإشتراك في المواقع الإجتماعية
rss وفيس بوك وتويتر
الميزة الكبرى في الأداة انها صغيرة الحجم
وتختصر لك أربعة اشياء دفعة واحدة
تستحق التثبيت فعلا..
شرح تركيب الأداة الخلابة:
انتقل إلى لوح تحكم مدونتك،
إختر "تخطيط" ثم إضافة أداة ,ثم اختر HTML/Javascript
والآن الصق داخل المستطيل الكود التالي :
<div class="widget-content">
<div class="lefts">
<h1>إنضم لأكثر من <b>3025</b> متابع للمدونة</h1>
<div class="social"><a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/omardr%20"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGmGd1J6_NHLOKEqQnSsw4QWtgHJ1hO_-YrbSrQkkrp3xORp9lY6eqQZSlCS6vPd9f_Tuj_Xr5oWTU_dHG1bh1cTggSaD4_0o50bN9XYmwOXYCubYBBQlAmagGSW9lvq6j5nt0nM-EwU/s1600/rss.png"></a>
<a rel="nofollow" target="_blank" href="http://twitter.com/omarradar"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD57q22thgXnzWsQ2LKkam5pzQseApvVXrStnZ0Jq2v_6BwSWPQJZj2Cev3Kc3r1Zm2ejUFwkELr7R2s0Ymdho7EQsZjXZmgdL110_-dVIEl6TKFkGLb-QcWjjCOwYB6d1fYOKLVNNoTw/s1600/tw.png"></a>
<a rel="nofollow" target="_blank" href="http://www.facebook.com/rdrman"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1APD05lmlbe0k1BeAjlfL4G6oboiSsWEaEHefTIRe7i_qn8yyxhyphenhyphenKHPtbOY2obf0ZuBCdFG3pq67A9LMCSK5zhoYAJfTZPUdg7WqRWOkE9xN95OukKtlQkXNhCNuF1eIJLkk4tgGttcs/s1600/face.png"></a>
</div>
<div class="ins"> <center><div id="sleek-subscribe">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=omarham" method="post" rel="nofollow" target="_new"> <input class="txt2" name="email" onblur="if undefinedthis.value == '') {this.value = 'ضع اميلك هنا ليصلك كل جديد';}" onfocus="if undefinedthis.value == 'ضع اميلك هنا ليصلك كل جديد') {this.value = '';}" value="ضع اميلك هنا ليصلك كل جديد"><input class="btn2" type="submit" value=" ">
</form>
</div>
</center>
</div> </div>
<style>
.lefts{
width:300px;
height:182px;
background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj88plQM4ak5gXusPCijnWkFsHEv9EjyM0A0VtON_RVhrVP8UD5prlV5igDKTK4mAQD0s7g_b_t5ew5PKvJzAGNHnlEbvSj1OF6OJYbHf0ZELaXAjKbibXtloa0F_6ecgkDWEqSN1UBznI/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:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLnZ3AXGjOILYiTskvxqg3W6iPzsMDSdtNz9kuw8sz8t1ZiE3vwuTiNZbR0g1KA-QNfp9xb2eZvMb2vmofm2I8xS5_Q7AEQV9CSOlGBAXw6uAvVBJNw7fmXZw_w_N4PAzOX4OzH9jE0dg/s1600/sub.png);
float:right;
border:none;
width:64px;
height:28px;
cursor:pointer;
}
</style>
</div>
الان قم باستبدال ما بالالوان باسماء حساباتك في rss وفيس بوك وتويتر
* ا ستبدل omardr باسم حسابك في فيد برنر
* استبدل omarradar باسم حسابك في تويتر
* استبدل rdrman باسم حسابك في فيس بوك
* استبدل omarham باسم حسابك في فيد برنر لخدمة البريد الالكتروني
الآن مبروك عليك لقد تمت إضافة هذه الأداة الجميلة بكل سهولة
تاعوني على الفايسبوك
شكرا لتتبعكم
مواضيع ذات صله
قسم إضافات بلوجر,
كل التدوينات
عمر, 18 سنة, مدون مغربي ذو رصيد معلوماتي متواضع,
أنشئت المدونة من أجل مشاركت معلوماتي مع المتابعين ...تابعني على
Google+ و
الفايس بوك
