اضافة تابعنا علي شبكات الاجتماعية لمدونات بلوجر
بسم الله والصلاة والسلام على رسول الله , السلام عليكم اخواني اخواتي ,ومرحبا بكم في كل جديد مدونة عمرو ويب , باذن الله تعالى. اقدم لكم اليوم اضافة جميلة ورائعة وهي تابعنا علي شبكات الاجتماعية فهي اضافة تقوم بعرض لايكات واشتركات زوارك في شبكاتك الاجتماعية بطريقة احترافية وجذابة لن اطيل عليكم في الكلام فتعالو نشرح طريقة تركيبها علي مدونة بلوجر
لمعاينة الاضافة اضغط هنا
اولا شيئ تقوم بذهاب الي لوحة تحكم مدونتك علي بلوجر
اختار مدونتك
ثم تقوم بذهاب الي تخطيط / اضافة اداة / Html java
وقم بتعويض ما بلون الازرق واللبني و الاحمر والبرتقالي بي روابط صفحات و شبكاتك ويمكنك التعديل علي كود كما تشاء
ولتغير ايقونات الشبكات ابحث عن img src
<div class="widget-content"><a href="https://www.facebook.com/Mahous4ever"><div class="social"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtQe14rcuXD-wgSyUFojcUXy6kMF1K-cQZnHKzrselWaSA6GGjXYf9jebAlc9wk8XUEe2CFw9dp1ltQ5ZlRo5pcoN0wMAqahBpctv5tOOWLEDHQXlRRrxVXRcuiyVie-bXhEzd5Grnse0/s1600/face.png" /><b>6,000</b><span>معجب على الفيس بوك</span></div></a><a href="https://www.youtube.com/geek2day"><div class="social"><img src="http://i.imgur.com/fpVI8Rf.png" /><b>300</b><span>مشترك على القناة</span></div></a><a href="http://www.twitter.com/geekhakiim"><div class="social"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYHkL9ME6_A-ODcpbRO5EtjQPp2ihVFWiFNTnUgO-8O1U54VN31i_Let6C5ZjL9KKLycpIF-Z3ylulDzSpxxuDZFHgt0ifa6BSsxHkLJMX6gRzMU4CqNKDe1hAMKSmAZv_sQnJHEBsZMs/s1600/twi.png" /><b>3,000</b> <span>متابع على تويتر</span></div></a><a href="http://feeds.feedburner.com/sawalrf-b"><div class="social"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii2vhSfU_UXfbVPsjDrPuEK-PZ-hQOTOhJiI0QVf9YCUGx0In7O0SRrTqpS5vplkdkrFvn5B9buZ_r6EtpWET2JicMs98nsWcdAzY-Al-5mLGN7Wc46db_ZjL2QjZhzzxPP4HJk6JPI3E/s1600/RSS.png" /><b>5000</b> <span>مشاركة</span></div></a><style>.social{ height:48px; text-align:right;margin: 6px 0;}.social:hover{opacity:0.7;}.social img{float:right;border-radius: 51px;}.social b{ float:right; padding-left:10px; padding-right:16px; font:19px Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; line-height:47px;}.social span{ float:right; padding-left:10px; font:12px Tahoma, Geneva, sans-serif; color:#9f9d9d;line-height:47px;}</style></div>
والان نكون انتيها من شرحنا انتظرونا في جديد من المواضيع
وسلام عليكم ورحمته الله وبركاته
وسلام عليكم ورحمته الله وبركاته
ليست هناك تعليقات :
إرسال تعليق