اضافة الشبكات الاجتماعية لمدونات بلوجر بشكل رائع

بسم الله الرحمان الرحيم

تحية لكل متابعي وزوار مدونة منارة المعلوميات ,اليوم احضرت لكم اضافة رائعة وجديدة ورائعة جدا ,وهي اضافة الشبكات الاجتماعية بشكل رائع وجديد ورائع جدا .

✔-اذهب الى لوحة التحكم 

✔-ثم اذهب الى التخطيط

✔-ثم اضافة اداة HTML/javascript

✔-واضف الكود التالي:

<style type="text/css">/*--- socialnetwork by manarainfo33.blogspot.com ----*/.maestrosocialnetwork {background: #F8F8F8;margin: 10px;}.maestrosocialnetwork ul {padding: 10px;overflow: hidden;}.maestrosocialnetwork li {float: right;width: 33.33%;background: #F8F8F8;text-align:center;padding: 0;transition:0.4s;}.maestrosocialnetwork a {width: 100%;text-align: center;display: block;text-indent: 9999em;padding: 80px 0 0;}.maestrosocialnetwork li:hover {transition:0.4s;}.maestrosocialnetwork .fb{background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUttpRfyvVeLuL0nNecLBJ259kTpKVritf0q0x4rUz1xKYKmDjfxtfsIdH27N51YVXv_8bhhj23_WW7TyVl9yM-GcASRKRm02fU-SPO4kLHhy29IvSW15rD7bvoFMYI3i5M6H-gZpIQiX0/s1600/fb.png) no-repeat center 30%;}.maestrosocialnetwork .fb:hover{background:#0C6DB4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUttpRfyvVeLuL0nNecLBJ259kTpKVritf0q0x4rUz1xKYKmDjfxtfsIdH27N51YVXv_8bhhj23_WW7TyVl9yM-GcASRKRm02fU-SPO4kLHhy29IvSW15rD7bvoFMYI3i5M6H-gZpIQiX0/s1600/fb.png) no-repeat center 30%;}.maestrosocialnetwork .tw{background:#555 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi44aa8T_ZATKytVmOmkFxa4b_Sw9Vf2D4VE8iIX_hDrjLJN0e7oeWun9DGIqKBFaq5lMer_x4Zkkm2Nh6m36h65cji1hFQTBljBksuuL7_9uHaUybmviGq5Rl8QLqgEM8kStiteX0jR-KC/s1600/twitter.png) no-repeat center 30%;}.maestrosocialnetwork .tw:hover{background:#33b5e5  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi44aa8T_ZATKytVmOmkFxa4b_Sw9Vf2D4VE8iIX_hDrjLJN0e7oeWun9DGIqKBFaq5lMer_x4Zkkm2Nh6m36h65cji1hFQTBljBksuuL7_9uHaUybmviGq5Rl8QLqgEM8kStiteX0jR-KC/s1600/twitter.png) no-repeat center 30%;}.maestrosocialnetwork .rss{background:#444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLSg05FWlt99kcdnSEUWEDZDmsCsq-Op7EkiW_6ZU_TaMKgxT9rJVElCkPEMqfJEqkMwjYq2EulaBMh_8OszEfU4I3q2IQ1oykBtGn4jrw-cE_rzrCQVfwRgNq_9F4cLwTLa5GC6FXgWqe/s1600/rss.png) no-repeat center 30%;}.maestrosocialnetwork .rss:hover{background:#ffbb33 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLSg05FWlt99kcdnSEUWEDZDmsCsq-Op7EkiW_6ZU_TaMKgxT9rJVElCkPEMqfJEqkMwjYq2EulaBMh_8OszEfU4I3q2IQ1oykBtGn4jrw-cE_rzrCQVfwRgNq_9F4cLwTLa5GC6FXgWqe/s1600/rss.png) no-repeat center 30%;}.maestrosocialnetwork span {float: right;text-align: center;width: 100%;font:bold 14px arial;color:#fff;padding:0 0 5px}.maestrosocialnetwork p {padding:10px 0;text-align:center;font:normal 14px ges;color:#fff;background: rgba(50, 50, 50, 0.47);}/*--- socialnetwork by manarainfo33.blogspot.com ----*/</style><div class='maestrosocialnetwork'><ul><li class='fb'><a href='https://www.facebook.com/xxx'>فيسبوك</a><p><span>52,250</span>معجـب</p></li><li class='tw'><a href='https://twitter.com/xxx'>تويتر</a><p><span>14,321</span>متـابع</p></li><li class='rss'><a href='http://feeds.feedburner.com/xxx'>الخلاصات</a><p><span>11,587</span>مشتـرك</p></li></ul></div>

✔-ولاتنسوا تغيير روابط الحسابات:

https://www.facebook.com/xxx

https://twitter.com/xxx

http://feeds.feedburner.com/xxx

-----------------------------

والى القاء في درس قادم ان شاء الله.