إضافه تعليقات الفيس بوك مدومج مع مدونتك بلوجر

مرحباً بكم اخواني وزوار المدونة 

لقد قمت بوضع موضوع لـ اطلب اي شرح (درس) في بلوجر وسيتم شرحة بالصور

على اضافات بلوجر فقط جميع الإضافات مميزة هناااا فقط

بطلب من العضو : Conquer expert

لذلك قمنا بشرح التالي 

لتعلمو مقدر معزتكم لدينا ..

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

لكن بطريقة جديده وهي من تطويري ( الاضافة متواجده في بعض المدونات) لكنها تفتقر الى التطوير + الشرح الصحيح

اولاً الاضافة لا تناسب كل مدونه فهي بحجم معين ولم يتم شرح للتعديل على الحجم

نحن قمنا بذلك

الاضافة باللغة الانكليزيه 

نحن ترجمناها لتناسب المدونات العربية

وسوف نقوم بالشرح الصحيح للإضافه 

اولاً اذاهب الى لوحة تحكم المدونة 

2- انقر على قالب ثم تحرير HTML

3- ابحث عن

<div class='comments' id='comments'>

سوف تجده مكرر 

ضع تحت كل واحدة الكود التالي

  <div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij68bLbw0z4gZhEy06GEkoQ8gg7brIh0UQ0HnutCsyPDshopIWnGthxr8wKEeJuVCRqQLPOihVY2gRcHzlV7lEaMPlzSD7I2YrScSuE1Upyx1pEr7QSTr9NF6UY5TSWt6Cc3g2aJwWils/s1600/FACEBOOK.png'/><fb:comments-count expr:href='data:post.url'/> التعليقات</div><div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivbxd2Yhy7L8Y6HH8P-Lc4Ey5fniYF4kTDgGV4UI1P6ZrvQ7A3vCudLOi6dTd-yimIyy_-So6bLTv_BJpvkR8JXPBH5caO3u6Yj9Q0KzZj_H3NyNEtzNfdeav3vHoRRGJe3ZmDeEyZY4A/s1600/BLOGGER.png'/> <data:post.numComments/> التعليقات</div><div class='clear'/></div><div class='comakauttafb-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/><fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='680'/></b:if></div><div class='comments comakauttafb-page' id='blogger-comments-page'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='additions.blogger' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comakauttafb-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}</script><style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-right:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #fff;color:#000;float:right;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5sease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>

الان نأتي الى الشرح 

1-  الذي باللون الاحمر هو العرض غير باللون الرقم فقط ليناسب مدونتك

تستطيع ايضاً تغيير الالون .. 


اضغط حفظ 
والف مبروك 

الشكل الثاني (تطويري)

الكود

  <div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglac72H1M3HBLFA1tucDZVPweK7XqVF2bxoGtNsnsx3m1E6RU2RkbAQfRWeA2CZNx7F-5hlnGRfyj9GX2pgPDBnS574oRRbUCRqZlxIJKebfSN54GQ4SqcUPCmhTzoTOyEutvx71-vwMJL/s1600/add-b.blogspot1.png'/><fb:comments-count expr:href='data:post.url'/> التعليقات</div><div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQay7YmfbalOn6CKsaRp1LNUktiBPystLwtxRlWR8-bNBX3Uo_3g5OyC2lhuy-8H_LWfwMztRrL0pYKZBtrF_0O_nQnxmqKoFby_TlPh0_5g5TCv0pHu81wlFwsAPWlJNUrv3DkTq19X4-/s1600/add-b.blogspot.com.jpg'/> <data:post.numComments/> التعليقات</div><div class='clear'/></div><div class='comakauttafb-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/><fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='639'/></b:if></div><div class='comments comakauttafb-page' id='blogger-comments-page'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='additions.blogger' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comakauttafb-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}</script><style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-right:5px solid #ccc; border-top:2px solid #ccc; border-bottom:2px solid #ccc; border-right:2px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #FFA221;color:#FFA221;float:right;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5sease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>

