إضافة ايقونات التواصل الإجتماعي لمدونات بلوجر

إضافة ايقونات التواصل الإجتماعي لمدونات بلوجر 

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



طريقة الإضافة لمدونات بلوجر

 توجه إلى لوحة التحكم في مدونتك -->> القالب ثم أنقر على تحرير Html
الآن بإستخدام مفتاح الإختصار من لوحة مفاتيح الكمبيوتر اضغط على ctrlوf ثم أبحث عن الرمز:

  ]]></b:skin>


ثم أضف الكود التالي فوقه مباشرةَ:

 

 

ul.flatflipbuttons{ 
position:fixed; 
padding:0 0 3px 0; 
bottom: 22%; 
margin-left:0px; 
float:left; 
list-style:none; 
-webkit-perspective: 10000px;  
-moz-perspective: 10000px; 
perspective: 10000px; 
}
ul.flatflipbuttons li{ 
margin:0; 
display: block; 
width: 25px;
height: 25px; 
margin-bottom: 25px;
background: transparent; 
text-transform: uppercase; 
text-align: center; 
}
ul.flatflipbuttons li a{ 
display:table; 
font: bold 36px Arial;
width: 100%; 
height: 100%; 
color: black; 
background: transparent; 
text-decoration: none; 
outline: none; 
-webkit-transition:all 300ms ease-out; 
-moz-transition:all 300ms ease-out; 
transition:all 300ms ease-out; 
}
ul.flatflipbuttons li a span{ 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box; 
display: table-cell; 
vertical-align: middle; 
width: 100%; 
height: 100%; 
-webkit-transition: all 300ms ease-out; 
-moz-transition: all 300ms ease-out; 
transition: all 300ms ease-out; 
}
ul.flatflipbuttons li a img{  
border-width: 0; 
vertical-align: middle; 
}
ul.flatflipbuttons li:hover a{ 
-webkit-transform: rotateY(180deg); 
-moz-transform: rotateY(180deg); 
transform: rotateY(180deg); 
background:   transparent; 
-webkit-transition-delay: 0.2s; 
-moz-transition-delay: 0.2s; 
transition-delay: 0.2s; 
}
ul.flatflipbuttons li:hover a span{ 
-webkit-transform: rotateY(180deg); 
-moz-transform: rotateY(180deg);
transform: rotateY(180deg); 
-webkit-transition-delay: 0.2s; 
-moz-transition-delay: 0.2s; 
transition-delay: 0.2s; 
}

 لآن إبحث عن الرمز:
</body>
ثم أضف الكود التالي فوقه مباشرةَ:

 

ul class='flatflipbuttons second'> 
<li><a href='https://www.facebook.com/facebook' target='_blank'><span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBZ3tEOTZPyQo05faF50OyD-yRU7j8TOXi4UTeaftOlU9D5ZcBp8pp7kr9uGMb6zmDYevp9qlSGwKQPM7FcRfLJnTKuq9geC8Wba0I5yVW0DZbUJlIGJ3VNoI6KNx-yKG60Ig-WFH0BAql/s1600/Facebook.png'/></span></a></li> 
<li><a href='http://twitter.com/tweter' target='_blank'><span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcRX4_OZXEw5Z872tHfDlddpYVPnQMbi5uNOZP7lndObnRZ1nJ4E23Txt9PkfuYdHzMs4vrn-cWUCF7ySxTlzmJfs4CzNEnzvKcFwKRgtTx_bpU6vOZoQ0-Um8LIZ2Oe77kgR7zinAGJ1l/s1600/Twitter.png'/></span></a></li> 
<li><a href='https://plus.google.com/+ate9ni' target='_blank'><span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinoqhlMRgyJ6qJVBDXGA2byOls1cc38UmuGI7gkQGz4mNUMWX-kxSHv1YIC9A8dU5uUAdIRT1EjpO8BSM5e5tewmEBtIEscDG05vCwRZ4t9LhryPbrJ9cJxITAHCtfRlr4xb-BlGs6wj0b/s1600/GooglePlus.png'/></span></a></li> 
<li><a href='http://www.pinterest.com/ate9ni' target='_blank'><span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Ya6ieT6bYtwKFAoceafWX-aNn4ezEsOXKtOHg6TBCbag-Pv0MRhykbkoIf6usZxxhpz-B0L_I5hqWGLibI-Q9hyq0tLqbF7vzlwIy2mLhe65TgBRI4JVP7riKM3O-uyfmL3GWuKLi_45/s1600/Pinterest.png'/></span></a></li> <li><a href='http://feeds.feedburner.com/blogspot/medad' target='_blank'><span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpAnAEk9B-q7LmE161t7UiBBz-6rD7t2bXcU_H6IakVaJ7S9HSu0WUdo40DGddggw3FWuCLs2_CTEz4X8zqtiPvNf8Il_omOUSMOrs9k4s5jas55W7WDjmtIDbXDwJKW7nsY6BWvijRhoS/s1600/Rss.png'/></span></a></li><li><a href='http://www.youtube.com/user/معرف القناة' target='_blank'><span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4vZ26zmXlL0QSyGLqJKO9MXI9U9M-dyvcDzDzDW0F_M0Sdc12UwYow6Ti0yWTM7_SDWx26c-oOcliaFmQffw5dAnW2gaJKtxRIOtXgnkTQjhdk5wFd8O27rggrKwu1b_kuhO1I1oCzD3G/s1600/YouTube.png'/></span></a></li></ul>

 غير إسم المستخدم الخاص بصفحاتك على مواقع التواصل الاجتماعي لكل موقع مشار إليه باللون الاحمر ثم أحفظ القالب

author-img
abderrahim makoul

تعليقات

تعليقان (2)
إرسال تعليق
  • المحترف نت photo
    المحترف نت19 مارس 2021 في 8:40 م

    أخي كيف يمكن للزائر أن يقوم بنسخ نص وأنت قمت بمنع النسخ ؟؟؟؟؟؟؟؟؟؟؟؟؟

    حذف التعليق
    • abderrahim makoul photo
      abderrahim makoul20 مارس 2021 في 12:49 ص

      هذا موضوع قديم من سنة 2014 اغلب قوالب بلوجر الحالية تاتي بكل الاضافات ولا تحتاج لمثل هذه الاكواد راسلني على صفحة الفيسبوك ان احتجت مساعدة في مدونتك بالتوفيق

      حذف التعليق
    google-playkhamsatmostaqltradent