إضافة أيقونات ثلاثية الأبعاد لمواقع التواصل الإجتماعى في مدونتك

السلام عليكم
جميعنا نعرف مواقع التواصل الإجتماعى وأهميتها فى نشر تدويناتنا ومشاركتها مع جميع متصفحى الإنترنت والأصدقاء .

وأيقونات مواقع التواصل الإجتماعى كثيره جدا ومنتشره جدا على الكثير من المواقع والمدونات , ولكنى اليوم جئت لكم بأحدث شكل من أشكال هذه الأيقونات وهو شكل ثلاثى الأبعاد , بالإضافه إلى وجود تأثير عليها يجعلها تدور حول محورها عند المرور عليها بمؤشر الماوس

الطريقة تذهب الى لوحة التحكم ثم اضافة اداة جافا سكربت
والصق الكود الموجود بالاسفل  بداخلها مع تغيير الروابط بروابط حساباتك على تلك المواقع

الكود

<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYHz0rY3OpG2wGZllfJFlKPf8kai8vrUj_3J_RBQDfpVJ_U4ZTAECYmEdxU_B375JwA-Sa5GBAkrFmABwRcgZfJ_0kwvZxWrdhx17MMryNvdJh6-22PDObfxyQ6C9YGEU09uB6YQNwgzlW/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggW9Bm5j6WqTNr3TZhwrXoQQrC8DDqVp5W2Qz8-Oh7N0vdo5xtEaOtZV45t0qcIqq1O2L3w8jQVw3r9XNYRLo5QiytAMk7ftzwG_kz8ZBWNcDJT3ZRtKeEx120g5Az5uMD6pPqGE4_BBU9/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyXxie5dA87k1tWKME9CmqK1Ga96bZ_-XCqqncuTPY3446j1xP1_DYa2LjXmnJRjeKI-W9Erf8EY-mDmK4uycWgb-tQgY-zsNr9iJ2WA0BsPY9QymA2mLQb1-N6p1xJYTSAB-QJCYsv-MW/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYwGpSF0s0JarM5GJ-r1bI_E_QkXjO_pgPJEpJdnMRICyaO6UKxsnua8KTy3ZCFoRwP71hi0BziSkRjdoqZhYIm90fboLjjeWQb5aqDLXK-KgTPOSxCKS4ahpXtvHmuYknl6bNONBP0Gbb/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIIOIL6sGfesljxmCC-3W3eGcR03zhw9Gmvh7fYzaJynqaRtn_6nqAKaBIc-uL40UDYiGy1rG7GqQyeXjQIl8sZKkCbt7CkVI3-KS41o04YP-Fe12QrWcQasIs_ni1xtcUxfE5JPG2eZJk/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOjJ-2aZV2XXDk2wFULDpbD1nDL6WOkXYYtLP0Fo5pYYNQ31BHYGuqyR4Hq8fZvadQdehNdjk5de-Q-VigjjPaSUil7eRE920b8uzVaRO73OiHCjE6PKmfLZ6ztahcSU9sSm_faA2GRB5y/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>


غير الروابط التالية في الكود اعلاه بروابط حساباتك

YOUR-FEED-URL-HERE

YOUR-EMAIL-RSS-URL-HERE

YOUR-FACEBOOK-PAGE-URL-HERE

YOUR-TWITTER-URL-HERE

YOUR-GOOGLE-PLUS-URL-HERE

YOUR-PINTEREST-URL-HERE

YOUR-FEEDBURNER-URL-HERE

الى اللقاء.....ابو هشام الحمداني

إقرأ المزيد... Résuméabuiyad

اضافة عرض المشاركات الشائعه على شكل سلايدر متحرك

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

ثم قم بإضافة أداة جافا سكربت جديده فى العمود الجانبى, وقم بلصق الكود التالى فيها

إقرأ المزيد... Résuméabuiyad

شرح كيفية رفع قالب جديد على مدونتك وتثبته من لوحة تحكم بلوج

السلام عليكم
الكثير من المدونين فى بداية طريق تعاملهم مع منصة التدوين الرائعه بلوجر يغيب عنهم الكثير من الأساسيات البسيطه جدا ويحتاجون فقط لتوجيه إنتباههم إليها, وأهم تلك الأساسيات هى عند الرغبه فى تغيير قالب مدونتك على بلوجر, كيف يتم ذلك عن طريق لوحة تحكم مدونتك على بلوجر, هيا لنعرف .......................

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

وقالب بلوجر عباره عن ملف بصيغة XML ويكون على الشكل التالى مثلا

 وأحيانا يكون مضغوطا وعليك ان تقوم بفك الضغط عنه لتحصل على ملف ال XML الذى تحتاجه.

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

ونقوم من على اليمين بالدخول إلى تبويب ( قالب ) وهو ما سيأخذنا غلى هذا المكان

قم بالضغط على ( نسخ إحتياطى / إستعاده ) الموجوده فى أعلى يسار لوحة التحكم, ستظهر لك هذه النافذه

قم بالضغط على زر ( Browse ) ستفتح لك نافذه لإختيار القالب الذى قمت بتحميله من على حاسبك, قم بإختياره ثم إضغط على ( تحميل ) 

                                               الى اللقاء.....ابو هشام الحمداني

إقرأ المزيد... Résuméabuiyad

إضافة بحث فيديوهات اليوتيوب المتطور لمدونتك

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