طريقة التركيب نفس الطريقة الاولى 

لا يسمح بالنقل دون ذكر المصدر استحلفك باللهاتمنى ان الشرح ناال اعجابكم 


وشكراً لكل متايع لي 

دمتم بود

المصدر/ منقول 

 http://add-b.blogspot.com

إضافة مواضيع ذات صلة لمدونتك بلوجر

مرحباً بكم زوار مدونتي المحترف الفلسطيني للمعلوميات

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

فهي تبقي الزائر قدر الامكان في المدونة وتسمح له بالتمتع بافضل المواضيع 

هذه الاضافة انا استعملها شخصياً لكنني قمت بتطويرها لكي تناسب مدونتي تماماً ^_^


صورة الاضافة 

طريقة التركيب ..( ركز معي عزيزي الزائر)


اولاً اذهب الى لوحة تحكم المدونة 

ثم الى قالب ثم تحرير Html

الان اضغط Ctrl+f

للبحث عن 

</head>

قم بوضع الكود التالي فوقة مباشرتاً

الكود

<style> #related-posts { float : left; width : 600px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 14px DroidKufi-regular; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 11px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; padding-right:2px;} #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9dfnFtbfzULGwMjMOjFyyoAjnpxz6sN4Yd_qkepeKqk_y0fsfdAUZEmWLLiJQB053Qw5SfPQJXxq6fOu3Bu7_HLDDuMBaSYuTitSXwlbHvmpGUlE0Pn3bKmfYKyVeOwB1fHUvHE_X_cg/&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #000000; } </style> <script src='http://yourjavascript.com/250120301911/related.js' type='text/javascript'/>

وكخطوة أخيرة ابحث عن

<div class='post-body> أو <data:post.body/>

سوف تجد اكثر من واحدة الثانية هي المطلوبة (اذا لم تنجح جرب الاولى والثالثة لكنني متاكد الثانية هي المطلوبة)

وضع الكود التالي اسفلها مباشرتاً الكود التالي

الكود :

<div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://add-b.blogspot.com/2013/08/related-posts-for-blogger-widget.html'><img alt='Related Posts Widget for Blogger' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a> <br/> <br/> <h2 style='color: #fff; font: 20px droidkufi-bold; padding: 5px 8px; background: #1D94C8 ; display: inline-block; border: none;'>شـــاهـــد أيـــضـــا</h2> <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div> </b:if>

وقم بتغيير كلمة شاهد ايضاً الى اي كلمة اخرى 

ملاحظة : اذا لم يقبل قم بمسح ما هو بالحمر وسوف يقبل (هذا حدث معي)

واضغط حفظ  والف مبررررروك

اتمنى انكم احببتم الاضافة 

دمتم بود

أضف اداة الترجمة لمدونتك ترجمة جوجل translate

السلام عليكم 

مرحباً بكم زوار مدونتي الكرام المحترف الفلسطيني للمعلوميات اليوم لدينا لكم 

اضافة يبحث عنها الكثيرين وهي برأيي مهمة جداً
أضف اداة الترجمة لمدونتك translate 

نعم وبأشكال متنوعة وجميلة 

أولا اداة الترجمة الخاصة بجوجل

 <div id="google_translate_element"></div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element'); } </script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

تانيا أداة الترجمة الخاصة بياهو بابل فيش

 <script type="text/javascript" charset="UTF-8" language="JavaScript1.2" src="http://uk.babelfish.yahoo.com/free_trans_service/babelfish2.js?from_lang=en®ion=us"></script>

ثالثا أداة الترجمة الخاصة بمايكروسوفت

 <script type="text/javascript" src="http://www.microsofttranslator.com/translatepagelink.aspx?pl=en"></script>

يمكنك تغير شكلها ليصبح هكذا 

وذالك بالدخول إلى هنــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــا

وآخيرا الاداة المميزة

تصبح هكذا عند مرور الماوس عليها

 <!-- Begin TranslateThis Button --> <div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div><script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script> <script type="text/javascript"> TranslateThis(); </script> <!-- End TranslateThis Button -->

