حصريا مربع احترافي لمتابعة المدونة بتقنية ال CSS جربه الان

  السلام عليكم ورحمة الله وبركاتة موعدنا اليوم مع درس جميل ورائع ومهم انها اضافه تتيح للمدونين اضافة قائمة في العامود الجانبي لمدونة بلوجر تمكن لزوار المدونة متابعتها علي المواقع الاجتماعيه الشهريه مثل الفيس بوك وتويتر ومتابعة موجز المواضيع ايضا وذلك كما ترى في الصوره المرفقه  داخل التدوينه.هذة الاضافة اشتهرت بها مؤخرا القوالب الاحترافيه الجاهزه.
ان اعجبتك

قم باتباع الخطوات التى بالاسفل ---->>>>>

* قم بتسجيل الدخول الى لوحة تحكم مدونتك.

* قم بالذهاب الى تصميم ثم تحرير HTML.

* قم بالضغط على علامة توسيع قوالب واجهة المستخدم.

* ابحث عن الكود التالي ]]</b:skin> وذلك بالضغط علىCTRL+F .

* انسخ الكود الموجود بالاسفل وضعه مباشرة قبل هذا الكود ]]</b:skin>

#subscription {
list-style: none;
margin-top: 0px;
}
#subscription li {
padding: 5px 10px 5px 10px;
height: 60px;
border-bottom:1px dashed #5a8989;
}
}
#subscription li a {
color: #333333;
}
#subscription li a:hover {
color: #029fc0;
}
#subscription li h5 {
margin: 0 0 0 45px;
font-size: 18px;
color: #333333;
font-weight: bold;
border: none;
}
#subscription li p {
margin: 0 0 0 45px;
font-size: 13px;
}
#subscription li img {
float: left;
padding: 0px;
margin: 0px 10px 0px 0px;
}
#subscription li:hover {
}

* قم الان بحفظ قالب مدونتك.

* قم بالذهاب الى تصميم.

* تذكر انك الان في --->>> عناصر تصميم الصفحه.

* قم بانشاء اداه جديده.

* لا تنسى ان تكون الاداه من هذا النوع HTML/javascript.

*انسخ الكود الموجود بالاسفل وضعه فيها وقم بالحفظ.

<h2 class='title'>subscription</h2>
<div class='widget-content'>
<ul id="subscription">
<li>
<a href="ADD HERE YOUR TWITTER URL"><img alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjooZ56JRKMHHi6xTieMHwXg9H1V8AL-nIMrtQaQh7f8uO7k1tQibHwD1tYGMea7WHrbJ-WCe8DeU8IFXLUjEqzPgB-x06iyNIcYlRt2RPVIiw9etB8mSi4Uz8N-RE_imOM-AbqZk6SQ1Wq/s1600/Twitter-3.png" /></a>
<h5><a href="ADD HERE YOUR TWITTER URL">Follow me</a></h5>
<p>You can follow my updates on Twitter</p>
</li>
<li>
<a href="ADD HERE YOUR FEEDBURNER URL"><img alt="RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdRLVeW2Km_q7_UkK3VunUN1gZd7Esu-mLJjfYkW33WF6bzQS4tBNNGqgGaipvZN6nFb3onNiO_NNgoIMdTPwEbnTKYP9iHvW80jKwvDa_XmtFqF2__gpj5mqy-qSTZ61ICmBsg9O2p_1H/s1600/Rss3.png" /></a>
<h5><a href="ADD HERE YOUR FEEDBURNER URL">Posts RSS</a></h5>
<p>Read my full posts on your favorite feed reader</p>

</li>
<li>
<a href="ADD HERE YOUR DIGG URL"><img alt="Digg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMiu1tOTbGA5egv2tLT9pC5LtgifZqmJqoDLF9lFtdSPFbB-lsS9U_iWA4mYIuiNPLXZcAQxcl89SR-cMQzSiBjqYyisDDqxCdard-88LG9aTnIWdoZ4bKSbZkm78XraYJ7rjYV1OULhsk/s1600/digg.png" /></a>
<h5><a href="ADD HERE YOUR DIGG URL">Digg</a></h5>
<p>You can follow my updates on Digg</p>
</li>
</ul>
</div>

ملحوظه:- لا تنسى تغيير الروابط ذات اللون الاحمر وذات اللون الاخضر باسماء حسابك على تلك المواقع.
* بعد الانتهاء من تغيير الروابط وبعد حفظ الاداه قم بسحبها الى العامود الجانبي فهذا انسب مكان للاضافه تلك ثم قم بالحفظ.
* تم الانتهاء من موضوع اليوم بحمد الله وتوفيقه الموضوع بالكامل منقول من احد المواقع الاجنبيه وتمت ترجمته للافاده

 

يسمح لكم بنقل الموضوع بشرط ذكر المصدر : حصريا مربع احترافي لمتابعة المدونة بتقنية ال CSS جربه الان | TATWEERWEB

 

ساهم في نشر الموضوع ولك جزيل الشكر !

أضف تعليقك عن طريق الفيسبوك :

اضافات css, مواقع النشر