- fahad
- 2:45 ص
- الشبكات الاجتماعية ، css ، JAVA/HTML
- 3 تعليقات
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
نظرا للتقدم السريع للشبكات الاجتماعية، والاهتمام المتزايد من الناس في مواقع الشبكات الاجتماعية فهي تعتبر ولادة للكثير من الزوار للمواقع والمدونات مما يساعد موقعك التقدم في المحركات البحث وزيادة عدد الزوار ويعتبر كمية من زوار الشبكات الأجتماعية مدمنين لها وبواسطة هذه الأداة التي سوف أعرضها لكم تساعدك في نشر مواضيعك ومدونتك في الشبكات الأكثر شهرة وطبعا ( الفيسبوك ..تويتر..قوقل بلس)
هذه الأداة تشجع زوار مدونتك في متابعة مواضيعك في هذه الشبكات
وكذلك بشكل جديد
وكذلك بشكل جديد
أين أضيف الأداة الشبكات الأجتماعية؟؟
يمكنك أضافتها في الصفحة الرئيسية للمدونة وذلك بوضعها في القائمة الجانبية أو في رأس الصفحة
بحيث تجعلها مناسبة لمدونتك ويشاهدها زوارك
مثال (صورة للأداة)
كيف يمكنني أضافة الكود؟؟
الشرح
فيما يلي الخطوات لمستخدمي البلوجر
الذهاب إلى Blogger> تخطيط
اختر إضافة أداة
اختر HTML / جافا سكريبت
لصق التعليمات البرمجية التالية في داخله، (أي الكود التالي )
الذهاب إلى Blogger> تخطيط
اختر إضافة أداة
اختر HTML / جافا سكريبت
لصق التعليمات البرمجية التالية في داخله، (أي الكود التالي )
<style>
/*--------أداة تابعني ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:right;
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="ضع رابط rss الخاص بمدونتك" 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>
مع أستبدال النصوص الموجودة في الكود المشار لها بلون الأحمر بروابط مدونتك في الشبكات الأجتماعية
وأخيرا أعمل حفظ للأداة
ملاحظةتم تجربة الكود في مدونتي
وسلام عليكم ورحمة الله
السلام عليكم
ردحذفالكود جميل جدا وتم وتم أضافة الصفحة بمفضلة شكرا لك
جميل جدا
ردحذفوخاصة أنها تكون ملونة عند للمس عليها بالماوس
بارك الله فيك
جزاك الله كل خير على الكود الرائع
ردحذف