أداة ازرار الشبكات الاجتماعية لمدونات بلوجر بشكل احترافي

بسم الله و الحمد لله و الصلاة و السلام على المصطفى الأمين نبينا محمد العدنان و على الآل و الصحب أجمعين. السلام عليكم و رحمة الله. بعد الشرح الأول لأزرار المشاركة عائمة لمدونات بلوجر اليوم باذن الله موضوع اخر يخص الشبكات الجتماعية وهي اضافة بسيطةو احترافية..نأتي الان لشرح اضافة الاداة :

كيفية تطبيق هذه الإضافة على مدوناتكم

[1] سجل دخولك للبلوجر.
[2] عناصر الصفحة.
[3] إضافة أداة HTML/JavaScript.
[4] ثم الصق الكود اسفله :
<style>
/*--------http://alb33dani.blogspot.com ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;
}

.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}

.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}

.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}

</style>

<div class='touchme'>
<!--RSS--> 
<a class='rss' href="رابط خلاصة مواضيع مدونتك" rel='external nofollow' target='_blank'></a>
<!--Google Plus--> 
<a class='googleplus' href="رابط جوجل بلس" rel='external nofollow' target='_blank'></a>
<!--Facebook--> 
<a class='facebook' href="رابط صفحتك الفايسبوك" rel='external nofollow' target='_blank'></a>
<!-- Twitter --> 
<a class='twitter' href="رابط تويتر الخاص بك" rel='external nofollow' target='_blank' ></a>

</div>

[5] الان لم يتبقى سوى تخصيص الاضافة بروابطك الخــاصة :
. استبدل  رابط خلاصة مواضيع مدونتك   برابط خلاصة مواضيع مدونتك .
. استبدل  رابط جوجل بلس  برابط صفحتك على جوجل بلس.
. استبدل  رابط صفحتك الفايسبوك  برابط صفحتك على الفايسبوك .  
. استبدل  رابط تويتر الخاص بك  برابط صفحتك على تويتر .  

احفظ الاداة ومبروك عليك الاضافة.. أسألك الدعاء لي ولوالدي وشكرا .
لعرض هذه الاضافه قبل اضافتها الى مدونتك قم ينسخ الكود والصقه في محرر الكود لمدونة جلال البعداني من هنا

هناك تعليقان (2):