الشرح :
طريقة الإضافة لمدونات بلوجر
توجه إلى لوحة التحكم في مدونتك -->> القالب ثم أنقر على تحرير 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='#' target='_blank'><span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFAEaBnRK2m8TKg9oKplg3mu3MIGwAUaz_inhMqHT3sszYyLJYo6bOmDyBGrLInO3AcxGwNeNX9_Ba-BafNNfWufijI60n7vJHYPzkZWhiQlnd_YuU-2oaTdAfH0sDtDuPWx3cbzVjiweU/s1600/Facebook.png'/></span></a></li> <li><a href='#' target='_blank'><span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyy6jL25afjM3Sda-jCFuATZ0fYsflkVOAIsr69exLnb0naa0Hv5HhQmrVB1JC7VrbCUihxcJY6AKaXGrjwxUjMUr4MegrbPn-83Fq_Vwd27LVJF9C_LxfcKiILlWyO12V9dnWN2OPA1Dg/s1600/Twitter.png'/></span></a></li>
<li><a href='#' target='_blank'><span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDHzuzhLuj1y8AlTuepYr-o34QKYePUKV9gkjWNGXNoUz2aSpFpBTg9uHspXiaSeRgGUX4O5KL-o75LpbGwp-RvxHRK3NdRbCkP9lCuXxqwhyphenhyphencAhiPAB38pZSqZs07VAePPSqX6kiqktbw/s1600/GooglePlus.png'/></span></a></li>
<li><a href='#' target='_blank'><span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK8gck6edCFa88vqM4a4InppJYK70__QqnXIQdktoK30WzGwq3-0ZoPD5C6rVQlR4SpeSLt7p8Ttng0aT9VXNd5cfa9gy8Znb7usSzAfvJ6M5f0j7RA5en-0MxfXwMROZ6qsy_Yk1umipu/s1600/Pinterest.png'/></span></a></li>
<li><a href='#' target='_blank'><span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6f1CmDgpdjOJohIFjUDL9rJAl4vjpIPcHFPQhjKVCVRyDQWU0CJpiMIYjAcaKmshd9hNgQsFSIhk8SsGzx1OGum454YiGhMhhO_gDeHcdzoQ26lRXqh_QLcQ2I7DyKLoUHPo6DZpjdUBj/s1600/Rss.png'/></span></a></li><li><a href='#' target='_blank'><span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigx0GXyejk28Kd-KOeVip-bHN012QFTh-QOp2Do1X8GXoH4_DnpP8tTmkdVGRLzEnxme2hPtz_Pgyhb-IpNP3M7aXx9aI7lDYJUqAAff7sEPUG5wtPiUt__d35DPkqpkdfl5dhZQoejn1e/s1600/YouTube.png'/></span></a></li></ul>
غير إسم المستخدم الخاص بصفحاتك على مواقع التواصل الاجتماعي لكل موقع مشار إليه# ثم أحفظ القالب
ليست هناك تعليقات:
إرسال تعليق