السلام عليكم أحبائي أعضاء وزوار مدونة أقرب طريق
اليوم من الأضافات الأحترافيه والرائعه والجميله للمدونه تتميز بسهولة تركيبها وحذفها وأيضا بالأمكان التعديل عليها
وهي اضافة المواقع الأجتماعيه بتقنية cssالمتحركه خاصية هذه الأضافه انك عندما تضع الماوس عليها ستدور حول نفسها مع تغيير لونها وعندما ترفع الماوس عنها ستدور بالعكس وترجع كما كانت وتحتوي هذه الأضافه على مواقعك في الكوكل والفيس بوك وتويتر وموقع Pinterest وموقع Deliciousبالأضافه الى الفيدبرنر
والان اترككم مع صورة الأضافه الرائعه
الان الطريقه
بالنسبه للعنوان أكتب ما شئت مثال (تابعنا على المواقع الأجتماعيه)
أما المحتوى ضع به الكود التالي
الان ما يجب عليك تغييره في الكود
1_ما مظلل باللون الأحمر هو رابط مدونة أقرب طريق استبدله برابط مدونتك مع مراعاة حذف التعريف
2_ما مظلل باللون الأزرق استبدله بصفحةحسابك في الفيس بوك
3_كلمة تويتر باللون الأحمر استبدلها بأسم حسابك في تويتر
4_كلمة كوكل باللون الأحمر استبدلها برقم الاي دي لصفحتك في الكوكل
5_كلمة فييدبرنر باللون الأحمر استبدلها بأسم حسابك في الموقع
6_كلمة بينتيريست باللون الأحمر استبدلها بأسم حسابك في الموقع
7_كلمة ديليسيوس باللون الأحمر استبدلها بأسم حسابك في الموقع
والان اضغط حفظ ومبروك عليكم الأضافه الرائعه
أي سؤال أو استفسار أنا بخدمتكم وأي شخص هو غير مسجل بالمواقع المذكوره في الكود ويوجد لديه حسابات بالكوكل والفيس بوك وتويتر
يترك تعليقه اسفل الموضوع لكي ابعث له كود خاص لمواقعه وأي شخص لا يستطيع تغيير ما بالكود من مواقع يكتب لي مواقعه بالتعليقات واستبدل له الكود حسب مواقعه وبخدمتكم دائما
عزيزي الزائر قبل المغادره ضع تقييمك وتعليقك
تحياتي للجميع والى اضافات جديده وجميله ان شاء الله
اليوم من الأضافات الأحترافيه والرائعه والجميله للمدونه تتميز بسهولة تركيبها وحذفها وأيضا بالأمكان التعديل عليها
وهي اضافة المواقع الأجتماعيه بتقنية cssالمتحركه خاصية هذه الأضافه انك عندما تضع الماوس عليها ستدور حول نفسها مع تغيير لونها وعندما ترفع الماوس عنها ستدور بالعكس وترجع كما كانت وتحتوي هذه الأضافه على مواقعك في الكوكل والفيس بوك وتويتر وموقع Pinterest وموقع Deliciousبالأضافه الى الفيدبرنر
والان اترككم مع صورة الأضافه الرائعه
الان الطريقه
1_لوحة التحكم
2_اختار تخطيط
3_اضافة أداة
بالنسبه للعنوان أكتب ما شئت مثال (تابعنا على المواقع الأجتماعيه)
أما المحتوى ضع به الكود التالي
<style>
/*--------ljhlg.blogspot.com
Sharing Widget ------*/
#lh-social ul
li{list-style:none;float:left;padding:1px}#lh-social ul li
a{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden;height:64px;width:42px;border:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhACpHKH9ve8kouj-ZmTnVE-ZKNlM1moAVGweP38W7p-jjoGIvEze0Y3Xx9pIYHdFE9M6sLMqgcQQUvubj-b9W6shfhORnWDfxittsoXrVm6D851eixZmx2v-9J-oBUG0NuLbX8hbsELO8/s1600/latesthack27.png)
no-repeat;display:block;-webkit-transition:ease-out
850ms;-moz-transition:ease-out 850ms;-o-transition:ease-out
850ms;-ms-transition:ease-out 850ms;transition:ease-out
850ms;cursor:pointer}#lh-social ul li
a:hover{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transition-duration:850ms;-webkit-transition-duration:850ms;-o-transition-duration:850ms}#lh-social
li#pin a{background-position:0 0;margin:0 1px}#lh-social li#pin
a:hover{background-position:0 -71px;margin:0 1px}#lh-social li#rss
a{background-position:-84px 0;margin:0 1px}#lh-social li#rss
a:hover{background-position:-84px -71px;margin:0 1px}#lh-social li#twit
a{background-position:-126px 0;margin:0 1px}#lh-social li#twit
a:hover{background-position:-126px -71px;margin:0 1px}#lh-social li#di
a{background-position:-42px 0;margin:0 1px}#lh-social li#di
a:hover{background-position:-42px -71px;margin:0 1px}#lh-social li#fb
a{background-position:-209px 0;margin:0 1px}#lh-social li#fb a:hover{background-position:-210px
-71px;margin:0 1px}#lh-social li#g a{background-position:-250px 0;margin:0
1px}#lh-social li#g a:hover{background-position:-252px -71px;margin:0 1px}
/*--------ljhlg.blogspot.com
Sharing Widget ------*/
</style><br />
<div id="lh-social">
<ul>
<li id="fb"><a
href="https://www.facebook.com/ 100004739584081"
rel="nofollow" target="_blank" style="color: rgb(97,
140, 214);">facebook</a></li>
<li id="twit"><a
href="http://twitter.com/تويتر" rel="nofollow"
target="_blank" style="color: rgb(97, 140,
214);">Twitter</a></li>
<li id="g"><a
href="https://plus.google.com/كوكل"
rel="nofollow" target="_blank" style="color: rgb(97,
140, 214);">Google+</a> </li>
<li id="rss"><a
href="http://feeds.feedburner.com/فييدبرنر"
rel="nofollow" target="_blank" style="color:
rgb(97, 140, 214);">RSS</a></li>
<li id="pin"><a
href="http://pinterest.com/بينتيريست" rel="nofollow"
target="_blank" style="color: rgb(97, 140,
214);">PINTEREST</a></li>
<li id="di"><a
href="http://delicious.com/ديليسيوس" rel="nofollow"
target="_blank" style="color: rgb(97, 140,
214);">DELICIOUS</a></li>
</ul>
</div>
الان ما يجب عليك تغييره في الكود
1_ما مظلل باللون الأحمر هو رابط مدونة أقرب طريق استبدله برابط مدونتك مع مراعاة حذف التعريف
2_ما مظلل باللون الأزرق استبدله بصفحةحسابك في الفيس بوك
3_كلمة تويتر باللون الأحمر استبدلها بأسم حسابك في تويتر
4_كلمة كوكل باللون الأحمر استبدلها برقم الاي دي لصفحتك في الكوكل
5_كلمة فييدبرنر باللون الأحمر استبدلها بأسم حسابك في الموقع
6_كلمة بينتيريست باللون الأحمر استبدلها بأسم حسابك في الموقع
7_كلمة ديليسيوس باللون الأحمر استبدلها بأسم حسابك في الموقع
والان اضغط حفظ ومبروك عليكم الأضافه الرائعه
أي سؤال أو استفسار أنا بخدمتكم وأي شخص هو غير مسجل بالمواقع المذكوره في الكود ويوجد لديه حسابات بالكوكل والفيس بوك وتويتر
يترك تعليقه اسفل الموضوع لكي ابعث له كود خاص لمواقعه وأي شخص لا يستطيع تغيير ما بالكود من مواقع يكتب لي مواقعه بالتعليقات واستبدل له الكود حسب مواقعه وبخدمتكم دائما
عزيزي الزائر قبل المغادره ضع تقييمك وتعليقك
تحياتي للجميع والى اضافات جديده وجميله ان شاء الله
أقرب طريق
: من
العراق
,
اهتمامي وحبي للتدوين هو ما جعلني أستمر ليس فقط لتقديم المواضيع بل أيضا لمساعدة الأشخاص المبتدئين ، كما كنت سابقا إلا أني لم أجد من يساعدني ! مع ذلك كافحت وواضبت على ماأحبه من عمل لأصل إلى ما أريده ، ليس كمستقبل لكن كهدف حققته
,
اهتماماتي للتدوين جعلني أتحدى العمل ، للأكواد ، والتعديل عليها وتكويدهالتخرج بالأشكال المناسبه .
0 التعليقات:
إرسال تعليق