اضافة أداة المشاركة في المواقع الإجتماعية الى البلوجر

السلام عليكم ،،،،

عيد مبارك سعيد  كل عام و أنتم بألف خير ، مرحبا بكم جميعا في هذا الموضوع و الذي ينتطرق فيه الى طريقة اضافة أداة مهمة جدا لكل مدونة و موقع ، هذه الإضافة تساعدة المدونات و المواقع لترتقي إلى الأفضل و الصعود بها نحو مراتب جيدة في الترتيب ، كيف ذلك ? عبر مشارك المواضيع في المواقع الإجتماعية و بالتالي الحصول على العديد من الزيارات و المشاهدات مما يعني تحقيق متابعين لمدونة . هذه الإضافة مهمة بالنسبة لجميع المدونات سواءا كانت حديثة أم قديمة . اضافة مشاركة المواضيع في المواضيع الإجتماعية بالشكل جديد و متناسق جذاب و متوافق مع جميع المدونات . 

صورة للإضافة "اضافة أداة المشاركة عبر المواقع الإجتماعية الى البلوجر"

طريقة اضافة الاداة الى المدونات

• نتوجه الى المدونة 
• قالب  ،  تحرير HTML
• ثم نبحث عن الوسم   ]]></b:skin>  "استعمل CTRL+F"
• نضيف الكود التالي قبله .

.social{text-align:center;padding:0;overflow:hidden;right:0;max-width:100%;padding:0;margin:0}
.social-facebook,.social-pinterest,.social-twitter,.social-googleplus,.social-rss{float:left;margin:0;padding:8px 0;display:inline;color:#fff!important;width:20%;text-align:center}
.social-facebook:hover,.social-pinterest:hover,.social-twitter:hover,.social-googleplus:hover,.social-rss:hover{opacity:.5;text-decoration:none}
.social-facebook{background-color:#3B5998}
.social-twitter{background-color:#00ACED}
.social-pinterest{background-color:#CB2027}
.social-rss{background-color:#FF8300}
.social-googleplus{background-color:#D14836}
.rss-24,.pinterest-24,.facebook-24,.twitter-24,.googleplus-24{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw8d0LfWvFnyygy1M9w0GLBOvEiCY30rD7gwTVq4w5RvPJ4CPMANLT-Q0M_-KRXa4yd3-6NY9FKukv4FyqcqPzFZeXo_j2yEY7gu3ZiEV4dTRq9hcohAw0MkbaXMzUWa1I18cQsx1ZDFS6/h600/social-sprite.png) no-repeat;width:20px;height:20px;display:inline-block;vertical-align:text-top;margin-top:-3px;text-align:center}
.rss-24{background-position:0 0}
.pinterest-24{background-position:0 -50px}
.facebook-24{background-position:0 -100px}
.twitter-24{background-position:0 -150px}
.googleplus-24{background-position:0 -200px}

• المرحلة الثانية نقوم بالنسخ الكود التالي و نضيفه في المكان المناسب بالنسبة لك .

<div class='social'>
<a class='social-googleplus mar10t' href='https://plus.google.com/XXXX' target='_blank' title='Follow us on G+'><i class='googleplus-24'></i><span class='phapus'><br/>Google+</span></a>
<a class='social-facebook mar10t' href='http://www.facebook.com/XXXX' target='_blank' title='Follow Us on Facebook'><i class='facebook-24'></i><span class='phapus'><br/>Facebook</span></a>
<a class='social-pinterest mar10t' href='http://www.pinterest.com/XXXX' target='_blank' title='Follow us on Pinterest'><i class='pinterest-24'></i><span class='phapus'><br/>Pinterest</span></a>
<a class='social-twitter mar10t' href='http://twitter.com/XXXX' target='_blank' title='Follow us on Twitter'><i class='twitter-24'></i><span class='phapus'><br/>Twitter</span></a>
<a class='social-rss mar10t' href='http://feeds2.feedburner.com/XXXX' target='_blank' title='Follow us on Facebook'><i class='rss-24'></i><span class='phapus'><br/>RSS</span></a>
</div>

• لا تنسوا تغيير XXXX بما يناسبكم .

مقالات ذات صلة