romaissa
11-01-2013, بتوقيت غرينيتش 08:14 AM
السلام عليكم
اهلاً بكم بمدونتي المتواضعة مدونة blog اضافات بلوجر (http://add-b.blogspot.com/) هنا منتعلم كل شيئ من الصفر الى القمة
واليوم لدينا اضافة اداة مشاركة اجتماعية مميزة وجديده ايضاً تم اقتناصها حديثاً
صورة الاداة
http://2.bp.blogspot.com/-ZBmzzrZZ64k/Ueh5dMM3_GI/AAAAAAAAALU/_oaZAjBUpDk/s400/7-19-2014-2-20-44-AM.jpg (http://2.bp.blogspot.com/-ZBmzzrZZ64k/Ueh5dMM3_GI/AAAAAAAAALU/_oaZAjBUpDk/s1600/7-19-2014-2-20-44-AM.jpg)
نبذه بسيطة .."
^_*
عزيزي الزائر انا قمت بتعريب الاضافة لتكون عربية 100%
هذه الاضافة التي طورتها لا اسمح بنقلها دون ذكر المصدر (رجائاً) المصدر اضافات بلوجر (http://add-b.blogspot.com/)
لا توجد هذه الاضافة في اي موقع او منتدى
مصدرها من هنا ..
طريقة الاضافة ^_*
كما عودناكم دائماً الافضل والاسهل ^^
طريقة التركيب install
1- الذهاب الى لوحة التحكم
2- انقر على تخطيط
3- اختار اضافة اداة
4- اختر اداة الـ html/javascript
ضع الكود code ادناه
الكود code
رمز Code:
<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(http://4.bp.blogspot.com/-0gTrM1fhCa8/UdUTAOqf1bI/AAAAAAAAGFk/p-BW0ZExx5I/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(http://4.bp.blogspot.com/-0gTrM1fhCa8/UdUTAOqf1bI/AAAAAAAAGFk/p-BW0ZExx5I/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(http://4.bp.blogspot.com/-0gTrM1fhCa8/UdUTAOqf1bI/AAAAAAAAGFk/p-BW0ZExx5I/s200/widget-generatorsdotcom.png); opacity:0; } .RWG-img-1 { background:#4668af url(http://1.bp.blogspot.com/-pXnFkw2YkRs/UdUUMs-lbAI/AAAAAAAAGF4/S6YJdoaIhq0/s66/widgetgen-facebook.png) center no-repeat; } .RWG-img-2 { background:#de3a26 url(http://1.bp.blogspot.com/-ypXKenDQFtI/UdUTuipw8GI/AAAAAAAAGFs/ARvTvgdKRHo/s60/widgen-googleplus.png) center no-repeat; } .RWG-img-3 { background:#0dace1 url(http://3.bp.blogspot.com/-kclCZbupZ7E/UdUUQNrXx_I/AAAAAAAAGGA/h4dVxNKP5Qg/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>جوجل GOOGLE+</h3> <p>حسابنا في جوجل GOOGLE<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>
اتمنى أن لاضافة نالت اعجابكم وانتظر كل جديد تابعونا على تويتر وفيس بوك
لا تنسوا لا يسمح بالنقل دون ذكر المصدر
دمتم بود
الموضوع : اضافه اداه مشاركه اجتماعيه عربية 2014 (http://add-b.blogspot.com/2014/07/add-facebook-twitter-google-arabic.html)
الموقع : اضافات بلوجر (http://add-b.blogspot.com)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
اهلاً بكم بمدونتي المتواضعة مدونة blog اضافات بلوجر (http://add-b.blogspot.com/) هنا منتعلم كل شيئ من الصفر الى القمة
واليوم لدينا اضافة اداة مشاركة اجتماعية مميزة وجديده ايضاً تم اقتناصها حديثاً
صورة الاداة
http://2.bp.blogspot.com/-ZBmzzrZZ64k/Ueh5dMM3_GI/AAAAAAAAALU/_oaZAjBUpDk/s400/7-19-2014-2-20-44-AM.jpg (http://2.bp.blogspot.com/-ZBmzzrZZ64k/Ueh5dMM3_GI/AAAAAAAAALU/_oaZAjBUpDk/s1600/7-19-2014-2-20-44-AM.jpg)
نبذه بسيطة .."
^_*
عزيزي الزائر انا قمت بتعريب الاضافة لتكون عربية 100%
هذه الاضافة التي طورتها لا اسمح بنقلها دون ذكر المصدر (رجائاً) المصدر اضافات بلوجر (http://add-b.blogspot.com/)
لا توجد هذه الاضافة في اي موقع او منتدى
مصدرها من هنا ..
طريقة الاضافة ^_*
كما عودناكم دائماً الافضل والاسهل ^^
طريقة التركيب install
1- الذهاب الى لوحة التحكم
2- انقر على تخطيط
3- اختار اضافة اداة
4- اختر اداة الـ html/javascript
ضع الكود code ادناه
الكود code
رمز Code:
<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(http://4.bp.blogspot.com/-0gTrM1fhCa8/UdUTAOqf1bI/AAAAAAAAGFk/p-BW0ZExx5I/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(http://4.bp.blogspot.com/-0gTrM1fhCa8/UdUTAOqf1bI/AAAAAAAAGFk/p-BW0ZExx5I/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(http://4.bp.blogspot.com/-0gTrM1fhCa8/UdUTAOqf1bI/AAAAAAAAGFk/p-BW0ZExx5I/s200/widget-generatorsdotcom.png); opacity:0; } .RWG-img-1 { background:#4668af url(http://1.bp.blogspot.com/-pXnFkw2YkRs/UdUUMs-lbAI/AAAAAAAAGF4/S6YJdoaIhq0/s66/widgetgen-facebook.png) center no-repeat; } .RWG-img-2 { background:#de3a26 url(http://1.bp.blogspot.com/-ypXKenDQFtI/UdUTuipw8GI/AAAAAAAAGFs/ARvTvgdKRHo/s60/widgen-googleplus.png) center no-repeat; } .RWG-img-3 { background:#0dace1 url(http://3.bp.blogspot.com/-kclCZbupZ7E/UdUUQNrXx_I/AAAAAAAAGGA/h4dVxNKP5Qg/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>جوجل GOOGLE+</h3> <p>حسابنا في جوجل GOOGLE<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>
اتمنى أن لاضافة نالت اعجابكم وانتظر كل جديد تابعونا على تويتر وفيس بوك
لا تنسوا لا يسمح بالنقل دون ذكر المصدر
دمتم بود
الموضوع : اضافه اداه مشاركه اجتماعيه عربية 2014 (http://add-b.blogspot.com/2014/07/add-facebook-twitter-google-arabic.html)
الموقع : اضافات بلوجر (http://add-b.blogspot.com)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