</head>
ثم نضع قبله الكود التالى 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script><script type='text/javascript'>//<![CDATA[ $(document).ready(function(){ $(".search_input").focus(); $(".search_input").keyup(function() { var search_input = $(this).val(); var keyword= encodeURIComponent(search_input); var yt_url='http://gdata.youtube.com/feeds/api/videos?q='+keyword+'&format=5&max-results=1&v=2&alt=jsonc'; $.ajax({ type: "GET", url: yt_url, dataType:"jsonp", success: function(response){ if(response.data.items){ $.each(response.data.items, function(i,data){ var video_id=data.id; var video_title=data.title; var video_viewCount=data.viewCount; var video_frame="<iframe width='500' height='300' src='http://www.youtube.com/embed/"+video_id+"' frameborder='0' type='text/html'></iframe>"; var final="<div id='title'>"+video_title+"</div><div>"+video_frame+"</div><div id='count'>"+video_viewCount+" Views</div>"; $("#result").html(final); }); } else { $("#result").html("<div id='no'>No Video</div>"); } } }); }); }); //]]></script> <style> /* el DIV donde colocamos el buscador */ #input_box { text-align: center; width:500px; } /* el cuadro de búsqueda */ .search_input { font-size: 20px; padding: 5px; text-align: center; width: 400px; } /* el DIV donde se mostrarán los resultados */ #result { background-color: #000; margin-top:25px; min-height:380px; width:500px; } /* un texto, sólo visible cuando no hay resultados a mostrar */ #no { text-align: center; } /* el título del video encontrado */ #title { font-size: 18px; height: 40px; line-height: 1; padding-bottom: 10px; text-align: center; } /* el texto inferior con el contador de YouTube */ #count { height: 20px; padding-top: 10px; text-align: right; } </style>
ثم نحفظ القالب

المرحله الثانيه : وهى وضع الكود التالى فى أى مكان نرغب وضع بحث اليوتيوب فيه على مدونتك طبعا تضعه في اداة جافا سكربت

الكود

<div id="input_box"> <input type="text" class='search_input' /></div><div id="result"></div>

الى اللقاء....ابوهشام الحمداني

إقرأ المزيد... Résuméabuiyad

اضافة اداة الحث في الياهو

السلام عليكم
اضافة البحث في الياهو اي ان تستطيع الاطلاع على بريدك في الياهو من موقعك

الطريقة سهلة جدا الصق الكود الموجود في الاسفل في اداة جاف سكربت
 الكود

<center><font face="Arial" color="black" size="+1"><b>بريد ياهو </b></font><p><!-- SpaceID=150500018 loc=Z noad --><form dir="ltr" autocomplete="off" action="http://login.yahoo.com/config/login?f9p32lgm8eokn" name="a" method="post"><input name=".tries" type="hidden"/> <input value="ym" name=".src" type="hidden"/> <input name=".last" type="hidden"/> <input name="promo" type="hidden"/> <input name=".intl" type="hidden"/> <input name=".bypass" type="hidden"/> <input name=".partner" type="hidden"/> <input value="Y" name=".chkP" type="hidden"/> <input name=".done" type="hidden"/> <font face="Arial" size="-1">Yahoo! ID:</font><input maxlength="32" name="login" size="20"/><font face="Arial" size="-1">Password:</font><input maxlength="32" name="passwd" size="20" type="password"/> <input value="Sign in" type="submit"/> <t****></t****></form></p></center><p><p><center><font face="Arial" color="black" size="-9"><b> </b></font><p></p></center></p></p>

إقرأ المزيد... Résuméabuiyad

أعلنت مايكروسوفت اطلاق نظام وندوز 8

السلام عليكم  

أعلنت مايكروسوفت أمس في احتفالية خاصة أقامتها في مدينة نيويورك بالولايات المتحدة عن الإطلاق الرسمي لنظام التشغيل الجديد ويندوز 8 الذي سيصبح متاحا لجميع المستخدمين بدءا من اليوم الجمعة 26 أكتوبر/تشرين الأول.

وركزت الشركة أثناء الحدث بشكل كبير على ويندوز آر تي، وهو نسخة ويندوز 8 المصممة للعمل على معالجات إي آر إم مثل إنفيديا تيغرا 3 وكوالكوم سنابدراغون إس 4، أي المعالجات الخاصة بالحواسيب اللوحية.

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

وقالت الشركة إن نسخة ويندوز 8 برو الكاملة ستتوفر على الحواسيب اللوحية التي تحمل معالجات إنتل في الأشهر القليلة القادمة.

وتأمل مايكروسوفت أن يحقق ويندوز 8 النجاح الذي حققه ويندوز 7 الذي قالت إنها باعت أكثر من 670 مليون نسخة منه، منذ إطلاقه قبل ثلاثة أعوام

إقرأ المزيد... Résuméabuiyad

اضافة البسملة في بداية المواضيع

السلام عليكم  

ابداء بالبسمله في مواضيعك

بسمله ثابته تجدها في بداية كل موضوع

اضفها الى المدونه بطريقه سهله

طريقة الاضافه :-

اذهب الى لوحة التحكم > تحرير HTML

( احفظ نسخه من القالب احتياطياً )

ابحث عن الكود التالي

<h2 class='art-PostHeader'>

واذا لم تجده ابحث عن الكود التالي

<b:if cond='data:post.title'>

والصق الكود ادناه بعده مباشر

الى اللقاء......ابو هشام

<p align='center'><img src='http://4.bp.blogspot.com/_m05TDfLqGs4/TCESeMB8HSI/AAAAAAAADko/5gKBd8y5UuU/s320/%D8%A8%D8%B3%D9%85%D9%84%D9%87+2.gif'/></p>

إقرأ المزيد... Résuméabuiyad