حصريا مربع احترافي لمتابعة المدونة بتقنية ال 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/AVvXsEhKsleEI9hKZJArnD78p109VEfutV-uSu3VBngLEP8c9bCGMd9r8_beySccA3t3Qj7MqpOj9MCfUh1urSrdI-M9q8gA5k1Qda6OErGf_mCO_Y0Io-ITtfCVd5HN5oH0HXVQtxMSYMjOK8GY/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/AVvXsEiYz5WNLbctWhsLLK1j84G_FlW54brH6_k9RheCMiwME_L2KMwkMNTK8o1VetTMWK_pGopGnMcGh66NzC2P_Fc8ohqJlpIcXRV58CHa7j4IBbsz6iMfroJGDQCdkLt3xIs1Cyjr22fn9F6g/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/AVvXsEgGhvhWln0QhXdyHE7HdEL-gPupws3lnCRdB3PFhDF4pvYDGrM-28DP2ERur6EhLlOwS8S26HmiH2o2U5b9s5Vn7pUWY3825PSxhZi3FwVwarIA-1-HtE3xd_ghpP3zxlho8qlYJFOxJm-h/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>
ملحوظه:- لا تنسى تغيير الروابط ذات اللون الاحمر وذات اللون الاخضر باسماء حسابك على تلك المواقع.
* بعد الانتهاء من تغيير الروابط وبعد حفظ الاداه قم بسحبها الى العامود الجانبي فهذا انسب مكان للاضافه تلك ثم قم بالحفظ.
* تم الانتهاء من موضوع اليوم بحمد الله وتوفيقه
الموضوع بالكامل منقول من احد المواقع الاجنبيه وتمت ترجمته للافاده
أصدقاء(تطوير ويب)
تعليقات Facebook
7تعليقات Blogger

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

غير معرف يقول...

الموضوع ده من مدونتى قصر بلوجر بطلوا سرقة الموضوعات بقه بدون ذكر المصدر

غير معرف يقول...

@غير معرف
موضوع ايه اللي من مدونتك ياعقيم الفكر انت
انت اساسا تقدر تبرمج الاكواد دي
اقرا الموضوع كويس يااعمى وانت تلاقيني كاتب في اخر الموضوع انه منقول من احد المدونات الاجنبيه وانا قمت بترجمته للافاده.

غير معرف يقول...

بارك الله فيك يااخي , ولا تسمع لكلام الحاقد هذا لانه بالاصل مافي شئ اسمه قصر بلوجر ع النت بحثت ومالقيت

غير معرف يقول...

@M
تسلمي يارب على كلامك الطيب
رمضان كريم

غير معرف يقول...

كل مااقرر الغي الاشرف ع التعليقات الاقي ناس بتصرفاتها تخلينى اتراجع
مش عارف ليه العرب لحد الان استعمالهم للنت كله فوضويه

غير معرف يقول...

سوري بس بجد لازم التعليقات تبق في صلب الموضوع وبلاش يكون في تعليقات زي تعليقات الاطفال

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .