السلام عليكم ورحمة الله وبركاتة موعدنا اليوم مع درس جميل ورائع ومهم انها اضافه تتيح للمدونين اضافة قائمة في العامود الجانبي لمدونة بلوجر تمكن لزوار المدونة الاشتراك في القائمه البريديه والحصول على اخر التحديثات اول باول وكذلك متابعتها علي المواقع الاجتماعيه الشهريه مثل الفيس بوك وتويتر ومتابعة موجز المواضيع ايضا وذلك كما ترى في الصوره المرفقه داخل التدوينه.هذة الاضافة اشتهرت بها مؤخرا القوالب الاحترافيه الجاهزه.
ان اعجبتك
قم باتباع الخطوات التى بالاسفل ---->>>>>
* قم بتسجيل الدخول الى لوحة تحكم مدونتك.
* قم بالذهاب الى تصميم ثم تحرير HTML.
* قم بالضغط على علامة توسيع قوالب واجهة المستخدم.
* ابحث عن الكود التالي ]]</b:skin> وذلك بالضغط علىCTRL+F .
* انسخ الكود الموجود بالاسفل وضعه مباشرة قبل هذا الكود ]]</b:skin>
* قم بالذهاب الى تصميم.
* تذكر انك الان في --->>> عناصر تصميم الصفحه.
* قم بانشاء اداه جديده.
* لا تنسى ان تكون الاداه من هذا النوع HTML/javascript.
*انسخ الكود الموجود بالاسفل وضعه فيها وقم بالحفظ.
* بعد الانتهاء من تغيير الروابط وبعد حفظ الاداه قم بسحبها الى العامود الجانبي فهذا انسب مكان للاضافه تلك ثم قم بالحفظ.
* تم الانتهاء من موضوع اليوم بحمد الله وتوفيقه الموضوع بالكامل منقول من احد المواقع الاجنبيه وتمت ترجمته للافاده
ان اعجبتك
* قم بتسجيل الدخول الى لوحة تحكم مدونتك.
* قم بالذهاب الى تصميم ثم تحرير HTML.
* قم بالضغط على علامة توسيع قوالب واجهة المستخدم.
* ابحث عن الكود التالي ]]</b:skin> وذلك بالضغط علىCTRL+F .
* انسخ الكود الموجود بالاسفل وضعه مباشرة قبل هذا الكود ]]</b:skin>
.subsboxfull{width:230px;padding-top:20px;padding-right:20px;padding-bottom:30px;padding-left:10px;color:#333;height:100px;border:1px solid #353434;background:transparent url() top center no-repeat;margin-bottom:0}* قم الان بحفظ قالب مدونتك.
.rss-boxicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD53ugf9hitDJMz9guHI2M6o92qgY8gbeisPxqxuT88RYIJ6mUFTYku6BkxeMDygIHo3U4g_UqEK5QA5rU8_eBiBZ5ckwZwpL7vxzY16lFrfG4NXo7FhuL3BbhvZY8e-4uidxNaTjB0Rk/) left no-repeat;padding-left:20px;margin-right:1em;font-weight:bold}
.email-boxicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOC5gwM5BN2llBfNiorbJlX4Co_HTv-r-6UtMNPyQc2BNR16_kHOi95wtMCCNs0eVbUghuhIfiKfG0dE0T-5fBWyjni9-aQh8wjdjNwo8ETo3pTYr67o184mfQLo3Qb8xn8bAtyealVSk/s1600/email-box.png) left no-repeat;padding-left:20px;font-weight:bold}
* قم بالذهاب الى تصميم.
* تذكر انك الان في --->>> عناصر تصميم الصفحه.
* قم بانشاء اداه جديده.
* لا تنسى ان تكون الاداه من هذا النوع HTML/javascript.
*انسخ الكود الموجود بالاسفل وضعه فيها وقم بالحفظ.
<div class='widget-content'>
<div class='subsboxfull'>
<a href='your-twitter-url' rel='nofollow' target='_blank' title='twitter'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ4CvOz_EJ70fEW3KMMrmT2ifNxSnpclWMwo3dkKGg742Q6qjqgN1d1mmBHR23sEkuoCCNQU37Cs1IDoCO00RVnkyIaYSQyvqPGPUOZAHy23_NORnbenr86CcNnjr4Gw2svCkzEYT78Gk/" /></a>
<a href='your-facebook-url' rel='nofollow' target='_blank' title='facebook'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEwdITdO0q7pyhtl9Bj_Ds2dk69PWgiQgAUqjmQzpUEtpam7PyBxvUj0eq35XcL6jjJrMoMCP7VR2iCyCM3QQ1qYeNRLRCQNlHtiSaVa4f-pzWlbpaw0oo49e6AXQpipoQBhJFkiOcWYk/s1600/facebook--box.png" /></a>
<a href='your-delicious-url' rel='nofollow' target='_blank' title='delicious'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKiBlv3CwVyL57wRzbwi0ceZZ1bnNbqTKD4maoDnLYFkPMrKupoVCn-BLAYSmlJPa8brpuqOGHpqueYLyInCkuflSfDdvt9PzKYGOD3FawE4mfZ1GrjJDOwlNyyznvuFqRgog9kJZz8Wc/s1600/delicious-box.png" /></a>
<a href='your-stumbleupon-url' rel='nofollow' target='_blank' title='stumbleupon'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcfPgPn3bneHIHFor4uZbZ_0vy6V-u0LKYAB468qNi-bYuD5Lb6dTQtQhdTKPMYqmopcugFiKO5-eT2b_4uog3ioBk7k9tWcDSzrGr-3kWL6I3Os9twLJmX0FoVs1kikydRBqUmjnP7EA/" /></a>
<a href='your-linkedin-url' title='linkedin'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZtU1toyTDsD2Wb8YtYqjArhwXWOZDpqKlEAxjM4lwFhfqQVT4Le7ZHn3UbkQaPehjANNvQGf4t_XmYsIz9hU0cPAam-Wk1Q2QZm70vz1-qKF-JhTtrBPJPhjr41ixFoV97zbE_AyzpP8/" /></a>
<a href='your-contact-url' title='contact'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGNWCbGmToSLhdM4L_85K5e1STClAwgTcllRVY0_ypp0ycIocOZwrZqoNMYJ97TepHAntgkBCKGXP4CZE28I5t_g5XzODuuQE5o2gIzoSy-SshNEA25QpiBFvhajoyjo0C-KvQygy5jsY/" /></a>
<form action='YOUR FEEDBURNER EMAIL URL' method='post' onsubmit='window.open(\'YOUR FEEDBURNER EMAIL URL', \'popupwindow\', \'scrollbars=yes,width=550,height=520\');return true' target='popupwindow'><p><input name="email" style="width:230px; border: 1px solid #ccc; padding: 5px;" type="text" value="Enter your email address" /></p><input name="uri" type="hidden" /><input name="loc" type="hidden" value="en_US" /></form>
<p><span><a class='rss-boxicon' href='YOUR FEEDBURNER URL' rel='nofollow' target='_blank'>RSS</a></span>
<span><a class='email-boxicon' href='YOUR FEEDBURNER EMAIL URL' rel='nofollow' target='_blank'>Email</a><span><span style="float:right;"><a href='YOUR FEEDBURNER URL' rel='nofollow'><img alt="" height="26" src="YOUR FEEDBURNER FEED COUNTER CHICKLET SOURCE URL" /></a></span></span></span></p>
</div>
</div>
<div class='clear'></div> ملحوظه:- لا تنسى تغيير الروابط ذات اللون الاحمر وذات اللون الاخضر باسماء حسابك على تلك المواقع.* بعد الانتهاء من تغيير الروابط وبعد حفظ الاداه قم بسحبها الى العامود الجانبي فهذا انسب مكان للاضافه تلك ثم قم بالحفظ.
* تم الانتهاء من موضوع اليوم بحمد الله وتوفيقه الموضوع بالكامل منقول من احد المواقع الاجنبيه وتمت ترجمته للافاده
يسمح لكم بنقل الموضوع بشرط ذكر المصدر : طريقة اضافة مربع الاشتراك في القائمه البريديه مع عداد المشتركين | TATWEERWEB
ساهم في نشر الموضوع ولك جزيل الشكر !
أضف تعليقك عن طريق الفيسبوك :