- fahad
- 11:06 م
- أضافات ودروس بلوجر ، الشبكات الاجتماعية ، JAVA/HTML
- 1 تعليق واحد
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اليوم لدينا أضافة سكربت يحتوي على أيقونات راسلني وأيقونات أتبعني في الشبكات الأجتماعية (تويتر .قوقل بلس .فيسبوك .يوتيوب) وكذلك rss التغذية وينكدين
يمكنك وضع الأضافة في القائمة الجانبية للمدونة البلوجر
طريقة تركيب الأضافة
أتجه للوحة التحكم >>تصميم>>تحريرhtml >>توسيع للقالب
أضف الكود التالي ذكره في خصائص css
أي قبل الكود التالي
]]></b:skin>
ï»؟#head-soc ul li {list-style :none; padding:0 12px 0 0; float: left;}
#head-soc ul li a {text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden ; height: 32px; width: 32px ;border: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJz-iVy9pUtlGApjXRhW_E7ZnUsL80_OH2D-mWzcFSfEdbBMHnX1w4ZvMF00F-Ga1bLJpnUuC6yjg3jS8dVSdkM1nxIEITPC1lYNWfqgJxIDA64iCJkq5MVLKJ7M5Eyx_bNnFLy644QMew/s1600/spice-up-blog-sprite.gif) no-repeat; display: block;}
#head-soc li#g a {background-position: 0px 0px;}
#head-soc li#g a:hover {background-position: 0px -32px;}
#head-soc li#rss a {background-position: -32px 0px;}
#head-soc li#rss a:hover {background-position: -32px -32px;}
#head-soc li#sub a {background-position: -64px 0px;}
#head-soc li#sub a:hover {background-position: -64px -32px;}
#head-soc li#fb a {background-position: -96px 0px;}
#head-soc li#fb a:hover {background-position: -96px -32px;}
#head-soc li#twit a {background-position: -128px 0px;}
#head-soc li#twit a:hover {background-position: -128px -32px;}
#head-soc li#li a {background-position: -160px 0px;}
#head-soc li#li a:hover {background-position: -160px -32px;}
#head-soc li#youtube a {background-position: -192px 0px;}
#head-soc li#youtube a:hover {background-position: -192px -32px;}
أعمل حفظ للقالب
أتجه للتصميم >>أضافة أداة >>أختار منها
HTML/Javascript
وأضف الكود التالي
<div id="head-soc">
<ul>
<li id="g"><a href="صفحتك بقوقل بلس">قوقل بلس</a></li>
<li id="rss"><a href="رابط التغذية">التغذيةrss</a> </li>
<li id="sub"><a href=" رابط الأتصال بك">المراسلة</a></li>
<li id="fb"><a href="رابط صفحتك باليوتيوب">فيسبوك</a></li>
<li id="twit"><a href="رابط صفحتك بتويتر">تويتر</a></li>
<li id="li"><a href="رابط صفحتك بينكدين/view?id=62595960">ينكدين</a></li>
<li id="youtube"><a href="رابط صفحتك باليوتيوب">يوتيوب</a></li>
</ul>
</div>
بعدما تقوم بتعديل على الراوبط بما يتوافق معك
قم بحفظ الأداة
وسلام عليكم ورحمة الله وبركاته
كود جميل
ردحذفشكرا لك