اضافه اداه مشاركه اجتماعيه عربية 2013

السلام عليكم 

اهلاً بكم بمدونتي المتواضعة مدونة اضافات بلوجر هنا منتعلم كل شيئ من الصفر الى القمة


واليوم لدينا اضافة اداة مشاركة اجتماعية مميزة وجديده ايضاً تم اقتناصها حديثاً 

صورة الاداة 

نبذه بسيطة .."
^_*

عزيزي الزائر انا قمت بتعريب الاضافة لتكون عربية 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/AVvXsEiGs7Ar6DryF_DWU7iNVeh6kG0ADlGO9sQ6YuRCmyoDQfA5z1M9iKFvD-6L2qgpmpG64CClp94GPhlzcCGivB0UXvzoWo0B0K8MqthNeqeKTmadEGZ7J3UP6X_pE5nic87TPpCktE2ulEct/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/AVvXsEiGs7Ar6DryF_DWU7iNVeh6kG0ADlGO9sQ6YuRCmyoDQfA5z1M9iKFvD-6L2qgpmpG64CClp94GPhlzcCGivB0UXvzoWo0B0K8MqthNeqeKTmadEGZ7J3UP6X_pE5nic87TPpCktE2ulEct/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/AVvXsEiGs7Ar6DryF_DWU7iNVeh6kG0ADlGO9sQ6YuRCmyoDQfA5z1M9iKFvD-6L2qgpmpG64CClp94GPhlzcCGivB0UXvzoWo0B0K8MqthNeqeKTmadEGZ7J3UP6X_pE5nic87TPpCktE2ulEct/s200/widget-generatorsdotcom.png);  opacity:0;  }    .RWG-img-1 {  background:#4668af url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga-qaBC42Eg_WmAKbiBzwcxvoTu4e70PQu6xTMkdnMjtriuYg15jdhhO2nVH4JHgYvGf3yD8ll-cQNjgdyzuvFPaD3sR1fLzhkShu8fWt-xwdttMRWt5jSEQxRkN76HYlk0Ea9q5UFSvDN/s66/widgetgen-facebook.png) center no-repeat;  }    .RWG-img-2 {  background:#de3a26 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5RvfOE50F82HAebkafOyNWn1LV07zYXhumYoaQh4-G2lht_XPKOWZj6LTZB67ye2LPqqCfaMK7my0UlgCP2sKiAMXvSQLt7pUxVzo8ltcofxZ8xIPgHM0frMCK7hiOcEr20IIQ3A9H9GG/s60/widgen-googleplus.png) center no-repeat;  }    .RWG-img-3 {  background:#0dace1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPB0MUcCf-AtW-BgViClT01DUCyxXewFj44OO5eNdx_tIW7jT7oCQSmDuLCE9c9mJYl2HlXQNx6cJxtLqWkkT8PYZtcLCnr__BY5Cn2khaXcBL_-WsEaCVbb2buxl4mvGhtf1tLNtjnCWy/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>

 اتمنى أن لاضافة نالت اعجابكم وانتظر كل جديد تابعونا على تويتر وفيس بوك 

لا تنسوا لا يسمح بالنقل دون ذكر المصدر 

دمتم بود