طريقة التركيب


1- الذهاب الى لوحة التحكم
2- انقر على تخطيط
3- اختار اضافة اداة
4- اختر اداة الـ html/javascript



 ضع الكود الاداة التي اعجبتك 

تحياتي

اضافة المشاركة عبر الشبكات الاجتماعية عائمة !

مرحباً بكم اصدقائي وزوار المدونه المحترف الفلسطيني للمعلوميات

ومع سلسلة الاضافات في اضافات بلوجر لدينا لكم اضافة مميزة جداً وهي

المشاركة عير الشبكات الاجتماعيه اداة مذهله حقاً على بلوجر 

صورة الاضافة

كما نشاهد معاً عند مرور الماوس تتحرك وتظهر الايقونات للمشاركة

فقط على مدونتكم اضافات بلوجر

طريقة التركيب 

1- اذهب الى لوحة تحكم المدونه 

2- اضغط على قالب ثم تحرير HTML

3- الان ابحث عن 

<body/>

ضع الكود التالي فوقه مباشرتاً 

<!-- Start Social Sharing Widget Sassy Bookmarks HTML (add-b.blogspot.com)--><br /><div class="shr_ss shr_publisher"><br /></div><!-- End Shareaholic Sassy Bookmarks HTML --><br /><!-- Start Shareaholic Sassy Bookmarks settings --><br /><script type="text/javascript"> var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}}; </script><br /> <!-- End Shareaholic Sassy Bookmarks settings --><br /><!-- Start Shareaholic Sassy Bookmarks script --><br /><script type="text/javascript"> (function() { var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true; sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s); })(); </script><br /><br /><!-- End Shareaholic Sassy Bookmarks script -->

لا تقوم بحذف اي شيئ او اضافه شيئ للكود كي يعمل



اتمنى ان تكون الاضافه قد نالت اعجابكم 

إضافة المتابعه عبر الشبكات الاجتماعية

مرحباً احبتي واصدقائي 

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

وانا شخصياً استعملها في مدونتي لانها متحركة عائمة ممتازة

انها مثلها تماماً .. في اضافات بلوجر فقط كل حصري ومفيد

تابعونا عبر الشبكات الاجتماعية لتكونو الاول من يحصل على الاضافات الحصريه 

الصورة

طريقه التركيب 1

اولاً تعرف كيف تضيف اكواد الـ HTML/JavaScript

طريقه اضافه اكواد Html الى المدونه

أذا كنت تعرف لا حاجة للشرح المصور

لوحة التحكم بلوجر >عناصر الصفحة > إضافة أداة > HTML/JavaScript

ضع الكود ادناااه 

