إضافة أزرار المشاركة بشكل متميّز

5/28/2013

THIS ADS WILL CLOSE AFTER 30s

إشترك في صفحتنا على فيسبوك

سلام الله عليكم أحبابي في الله أتمنى أن تكونوا بصحة جيّدة 

في هذه التدوينة الجميلة أتيتكم بإضافة متميّزة

أنا وهي إضافة أزرار الإشتراك على شكل وندوز 8 و هي إضافة جميلة و مريحة بألوانها 

و لإضافة هذا الكود نذهب إلى القالب ثم تحرير HTML 

ثم نبحث على كلمة 

]]></b:skin>

بعد أن تجده ضع فوقه مباشرة هذا الكود

.widget-item-control a { display:none; } .widget-item-control a { display:none; } #supportive { width:300px; float:left; margin-top:10px; } #supportive li { position:relative; cursor:pointer; padding:0!important; } #supportive .facebook,.googleplus,.rss,.twitter { position:relative; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; z-index:5; display:block; float:left; margin:1px; } #supportive .icon { overflow:hidden; } #supportive .facebook { width:147px; height:150px; background:rgba(59,89,152,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsc3LIRFtS0rUEYVLPefuWEKMK6yfPoVUyeyZfxMADDGlMa5GfuWmKdS6PNXfDuYQHeSkiOiUDTdWR8ZkHux_nmCWX5Gd1JFflGjIFpZdPy3-mgqux3DcY0jkDbIfiZkkhGftNebAu_Ik/h120/facebook.png) no-repeat center center; } #supportive .twitter { width:148px; height:74px; background:rgba(59,89,152,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXS5HYIKaJS8Lotx6qUHQLqHrTfn-BlgvipUsNy3HrvWf7wKnlCXAWWJPqYmhUx2FmnlUOrYM1zdZLrLOHlpUw0ukg01vnX3E97UlvucypxkOM2RcKHCU4uCjv3_HMaOmnLeBgSYmS4w4K/s1600/Twitter.png) no-repeat center center; } #supportive .googleplus { width:148px; height:74px; background:rgba(59,89,152,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0PdfpNOa6YsQ2MRV5m91-NrqGTOJHgLRiI8oGwfYiH5Y0dsYmr2uFC2LP1Jnh1fZeWNQxc4ZY9PJTLbJqjVi1Gxc1JV-JN1QVLWbPmoVkr9LpgcJDr2rU-2_pS1aTRr1I99r9xsDx0Mug/s1600/google+plus.png) no-repeat center center; } #supportive .rss { width:299px; height:74px; background:rgba(59,89,152,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvT1zu3ZIOgAxLL7mbvS9XYYbAToQ_k_N8xIEfXU5XndjO8Mhr5zw2jiD3tB6i9HYo0fv88Puacgf1BVKnzDYtGRKO-wvIHTo1J7Vtc1yGEB5FoBjxuIX3OLdQckhD9H7ChwNQlTWYtpkp/s1600/rss.png) no-repeat center center; } #supportive li:hover .facebook { background-color:#3468B6; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; } #supportive li:hover .twitter { background:rgba(64,153,255,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBZ-A3wkjEGZgKR41-twvNaGm23ECPwM29cEvm0DY5yp1SM4rtzVMhdSeCP6onf3KIulOwRSGALO_EQNX2_7D1mhLuIeiauQzwMZSmVaYEfzrN0MrJTumLjUN8cPCQbL8xezU4B3KHsn4/h120/Twitter.png) no-repeat center center; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; } #supportive li:hover .googleplus { background:rgba(228,69,36,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwC4DrNqCoLV8IJfv-_DsQyVpqYelvtLuCEyBl7Kr4RoH_1X6sam4UetT3DocGddgXbxzDJiMxwtX5eI5D5x-qSBEbt1xeg9fzOFoHH8xFEq90sAJUrER_gnQfAfXqfhLTT4YbNKHA7fs/h120/google+plus.png) no-repeat center center; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; } #supportive li:hover .rss { background:rgba(255,102,0,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLntlj9VEOVJnretc0B7tHjNJKff6hpDxNmeOdNLcjIIuVyROMSPBPkClqDWesBuTSmVWZfmzkyWyuz2tcI7Q12C-xJcfxLPH1YvrTwcQKf5M_My0m_YZjhPD2yAka-wA6H45gaNO4DWU/h120/rss.png) no-repeat center center; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; }

 ثم قم بحفظ القالب و إتجه إلى تحرير ثم إضافة أداة و قم يوضع هذا الكود

<ul id='supportive'><li><a class='icon facebook' href='http://www.facebook.com/FaceBookPage/'/></a></li><li><a class='icon twitter' href='http://twitter.com/TwitterUserName'/></a></li><li><a class='icon googleplus' href='https://plus.google.com/GooglePlusUserID/'/></a></li><li><a class='icon rss' href='http://feeds.feedburner.com/FeedBurnerUserName'/></a></li></ul>
 

و قم بالتعديل على أسمائك في كل إضافة و مبروك عليك الإضافة 

***لا تنسوا تقييم الشرح***

أستودعكم في الله و السلام عليكم 

-->

شارك +1 غرد واتساب