السلام عليكم
اهلاً بكم بمدونتي المتواضعة مدونة اضافات بلوجر هنا منتعلم كل شيئ من الصفر الى القمة
واليوم لدينا اضافة اداة مشاركة اجتماعية مميزة وجديده ايضاً تم اقتناصها حديثاً
واليوم لدينا اضافة اداة مشاركة اجتماعية مميزة وجديده ايضاً تم اقتناصها حديثاً
صورة الاداة
نبذه بسيطة .."
^_*
عزيزي الزائر انا قمت بتعريب الاضافة لتكون عربية 100%
هذه الاضافة التي طورتها لا اسمح بنقلها دون ذكر المصدر (رجائاً) المصدر اضافات بلوجر
لا توجد هذه الاضافة في اي موقع او منتدى
مصدرها من هنا ..
طريقة الاضافة ^_*
كما عودناكم دائماً الافضل والاسهل ^^
^_*
عزيزي الزائر انا قمت بتعريب الاضافة لتكون عربية 100%
هذه الاضافة التي طورتها لا اسمح بنقلها دون ذكر المصدر (رجائاً) المصدر اضافات بلوجر
لا توجد هذه الاضافة في اي موقع او منتدى
مصدرها من هنا ..
طريقة الاضافة ^_*
كما عودناكم دائماً الافضل والاسهل ^^
طريقة التركيب
1- الذهاب الى لوحة التحكم
2- انقر على تخطيط
3- اختار اضافة اداة
4- اختر اداة الـ html/javascript
ضع الكود ادناه
الكود
<style> .RWG-flapwid { font-family:Cambria, Georgia, serif; font-weight:300; font-size:15px; color:#333; overflow-y:hidden; overflow-x:hidden; height:270px; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -o-font-smoothing:antialiased; -ms-font-smoothing:antialiased; margin:1px; } .RWG-flapwid a { color:#555; text-decoration:none; } .RWG-bdy { width:600px; position:relative; margin:1px; } .clr { clear:both; height:0; margin:0; padding:0; } .RWG-fgt { list-style:none; display:block; text-align:center; width:100%; margin:5px 0 0; padding:0; } .RWG-fgt:after,.RWG-itm:before { content; display:table; } .RWG-fgt:after { clear:both; } .RWG-fgt li { width:170px; height:170px; display:inline-block; margin:10px; } .RWG-itm { width:100%; height:100%; border-radius:50%; position:relative; cursor:default; -webkit-perspective:900px; -moz-perspective:900px; -o-perspective:900px; -ms-perspective:900px; perspective:900px; } .RWG-tgf { position:absolute; width:100%; height:100%; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; } .RWG-tgf > div { display:block; position:absolute; width:100%; height:100%; border-radius:50%; background-position:center center; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -o-transition:all .4s linear; -ms-transition:all .4s linear; transition:all .4s linear; -webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; -o-transform-origin:50% 0; -ms-transform-origin:50% 0; transform-origin:50% 0; } .RWG-tgf .RWG-tgf-front { box-shadow:inset 0 0 0 10px rgba(0,0,0,0.3); } .RWG-tgf .RWG-tgf-backfb { -webkit-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg); -moz-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg); -o-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg); -ms-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg); transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg); background:#4668af url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE0-H6rK4Sd9EhvpbRB-w3o52bWGYOKDx2Fg3v7pD8LCqU6wEBajGXfZ7fOYOLXKv8JaABVcGbNwunF2Z3aLC9ujzWljFoINt3t2I8OPpLxe2WVa4NOEG7fsmUKv4LerqCNcKUzHSpLvp_/s200/widget-generatorsdotcom.png); opacity:0; } .RWG-tgf .RWG-tgf-backgp { -webkit-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg); -moz-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg); -o-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg); -ms-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg); transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg); background:#de3a26 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE0-H6rK4Sd9EhvpbRB-w3o52bWGYOKDx2Fg3v7pD8LCqU6wEBajGXfZ7fOYOLXKv8JaABVcGbNwunF2Z3aLC9ujzWljFoINt3t2I8OPpLxe2WVa4NOEG7fsmUKv4LerqCNcKUzHSpLvp_/s200/widget-generatorsdotcom.png); opacity:0; } .RWG-tgf .RWG-tgf-backtw { -webkit-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg); -moz-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg); -o-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg); -ms-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg); transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg); background:#0dace1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE0-H6rK4Sd9EhvpbRB-w3o52bWGYOKDx2Fg3v7pD8LCqU6wEBajGXfZ7fOYOLXKv8JaABVcGbNwunF2Z3aLC9ujzWljFoINt3t2I8OPpLxe2WVa4NOEG7fsmUKv4LerqCNcKUzHSpLvp_/s200/widget-generatorsdotcom.png); opacity:0; } .RWG-img-1 { background:#4668af url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb762NDhd4wS2T1Tr0IU0KFqEHjbDJydXIcR4yV5h_QR5XRL1ocg8oYRcdeVZAAKyPBURrhY1xHcL9t0JmGM28X5QHNqk-HeoZnlB850ZRVwdr5TE2P2IMLGtYXWAQuEfF6V4KZzN4ZK1R/s66/widgetgen-facebook.png) center no-repeat; } .RWG-img-2 { background:#de3a26 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj39hfvwigAmWjToFaTRrd3bhwcWgogGi-ePBaYgEKRq9y3qr2G1PMlB9nBtHZ9T24DgrDk0Rce-pksqeFRXzXEPSgi1JdizGAz7sGsJtUiKQ7noFqiLxQSbKsh0xy3WGtmbiwSNlmljFCl/s60/widgen-googleplus.png) center no-repeat; } .RWG-img-3 { background:#0dace1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJOArrAeDPZlKJEvTyYMjs1hk9rq7xcxuBskWNr2z-_RcNOQC6ZtJFsAIKmwkhU1VAoaO2Yf6A8DAuhbqY85Cax98OPJQH84Z4b_sS3wTZah5ZW_QnzOLojx0mPtVBshMa2AWJwFjlVLBj/s60/widgetgen-twitter.png) center no-repeat; } .RWG-tgf h3 { color:#fff; text-transform:uppercase; letter-spacing:0; font-size:24px; height:40px; font-family:'Open Sans', Arial, sans-serif; text-shadow:0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); margin:0 20px; padding:40px 0 0; } .RWG-tgf p { color:#fff; font-style:italic; font-size:12px; border-top:1px solid rgba(255,255,255,0.5); margin:10px 0; padding:0; } .RWG-tgf p a { display:block; width:100px; height:30px; background:rgba(0,0,0,0.3); border-radius:2px; color:#fff; font-style:normal; font-weight:700; text-transform:uppercase; text-decoration:none; font-size:9px; letter-spacing:1px; padding-top:3px; font-family:'Open Sans', Arial, sans-serif; text-shadow:0 0 0 #fafafa, 0 0 1px rgba(0,0,0,0.3); -webkit-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0; -moz-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0; -o-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0; -ms-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0; transition:transform .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0; margin:7px auto 0; } .RWG-tgf p a:hover { background:rgba(0,0,0,0.2); text-shadow:none; -webkit-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0; -moz-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0; -o-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0; -ms-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0; transition:transform .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0; } .RWG-itm:hover .RWG-tgf-front { -webkit-transform:translate3d(0,230px,0) rotate3d(1,0,0,-90deg); -moz-transform:translate3d(0,210px,0) rotate3d(1,0,0,-90deg); -o-transform:translate3d(0,210px,0) rotate3d(1,0,0,-90deg); -ms-transform:translate3d(0,210px,0) rotate3d(1,0,0,-90deg); transform:translate3d(0,210px,0) rotate3d(1,0,0,-90deg); opacity:0; } .RWG-itm:hover .RWG-tgf-backfb,.RWG-itm:hover .RWG-tgf-backgp,.RWG-itm:hover .RWG-tgf-backtw { -webkit-transform:rotate3d(1,0,0,0deg); -moz-transform:rotate3d(1,0,0,0deg); -o-transform:rotate3d(1,0,0,0deg); -ms-transform:rotate3d(1,0,0,0deg); transform:rotate3d(1,0,0,0deg); opacity:1; } </style> <br/><a href='http://add-b.blogspot.com/'></a> <div class="RWG-flapwid"> <div class="RWG-bdy"> <section class="main"> <ul class="RWG-fgt"> <li> <div class="RWG-itm"> <div class="RWG-tgf"> <div class="RWG-tgf-front RWG-img-1"></div> <div class="RWG-tgf-backfb"> <h3>فيس بوك</h3> <p>صفحتنا على الفيس بوك<a href="http://facebook.com/additions.blogger">سجل اأعجابك الان</a></p> </div> </div> </div> </li> <li> <div class="RWG-itm"> <div class="RWG-tgf"> <div class="RWG-tgf-front RWG-img-2"></div> <div class="RWG-tgf-backgp"> <h3>جوجل+</h3> <p>حسابنا في جوجل<a href="https://plus.google.com/108902431338077770336">اضفنا الى دائرتك الان+</a></p> </div> </div> </div> </li> <li> <div class="RWG-itm"> <div class="RWG-tgf"> <div class="RWG-tgf-front RWG-img-3"></div> <div class="RWG-tgf-backtw"> <h3>تويتر</h3> <p>حسابنا على تويتر<a href="http://twitter.com/add_blogger">تابع كل جديدنا على تويتر</a></p> </div> </div> </div> </li> </ul> </section></div> </div>
اتمنى أن لاضافة نالت اعجابكم وانتظر كل جديد تابعونا على تويتر وفيس بوك
لا تنسوا لا يسمح بالنقل دون ذكر المصدر
دمتم بود