<script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/m4krejz6tw6sxlf/3%20in%201%20StyleSheet.css" /> <script src="https://dl.dropboxusercontent.com/s/e5p8j4qnfvgda8p/3%20in%201%20Widget.js"></script> <div id="on"><div id="facebook_right" style="top: 12%;"><div id="facebook_div"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmewxoxu58QYA62L-UtKKzgNankc8aN0WPL3SJqswxGhdVrcaCueoqhVt67Frx-0zA5IbsHNEtK7sQzw43mLHK5Z6MB5iHRKD-CRDVmsCEsAbkAeiR1w3lNjtgq5JG0b7Rb0V77gFEzN_Y/s1600/NBTfacebook_right.png" /> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fadditions.blogger&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false" style="border: none; height: 346px; overflow: hidden; width: 200px;"></iframe> </div></div></div><div id="on"><div id="twitter_right" style="top: 28%;"><div id="twitter_div"><img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfC45YHTMi_jQ9ybqN0RTaEe4uIETIo7VfUdox8qr5P0IlTdw3WGruqJqZgF-QHa_nX37qWlBBfNYmK2mAKwQjbHejzGroy3fE-AMWgCJ0qaFKAsIhuU5E-kMTWg99wgGHq0Y2f2T1udBM/s1600/NBTtwitter_right.png" /> <div style="width:248px;font-size:8px;text-align:right;"><script type="text/javascript"> document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=add_blogger&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script><a href="http://add-b.blogspot.com" target="_blank"></a></div></div></div></div><div id="on"><div id="google_plus_right" style="top: 45%;"><div id="google_plus_div"><img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhegzZBwhfWMZok72PxUyW7Wa147wxsW1vK_fbiV4YerDYoNDfjcTm911zEGq5IWZ8fsoLGT04tAItoXJhLiv7zraaGe7ftK_lGf5uRceNGPomwzpW8G-YZ0H0VGfbFGp0FUKTlv43CFs0/s1600/NBTgoogle_plus_right.png" /> <div style="float: left; margin: 10px 10px 10px 0;"><a href='http://add-b.blogspot.com'> <img alt='Tips Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi1zMclUMRr8wCrjBXSTAhvsnyznLYSsztI56PCJFbZyWzggKKyG5Vtfgw92gPhCozSfpWceqJhF1u9O7-XdMFQD1x3jLt1eW3BOdgCGrqh_2oV1_SXlzD8T6_5kMlY8Avt4MH2d-U6fRw/s1600/best+blogger+tips.png' /> </a> <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/108902431338077770336" data-source="blogger:blog:followers" data-width="270"></div><script type="text/javascript"> (function () { window.___gcfg = { 'lang': 'en' }; var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div></div></div></div>

قم بتغيير التالي 

1- 

https://www.facebook.com/additions.blogger

2-
https://twitter.com/add_blogger

3-
https://plus.google.com/108902431338077770336



والف مبروك .. بكل سهولة تم التركيب 

اضافة صندوق الفيس بوك لبلوجر

اليوم لدينا اضافة جديدة يتم اضافتها بشكل سهل جداً

وهي في غاية الجمال انها صندوق عائم للاعجاب بصفحتك على الفيس بوك لـ بلوجر

الأن ناتي الى الاداة

صورة الاداة

طريقة التنصيب في غاية من البساطة
كل ما عليك نسخ الكود التالي ووضعه في 

Html/Java Script

الكود<!-- float facebook like box start -->
<script id="float_fb" src="//sites.google.com/site/scriptsiq/blog/widget.js" data-href="https://www.facebook.com/additions.blogger" async></script>
<!-- float facebook like box end -->

واستبدال عنوان الصفحة التي على الفيس بوك
ويرجى وضع الاداة اعلى رسائل المدونة الألكترونية
 كما تلاحظ

انتهينا...........

اي استفسارات اترك تعليق

تغيير شكل التسميات في مدونات بلوجر

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

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

1 . كما هو معتاد ادخل على مدونتي >> ثم القالب >> ونفتح تحرير HTML >> واخرج محرك البحث CTRL+F ونبحث عن امر ]]></b:skin> ونضع فوقه هذا الكود CSS .

