منتدى استراحات زايد - اداه المفضله الاجتماعيه بشكل مدهش

اداه المفضله الاجتماعيه بشكل مدهش

http://www.traidnt.net/vb/images/img...14/03/3708.jpg

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

اولا اذهب الى لوحة التحكم في مدونتك ثم انتقل الى تصميم ومنها الى عناصر الصفحة ثم اختر اضافة اداة كما في الصوره التاليه :

http://www.traidnt.net/vb/images/img...14/03/3196.png

بعد الضغط على " اضافة اداة " ستظهر لك نافذة تحتوي على جميع الادوات اختر منها اداة HTML/java script كما في الصوره التاليه :

http://www.traidnt.net/vb/images/img...14/03/1460.gif

بعد اختيار الاداه سوف تظهر لك النافذه التاليه :

http://www.traidnt.net/vb/images/img...14/03/3197.png

في خانة العنوان اكتب العنوان الذي تريده مثلا " تابعنا على " او ماشابه ذلك , اما خانة المحتوى فقم بنسخ الكود التالي والصقه داخله :

.tooltip {
display:none;
background:transparent url(http://flowplayer.org/tools/img/tool...ck_arrow.png);
font-size:12px;text-align:center;
height:70px;
width:160px;
padding:25px;
color:#fff;
}
.tooltip.bottom {
background:url(http://flowplayer.org/tools/img/tool...w_bottom.png);
padding-top:40px;
height:55px;

}

.tooltip.bottom {
background:url(http://flowplayer.org/tools/img/tool...w_bottom.png);
}
#social2 img
{
width:83px;
height:74px;
}

http://lh4.ggpht.com/_iHteoLMO7ic/TL...As/twitter.gif
http://lh4.ggpht.com/_iHteoLMO7ic/TL...mejBs4/rss.gif
http://lh4.ggpht.com/_iHteoLMO7ic/TL...A/facebook.gif

في الكود اعلاه قم بتغيير المؤشر عليه باللون المدادي برابط صفحتك على الفيس بوك والمؤشر عليه باللون البحري ( سماوي فاتح ) قم بتغييره برابط تويتر الخاص بك اما المؤشر عليه باللون البرتقالي فقم بتغييره برابط الخلاصات الخاص بمدونتك , اما الارقام الملونه باللون الاحمر فهي الخاصة بعرض الصور ( شعارات تويتر وفيس بوك وrss) والارقام باللون الاخضر خاصة بارتفاع الصور .

اما العبارات الظاهره باللغه العربيه فهي العبارات التي ستظهر داخل اداة التلميح ( الفقاعة ذو الخلفيه السوداء ) يمكنك تغييرها كيفما تشاء .

وعند الانتهاء من كتابة الكود السابق داخل الاداة في خانة " المحتوى " اضغط على زر " حفظ " وستجد الاداة على مدونتك ,,,,,,

للمزيد من الادوات
ادخل هنا