تعلّم بلوجر

عند الضغط على إضافة آداة يظهر امامنا نافذة منبثقة تحتوي العديد من أدوات واضافات بلوجر ومنها:

وهناك المزيد غير ذلك.

هذه كانت نبذة عن بند التخطيط وإضافات الأدوات سوف تنفعنا جيداً في دروس قادمة إن شاء الله.

انقر إضافة آداة في الشريط الجانبي للمدونة, ثم اختر الآداة HTML/JavaScript سوف يفتح امامك خانة للكتابة فارغة, ضع فيها هذا الكود:

[code type="JQuery"]<style> div#social_icons{height:25px;width:100%;position:relative} div#social_icons ul{clear:right;float:right;list-style:none;position:relative;right:50%;text-align:center;margin:0!important;padding:0!important} div#social_icons ul li{display:block;float:right;list-style:none;position:relative;left:50%;margin:0 0 0 1px !important;padding:3px 10px!important} div#social_icons ul li span{display:block;font-size:8px;border:none;padding:40px 0 2px!important} div#social_icons ul li:first-child span{margin-right:-2px} div#social_icons ul li:last-child span{margin-right:-10px} div#social_icons .delicious a,div#social_icons .twitter a,div#social_icons .google a,div#social_icons .facebook a,div#social_icons .pinterest a,div#social_icons .stumbleupon a,div#social_icons .linkedin a{width:24px;height:24px;display:block} div#social_icons .delicious a{background: urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXFsAnZLLqBmjb0W8FStvh7elboneYkoE4ZWp2BEH-8FvD4rTPXM_vZ4CERk_1TUd7lOUriuEvoA1Cn_QQebWOjowLoxV5xhEOT9R58Q-rGOejqCM1Yd6VMzS7NjMHPk1K1hrxGllGBqpC/s1600/advsoc_widget_main_24.png) no-repeat -76px 0} div#social_icons .twitter a{background: urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXFsAnZLLqBmjb0W8FStvh7elboneYkoE4ZWp2BEH-8FvD4rTPXM_vZ4CERk_1TUd7lOUriuEvoA1Cn_QQebWOjowLoxV5xhEOT9R58Q-rGOejqCM1Yd6VMzS7NjMHPk1K1hrxGllGBqpC/s1600/advsoc_widget_main_24.png) no-repeat 0 0} div#social_icons .stumbleupon a{background: urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXFsAnZLLqBmjb0W8FStvh7elboneYkoE4ZWp2BEH-8FvD4rTPXM_vZ4CERk_1TUd7lOUriuEvoA1Cn_QQebWOjowLoxV5xhEOT9R58Q-rGOejqCM1Yd6VMzS7NjMHPk1K1hrxGllGBqpC/s1600/advsoc_widget_main_24.png) no-repeat -101px 0} div#social_icons .google a{background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXFsAnZLLqBmjb0W8FStvh7elboneYkoE4ZWp2BEH-8FvD4rTPXM_vZ4CERk_1TUd7lOUriuEvoA1Cn_QQebWOjowLoxV5xhEOT9R58Q-rGOejqCM1Yd6VMzS7NjMHPk1K1hrxGllGBqpC/s1600/advsoc_widget_main_24.png) no-repeat -50px 0} div#social_icons .facebook a{background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXFsAnZLLqBmjb0W8FStvh7elboneYkoE4ZWp2BEH-8FvD4rTPXM_vZ4CERk_1TUd7lOUriuEvoA1Cn_QQebWOjowLoxV5xhEOT9R58Q-rGOejqCM1Yd6VMzS7NjMHPk1K1hrxGllGBqpC/s1600/advsoc_widget_main_24.png) no-repeat -25px 0} div#social_icons .pinterest a{background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXFsAnZLLqBmjb0W8FStvh7elboneYkoE4ZWp2BEH-8FvD4rTPXM_vZ4CERk_1TUd7lOUriuEvoA1Cn_QQebWOjowLoxV5xhEOT9R58Q-rGOejqCM1Yd6VMzS7NjMHPk1K1hrxGllGBqpC/s1600/advsoc_widget_main_24.png) no-repeat -126px 0} div#social_icons .linkedin a{background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXFsAnZLLqBmjb0W8FStvh7elboneYkoE4ZWp2BEH-8FvD4rTPXM_vZ4CERk_1TUd7lOUriuEvoA1Cn_QQebWOjowLoxV5xhEOT9R58Q-rGOejqCM1Yd6VMzS7NjMHPk1K1hrxGllGBqpC/s1600/advsoc_widget_main_24.png) no-repeat -151px 0} </style> <div id="social_icons"> <ul> <li class="delicious" style="padding:0 4px!important"><a id="delicious" href="http://delicious.com/post?url=ضع رابط مدونتك&amp;" class="fade" target="_blank" style="opacity:1" title="Delicious"></a></li> <li class="twitter" style="padding:0 4px !important"><a id="twitter" href="http://twitter.com/معرف تويتر هنا" class="fade" target="_blank" style="opacity:1" title="Twitter"></a></li> <li class="facebook" style="padding:0 4px !important"><a id="facebook" href="http://www.facebook.com/معرف الفيسبوك هنا" class="fade" target="_blank" style="opacity:1" title="Facebook"></a></li> <li class="google" style="padding:0 4px !important"><a id="google" href="https://plus.google.com/u/1/YOUR-GOOGLE-PLUS-ID" class="fade" target="_blank" style="opacity:1" title="Google+"></a></li> <li class="stumbleupon" style="padding:0 4px !important"><a id="stumbleupon" href="http://www.stumbleupon.com/submit?&amp;url=ضع رابط مدونتك" class="fade" target="_blank" style="opacity:1" title="StumbleUpon"></a></li> <li class="pinterest" style="padding:0 4px !important"><a id="pinterest" href="http://www.pinterest.com/هنا PINTEREST معرف" class="fade" target="_blank" style="opacity:1" title="Pinterest"></a></li> <li class="linkedin" style="padding:0 4px !important"><a id="linkedin" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=ضع رابط مدونتك" class="fade" target="_blank" style="opacity:1" title="LinkedIn"></a></li> </ul> </div>[/code]