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

بسم الله و الحمد لله و الصلاة و السلام على المصطفى الأمين نبينا محمد العدنان و على اله وصحبه أجمعين. السلام عليكم و رحمة الله.

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

صوره الاداه للمعاينه

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

 

[1] سجل دخولك للبلوجر.

[2] عناصر الصفحة.

[3] إضافة أداة HTML/JavaScript.

[4] ثم الصق الكود التالى :

 

<style>
/*--------http://googlworld.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] الان لم يتبقى سوى تخصيص الاضافة بروابطك الخــاصة :

. استبدل رابط خلاصة مواضيع مدونتك  برابط خلاصة مواضيع مدونتك .
. استبدل  رابط جوجل بلس برابط صفحتك على جوجل بلس.
. استبدل  رابط صفحتك الفايسبوك برابط صفحتك على الفايسبوك . 
. استبدل  رابط تويتر الخاص بك  برابط صفحتك على تويتر .

احفظ الاداة ومبروك عليك الاضافة..