/* CSS label */.label-size {display: inline-block;}.label-size {position:relative;text-transform:none;text-decoration:none;font-size:13px;font-family:cursive;color:#fff!important;}.label-size a {width: 130px; color: #233442; padding: 5px 5px; background: #F8F8F8; display: block; text-align: center; margin: 5px; border-bottom-color: #E6E6E6; border-bottom-style: dashed; border-bottom-width: 1px;}.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5,.label-size-6{font-size:100%;}.label-size a:before {content: "\f02c";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: none;color: #fff;transition: .3s linear;float: right;background: #29567D; padding: 3px;}.label-size a:after { content: ''; position: absolute; top: 10px; right: 28px; border: 10px solid transparent; border-right-color: #29567D; }.label-size a:before:hover{color:#254E71}.label-size:hover{opacity:1;visibility:visible;}.label-size a:hover{color:#F74047;}

وهذا مثال على الصورة : 

ثم تدخل الى التخطيط >> وتختار اضافة اداة >> وتختار التسميات >> وتركها كما في الصورة

اذا اعجبك الموضوع شاركنا بتعليقك .

كيفية اضافة نص متحرك في مدونة بلوجر

مجموعة هامة من أكواد الجافا سكربت و html لمصممي المواقع والمدونات :

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

كود سكربت اضافة نص متحرك  :
كود اضافة نص متحرك من يسار 

<marquee scrolldelay="200" width="300px" height="25px" direction="right" bgcolor="#3BB9FF"><font color="#000000" >ضع النص الذي تريده هنا</font></marquee>

شرح هذه الاكواد :

scrolldelay : يتحكم في السرعة النص
width : طول الصندوق height : عرض الصندوق 
direction : اتجاه الكتابة على يمين right  اليسار left في الاسفل down في الاعلى up
bgcolor : لون خلفية النص 
font color : لون النص 


- النص يتحرك من اليمين 

<marquee scrolldelay="200" width="300px" height="25px" direction="left" bgcolor="#3BB9FF"><font color="#000000" > بسم الله الرحمن الرحيم </font></marquee>

-  النص يتحرك يمينا ويسارا 

<marquee behavior="alternate" width="300px" height="25px" direction="right" bgcolor="#3BB9FF"><font color="#000000" > سبحان الله وبحمده سبحان الله العظيم </font></marquee>

-  النص يتحرك من أعلى

<marquee behavior="alternate" width="300px" height="25px" direction="right" bgcolor="#3BB9FF"><font color="#000000" > سبحان الله وبحمده سبحان الله العظيم </font></marquee>

- النص يتحرك من أسفل

<marquee scrolldelay="200" onmouseover="this.stop()" onmouseout="this.start()" width="200px" height="300px" direction="up" bgcolor="#3BB9FF"><font color="#000000" > لا اله الإ انت سبحانك اني كنت من الظالمين </font></marquee>

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

طريقة اضافة البسملة فوق الموضوع لمدونة بلوجر بطريقة مزخرفة وجميلة

 

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

اضافة البسملة فوق الموضوع لمدونة بلوجر بطريقة مزخرفة : 

ندخل القالب >> ثم تحرير HTML >> بعدها نفتح محرك البحث CTRL+F ونبحث عن هذا الكود <data:post.body/> ونضع فوقه كود اضافة البسملة .

<center><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif2l0Bu8GsmbKgLUDYxf98BCTbsynPYox1Kp1r-LfKUQjg0bsv0FdpdmDE_i8sGzblL53slqVIvsE7NgR0ull4hhyjs8H_t6OGwE21ZrPUXR537ZS9708aDARA7KJ8LVO7ywksi2bFIcZs/s1600/%D8%A8%D8%B3%D9%85+%D8%A7%D9%84%D9%84%D9%87+%D8%A7%D9%84%D8%B1%D8%AD%D9%85%D8%A7%D9%86+%D8%A7%D9%84%D8%B1%D8%AD%D9%8A%D9%85+(%D8%A7%D9%84%D8%A8%D8%B3%D9%85%D9%84%D8%A9).png'/></center>

ملاحظة : يوجد من ثلاث الى اربع الكود <data:post.body/>  ابحث عن الاخير .

كيفية وضع اعلانات ادسنس داخل مواضيع بلوجر

كيفية وضع اعلانات ادسنس داخل مواضيع بلوجر 

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

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

شرح كيفية وضع اعلانات داخل المواضيع

دخول الى المدونة ثم القالب بعدها تحرير HTML ضغط على CTRL +F 

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

<data:post.body/> 

  

 ضع هذا الكود فوقه مباشرة اذا تريد ان تظهر الاعلانات فوق المواضيع ، او ضع الكود تحته مباشرة لتكون الاعلانات اسفل المواضيع  

اعلانات ادسنس داخل مواضيع 
تحميل كود AdSense

سوف تجد كلمة "وضع كود اعلان جوجل المحدد هنا"

هنا سوف تضع اعلانات ادسنس 

برنامج Freemake Video Converter

تحميل برنامج تحويل ملفات الفيديو

العديد من عشاق الفيديوهات ترغب غالبا في تحويل صيغة الفيديو الى العديد من الصيغ وخصوصا بالجودة العالية ، كما انها تشتغل على كل ما يخص الهواتف الذكية واحيانا يرغب الزبون في تحويل الفيديو الى الامتداد المناسب للهاتف الذكي ، هناك العديد من البرامج والتطبيقات الجد روعة في تحويل جميع الفيديوهات ونحن نحاول ما امكن في نشر العديد من برامج تحويل ملفات الفيديو المجانية ،  ومن بين هذه البرامج في تحويل الفيديوهات او الملفات برنامج Freemake Video Converter .

برنامج Freemake Video Converter تحويل ملفات الفيديو يقوم بتحويل الفيديو والصوت الى صيغة  (MP4 و 3GP و MPG )، وبرنامج فري ميك فيديو كونفرتر تحويل الفيديو من بين احد أفخم البرامج المجانية التي يستخدمها الناس في انحاء العالم لسهولته في الاستخدام كما له واجهة سهله على المبتدئين ، ومن خلال هذا البرنامج  تستطيع استيراد الفيديو من جهازك وتحويلها  بسهوله وسرعة مع محافظة على جودتها العالية ، ولا يتوقف البرنامج على ما ذكرت بل البرنامج فري ميك فيديو كونفرتر يوفر لك فصل الصوت عن الفيديو الخاص بك ويبقى على نفس الجودة ، 

برنامج Freemake Video Converter تحويل ملفات الفيديو يشتغل على نظام windows ويندوز، ولا تخف من ان يكون سبب في تقل النظام بلعكس فهوا برنامج خفيف على النظام ويندوز،ايضا فري ميك فيديو كونفرتر له ميزات اخرى مثلا تحويل الفيديوهات بصيغة MP4 الى HD بجودة عالية وخصوصا اصحاب الهواتف الذكية لمشاهدة الفيديو على الهاتف بصيغة جيدة يوفر لك ايضا تحكم في مقاسات الفيديو وتحكم فيه كيف ما تريد وميزات اخرى سوف تكتشفوها بعد استخدام البرنامج تحويل الفيديوهات .

سهل الاستعمال ولا يؤثر على نظام الاندرويد وحجمه لا يتجاوز 27.30MB

 برنامج فري ميك فيديو كونفرتر تحويل الفيديو

استعمل البرنامج فيما يرضي الله 

حجم البرنامج: 27.30MB

ترخيص البرنامج: Freeware "مجاني"

نظام التشغيل: ويندوز إكسبي/ فيستا / 7 / 8

تحميل برنامج Freemake Video Converter

تحميل مشغل الصوتياتAIMP

  برنامج AIMP مشغل الصوتيات المجاني من انتاج الشركة روسية تسملا ارتيم، وهو من بين افضل البرامج مشغل الصوتيات و كل الملتميديا بجميع الصيغ كما له مميزات التي لا يتوفر عليها العديد من مشغل الملتميديا كا مشغل الصوتيات MP3  بدقة جد عالية ، برنامج امب مشغل الملتيميديا له وظائف كثيرة منها تحكم في جودة الصوت وهذه الميزة جيدة لأصحاب عشاق حركات الصوتية ايضا يقوم بعرض معلومات كاملة على صاحب الصوت الجودة والصيغة والتردد كما يمكنه اظهار صاحب منتج وعرض الصورة المصغرة .

برنامج مشغل الصوتيات امب مشغل فهو من بين افضل برامج الميديا كما انه يوفر لك وظائف كثيرة جدا لتشغيل كل الصيغ ، حين تقوم ب تحميل برنامج AIMP مشغل الصوتيات سوف تكتشف انه عبقري وجد متطور ايضا يمكن تشغيل العديد من الصيغ الصوتيات مثل MP3 و Wav و Wmaو Ogg و Mo3 

  برنامج AIMP مشغل الصوتيات المجاني يقوم بتحويل "AUDIO" الى MP3 وحفظها في جهازك الكمبيوتر الخاص بك ، برنامج امب مشغل الملتيميديا له الملايين من المعجبين في العالم كما انه سهل في الاستخدام وله واجهة سهلة وبسيطة جدا ،

يتبقى لك تحميل برنامج AIMP لتشغيل ملفات الصوتية المجاني وقم بتثبيته في جهاز الكمبيوتر فانه يتوفر على واجهة جد جميلة وسهلة في الاستخدام. 

برنامج امب لتشغيل ملفات الصوتية المجاني هو من بين اقوى برامج الملتيميديا الذي يشغل جميع انواع الصوتيات ،  له مميزات جد مميزة في تعامله مع جميع الصوتيات ،ويمكن تشغيل الصوتيات بجودة عالية ايضا اضافة المفضلات بانشاء ملفات السمعية ، برنامج نقي وصافي في اسمعك الصوت بدون تشويش .

ايضا البرنامج العبقري في تشغيل ملفات الصوتية يوفر لك تحكم في جودة الصوت ، تطبيق امب يقوم بعرض معلومات كاملة على صاحب الصوت الجودة والصيغة والتردد وايضا صاحب منتج وعرض الصورة المصغرة.

 سهل الاستعمال ولا يؤثر على نظام واليوندوز وحجمه لا يتجاوز 8,5MB 

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

برنامج مشغل الصوتيات AIMP

برنامج محول صيغ الفيديو والصوت

تحميل برنامج تحويل ملفات الفيديو والصوت

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

برنامج XMedia Recode محول صيغ الفيديو والصوت يقوم بتحويل الفيديو والصوت الى صيغة  (MP4 و 3GP و MPGو WMA و WAV )، وبرنامج إكس ميديا ريكود محول صيغ الفيديو والصوت من بين احد أفخم البرامج المجانية التي يستخدمها الناس في انحاء العالم لسهولته في الاستخدام كما له واجهة سهله على المبتدئين ، ومن خلال هذا البرنامج  تستطيع استيراد الفيديو من جهازك وتحويلها  بسهوله وسرعة مع محافظة على جودتها العالية ، ولا يتوقف البرنامج على ما ذكرت بل البرنامج إكس ميديا ريكود يوفر لك فصل الصوت عن الفيديو الخاص بك ويبقى على نفس الجودة ، 

برنامج XMedia Recode تحويل ملفات الفيديو والصوت يشتغل على نظام windows ويندوز، ولا تخف من ان يكون سبب في تقل النظام بلعكس فهوا برنامج خفيف على النظام ويندوز،ايضا إكس ميديا ريكود له ميزات اخرى مثلا تحويل الفيديوهات بصيغة MP4 الى HD بجودة عالية وخصوصا اصحاب الهواتف الذكية لمشاهدة الفيديو على الهاتف بصيغة جيدة يوفر لك ايضا تحكم في مقاسات الفيديو وتحكم فيه كيف ما تريد وميزات اخرى سوف تكتشفوها بعد استخدام البرنامج تحويل الفيديوهات .

 استعمل البرنامج فيما يرضي الله سهل الاستعمال ولا يؤثر على نظام الويندوز وحجمه لا يتجاوز 7.65MB

برنامج فري ميك فيديو كونفرتر محول صيغ الفيديو والصوت

برنامج محول صيغ الفيديو والصوت

حجم البرنامج: 7.65MB

ترخيص البرنامج: Freeware "مجاني"

نظام التشغيل: ويندوز إكسبي/ فيستا / 7 / 8

تحميل برنامج XMedia Recode

تحميل برنامج QQ Player مشغل الملتيميديا

تحميل برنامج كيوكيو بلاير مشغل الملتيميديا

  برنامج QQ Player مشغل الملتيميديا المجاني من تطوير شريكة الصين ، وهو من بين افضل البرامج لتشغيل الملتيميديا و كل الفيديوهات والصوتيات بجميع الصيغ كما له مميزات التي لا يتوفر عليها العديد من مشغل الملتميديا كا لتقاط الصور من الفيديوهات و تحرير الفيديو وتحويله الى ثلاثية الابعاد ، برنامج كيوكيو بلاير له وظائف كثيرة منها فصل الصوت من الفيديو وهذه الميزة جيدة لأصحاب نشر الفيديوهات ايضا يمكنك دمج الفيديو وتغير لون وحجم الكتابة .

برنامج كيوكيو بلاير مشغل الملتيميديا لا اجد له منافس في الميديا فهو يوفر لك وظائف كثيرة جدا لتشغيل كل الصيغ ،  حين تقوم ب تحميل برنامج QQ Player مشغل الملتيميديا سوف تكتشف انه عبقري وجد متطور ايضا يمكنه ان يغير مكان الترجمه من اليمين الى شمال ومن فوق الى الاسفل أو وسط الفيديوهات كما يمكنك تغيير حجم الكتابة وتغيير لون الخط ،  يمكن من برنامج كيوكيو بلاير مشغل الملتيميديا التقاط الصورة التي تريد من الفيديو وتحويلها الى GIF  بمعنى تحويلها الى صورة متحركة ،وايضا تحويل الفيديوهات الى شتى انواع الصيغ مثل MP4 او AVI و العديد من الصيغ الاخرى .

تحميل برنامج كيوكيو بلاير مجاني وله ميزات ووظائف جديدة كما له واجهة جميله وسهلة في الاستخدام .

  من تطوير شركة تنسنت الصينية

  يقوم بتشغيل الفيديو والصوتيات والافلام

  يقوم بتشغيل ملفات الفلاش SWF  يدعم  كل صيغ ملفات الترجمة SSA , SRT , ASS

  يسمح لك في تحكم في لون وحجم الخط 

  يمكن تبين او اظهار الترجمة في الوسط او  الاعلى او الاسفل  .

 البرنامج كيوكيو بلاير سهل الاستعمال ولا يؤثر على نظام واليوندوز وحجمه لا يتجاوز 26,5MB 

تحميل برنامج  QQ Player

تحميل برنامج vlc media player

تحميل برنامج vlc

برنامج VLC Media Player من البرامج المعروفة عالميا لتشغيل القرآن والفيديوهات بجميع الصيغ ، كما له جماهير وشهرة كبير جدا في العالم ، برنامج vlc مجاني يوفر لك كثير من الخيارات جد جميلة جدا، ومن هذه الخيرات زيادة حجم الصوت 200 في المائة ايضا دقيق في الترجمة و كما يمكنك التحكم بالصوت عن طريق الفارة ، ايضا هو من بين افضل برامج ملتميديا في تشغيل الفيديوهات والصوتيات بجميع الصيغ و بكامل السرعة .

برنامج VLC Media Player  يقوم بتشغيل الفيديوهات عالية الجودة HD  وبدون اي مشاكل ، وايضا يقوم بتشغيل الفيديوهات اون لاين كل القنوات المباشرة او فيديوهات اليوتيوب مع توفير اتصال الانترنت ، و هذه الميزة المميزة لذا برنامج vlc يحتاجها العديد من الناس في مشاهدة الفيديوهات بكامل الرحة وتحكم من بعد عن طريق الفأرة ، اصبح من الواجب عليك تحميل برنامج vlc لانه ساره من اهم برامج ملتميديا التي يجب ان تكون في جهازك الكمبيوتر لأنها تشغل اغلب الفيديوهات.

العديد من الناس لا تتوفر على برنامج ملتميديا بعد تنصيب نظام ويندوز ولا تعرف كيفية تنزيل vlc media player مجانا ، لذلك وفرنا لكم تحميل برنامج vlc المجاني الذي يتوفر على شهرة في انحاء العالم كله كما ان برنامج ملتميديا له وجه سهلة الاستعمال والتنقل بالخفة ولا يؤثر على النظام كما انه يشتغل على جميع انظمة الويندوز .

 

واسال الله ان تستغل البرنامج في مشاهدة كل مايرضي الله 

تنزيل vlc media player مجانا

DOWNLOAD