أخبار الموقع

اضافه مواقع تواصل جتماعيه الىblogger بلوجر

اضافه مواقع تواصل جتماعيه الىblogger بلوجر

تعتبر اضافات الامواقع الاجتماعيه الى المدونه شيئ مهم الى اصحاب المدونات الكبيره  الكونها تكون خط رجعه الى زائرين وزياده عدد الزوار بشكل كبير جدا وزياده مشاركات في مواقع تواصل الاجتماعيه والشهره



اضافه المواقع الاتواصل الاجتماعيه بجانب المدونه الى بلوجر

1_ الذهاب الى الوحه التحكم

2_  ثم الى تخطيط      

3_ الى اضافه HTML/JavaScript

4_  غير الروابط مواقع تواصل الاجتماعيه بلون الاحمر الى روابط الخاصه بك في  اسفل الكود



اورابط تحميل الكود مباشر



----------------------------------

<style type="text/css">/*<![CDATA[*/@charset "utf-8";/* CSS Document *//* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : http://www.modawin-blogger.blogspot.com//---------- */@import url(http://weloveiconfonts.com/api/?family=entypo);[class*="entypo-"]:before { font-family: 'entypo', sans-serif;}/* ---------- GENERAL ---------- */#social-sidebar a { text-decoration: none; }#social-sidebar ul { list-style: none; margin: 0; padding: 0;}/* ---------- Social Sidebar ---------- */#social-sidebar { left: 0; margin-top: -75px; /* (li * a:width) / -2 */ position: fixed; top: 50%;}#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }#social-sidebar ul li a { background: #121212; color: #fff; display: block; height: 50px; font-size: 18px; line-height: 50px; position: relative; text-align: center; width: 50px;}#social-sidebar ul li a:hover span { left: 130%; opacity: 1;}#social-sidebar ul li a span { border-radius: 3px; line-height: 24px; left: -100%; margin-top: -16px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; padding: 4px 8px; position: absolute; -webkit-transition: opacity .3s, left .4s; -moz-transition: opacity .3s, left .4s; -ms-transition: opacity .3s, left .4s; -o-transition: opacity .3s, left .4s; transition: opacity .3s, left .4s; top: 50%; z-index: -1;}#social-sidebar ul li a span:before { content: ""; display: block; height: 8px; left: -4px; margin-top: -4px; position: absolute; top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 8px; z-index: -2;}#social-sidebar ul li a[class*="twitter"]:hover,#social-sidebar ul li a[class*="twitter"] span,#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }#social-sidebar ul li a[class*="gplus"]:hover,#social-sidebar ul li a[class*="gplus"] span,#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }#social-sidebar ul li a[class*="tumblr"]:hover,#social-sidebar ul li a[class*="tumblr"] span,#social-sidebar ul li a[class\*="tumblr"] span:before { background: #1769ff; }#social-sidebar ul li a[class*="facebook"]:hover,#social-sidebar ul li a[class*="facebook"] span,#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }#social-sidebar ul li a[class*="rss"]:hover,#social-sidebar ul li a[class*="rss"] span,#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }/*]]>*/</style><div id="social-sidebar"> <ul><li><a class="entypo-twitter" href="https://twitter.com/**********" rel="nofollow" target="_blank"><span>Twitter</span></a></li><li> <a class="entypo-gplus" href="https://plus.google.com/106125175070796616845" rel="nofollow" target="_blank"><span>google+</span></a></li><li> <a class="entypo-facebook" href="https://www.facebook.com/frdoszaenoan/.blogger" rel="nofollow" target="_blank"><span>facebook</span></a><a href="http://www.new1001-blogger.blogspot.com/" style="display:none">مدون المحترف في تكنلوجيا المعلومات </a></li></ul> </div>

------------------------------------------------------------------------------------------

ليست هناك تعليقات