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

اليوم سوف نتطرق عزيزي المتابع الى طريقة إضافة إضافة جميلة جدا وأنيقة وبسيطة تمكن متابعي مدونتك من الإشتراك في حساباتك أو صفحاتك على مواقع التواصل الإجتماعي وبالتحديد جوجل بلس، التويتر، الفيس بوك، وRSS.

 طريقة التركيب وهي في قمة البساطة :

نذهب إلى لوحة التحكم في بلوجر
نضغط على تخطيط
نختار المكان الذي سوف نضيف فيه الأداة ونضغط على إضافة أداة
نختار أداة HTML/JAVASCRIPT
ثم نضع الكود التالي :

<center>

<div id="fanane-social">

<div class="fanane-1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjepkIwyIhDH0wzPT2mwsdILJ6SYsDbW0eLD83nLB0P50Zfi6Mn4NXCPYMMnJtcHCsEq8Bf1osroYgG2LCK7xPBaJo0KWKoPZXx24HMfjqvrqcFNRPj9YLTLw_EewLeBpyB3pfnMTe2H4eH/s1600/tabi3na.png" /></div>

<div id="links"><a href="https://twitter.com/" class="twitter" title="Twitter" target="_blank">

<div class="fanane-2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmFUZtTEOMFFFlp1BJeEUtLsb3pBOafM0pgMugBEpo5NCNE1ysS0Pc2ZrMP1kvC_eFDtdGd0ELaBuPkzRZAwm8QRQESjsaqqA7VquTdzaqlc1-VbhFkNU8XDCpd8zV_lpoK17DKnIZUxE/s1600/twitter.png" /></div></a>

<a href="https://www.facebook.com/" class="facebook" title="Facebook" target="_blank">

<div class="fanane-2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixd4icHO1zyVowNq88gzzCyr-N1ddJcy31K4GqiWj9-wW1DIdLjbmZRJac9VvPe1uYUGQzlT7c5ZRwu7ooocwzUYFMpA3WN-JoMr2Rk_G7mHLrpYHfvElVcZ4JNnnvJGlfEGuKT7gVRYSZ/s1600/facebook.png"  /></div></a>

<a href="https://plus.google.com" class="google" title="Google Plus" target="_blank">

<div class="fanane-2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisfB9FCJisrlmzXIf5GcJAkhj_Ui6j18OhHBbYtfdNOVf-ZCdhX7cEDGQ4dZJD43V_1dJAnJe3UE9HNhRBUhDYARU3pGbozvHx_aiN_6vxmJDuHqLDmjgzXYd-trKVZXWlhrtQUh23am1V/s1600/google-plus.png" /></div></a>

<a href="http://feedburner.google.com" class="rss" title="Feedburner" target="_blank">

<div class="fanane-2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHeWlfd7_wtpEhSgSkzYfmW-7rh8FgGBiKEvZghOvLyB9tEYZ8II793UcKx6dM9hc36NQkfvYWqIeMMxiggcDZk0i9jLfJkCmMUqCwCpwGT-cM8NVt2sQUqIwS7V9dPuKyiAQNUOOdKsx4/s1600/rss-feeds.png" /></div></a></div></div>

<style>

.fanane-1 

{ margin-right:16px; margin-top:10px;}

.fanane-2 

{ margin-top:7px; }

#fanane-social{position:relative;width:240px;height:360px;background:#565565 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGgqMkbHk36N-0jXVDvA4f1F0Em720k69ejri5_WdmvWJa75H4SHZkAG3spoWiQUcpQIsJ0vBebboy9RkaxLFuX7cars00DRapvcop7toohyphenhyphenJ6OL-RyXNxw7hFWMfsrxtfQqocIDYjMgU/s1600/barblanche.png");}

#fanane-social #title{font-family:'Open sans';font-size:28px;color:#fff;font-weight:600;margin:30px 20px 0;text-align:center;line-height:1.1em;text-shadow:1px 1px 1px rgba(0,0,0,0.3);}

#fanane-social #title span{display:block;font-size:14px;line-height:1.5em;margin-top:10px;font-weight:400;}

#fanane-social #links{position:absolute;bottom:0;width:100%;}

#fanane-social a{display:block;padding:0 40px;height:42px;line-height:42px;color:#fff;font-size:12px;background:rgba(0,0,0,0.08);border-top:1px solid #4c4644;border-top:1px solid rgba(0,0,0,0.1);-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}

#fanane-social a:hover{background:rgba(0,0,0,0.15);text-decoration:none;}

#fanane-social a.twitter:hover{background:#55acee;}

#fanane-social a.facebook:hover{background:#4c66a4;}

#fanane-social a.google:hover{background:#c72323;}

#fanane-social a.rss:hover{background:#fa831f;}

#fanane-social a span{height:15px;line-height:15px;width:15px;text-align:center;margin-right:20px;font-size:13px;padding:5px;border-radius:99px;background:rgba(0,0,0,0.1);}

#home-tagline{text-align:center;font-size:32px;color:#000;font-weight:300;margin:60px 0 40px;}

#home-tagline strong{color:#ff5421;font-weight:300;}

#home-highlights{margin-bottom:40px;}

.home-highlight{float:left;width:142px;padding:30px 0;margin-right:21px;text-align:center;font-size:13px;display:block;opacity:0.9;color:#796f6c;font-size:40px;background:#e2e0df;background:rgba(0,0,0,0.04);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}

.home-highlight p{margin:0;}

.home-highlight:hover{color:#3a3534;text-decoration:none;background:rgba(0,0,0,0.1);}

.home-highlight-title{font-size:13px;margin:7px 0 0;text-align:center;color:#796f6c;cursor:pointer;font-weight:900;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}

.home-highlight:hover 

.home-highlight-title{color:#3a3534;}#home-featured{min-height:400px;margin-bottom:37px;}

#home-featured .home-divider{margin-top:0;}

#home-featured h2{text-align:center;font-size:32px;color:#161414;font-weight:300;margin:0 0 40px;}

#home-featured h2:after{display:block;content:"";width:342px;margin:0 auto;height:1px;background:#161414;margin-top:5px;}

.featured-theme-entry-content{font-size:16px;float:left;width:430px;font-weight:300;}

.featured-theme-entry-content h3{font-size:21px;line-height:1.4em;margin:0;font-weight:400;}

.featured-theme-entry-content .button{margin-top:15px;}.featured-theme-entry-content 

.button:hover{background:#f5634a;opacity:1;}.featured-theme-entry-img{display:block;float:right;margin-right:5px;}

.featured-theme-entry-img a{display:block;padding:6px;background:#fff;border-radius:2px;}

#featured-theme-slider .flex-control-nav{position:absolute;top:-20px;left:-54px;}

#featured-theme-slider .flex-direction-nav{margin:0;}

#featured-theme-slider .flex-direction-nav li a{background:#312d2c;cursor:pointer;display:block;height:70px;line-height:70px;width:30px;color:#fff;text-align:center;margin:-30px 0 0;position:absolute;top:50%;-moz-transition:background 0.3s ease-in-out 0s;opacity:0.15;border-radius:4px;}

#featured-theme-slider .flex-direction-nav li .flex-prev{left:-90px;}

</style>

<center>

قم بالحفظ بعد استبدال المكتوب باللون الأحمر بروابطك على جوجل بلس، التويتر، الفيس بوك، وRSS

ثم مبروك عليك الإضافة