‏إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل

الأحد، 28 أغسطس 2016

كيفية حزف اي اداة لايمكن حزفها في قوالب بلوجر



كيفية حذف أي أداة لا يمكن حذفها في قوالب بلوجر







كيفية حذف أي أداة لا يمكن حذفها في قوالب بلوجر

 بسم الله الرحمن الرحيم درس اليوم حول كيفية

كيفية حذف أي أداة لا يمكن حذفها في قوالب بلوجر


كما تلاحظ في الصورة  فعندما نود حذف هذة الأداة لانجد زر حذف المعتاد ولاكن سوف نشرح لك في هذا الموضوع كيف نحذفه ولاكن الأن يجب أن أريك الإضافة الأخرة التي لا تحذف وهي أداة تدعمة بلوجر أو مايعرف بالإسناد صورة للمعاينة 

كيفية حذف أي أداة لا يمكن حذفها في قوالب بلوجر

كما نلاحظ فازر حذف لحذف هذة الإضافة المزعجة التي تسبب لنا مشكلة غير موجودة فما هو الحل ؟؟

الحل هو أن تدخل على البلوجر و أن تختار من يمين الصفحة قالب وبعدها تضغط على تحرير HTML وتضغط على الإنتقال إلى الأداة وتختار الأداة التي تريد حذفها مثلاً إذا كنت تريد حذف أداة Navbar أي يعني شريط البحث المدمج من بلوجر سوف تجد أسمها Navbar  وإذا كنت تريد حذف أداة الإسناد أي يعني أداة تدعمة بلوجر سوف تجد أسمها Attributtion والأن وبعدما أخترنا الأداة التي نريد حذفها 
والأن نقوم بتغير كلمة true بكلمة false كما موضح في الصورة هذا بالنسبة لأداة الإسناد كما موضح بالصورة

كيفية حذف أي أداة لا يمكن حذفها في قوالب بلوجر



والأن نذهب إلى التخطيط ونضغط على تحرير الأداة وبعدها نقوم بالضغط على كلمة حذف كما هو موضح بالصور 

كيفية حذف أي أداة لا يمكن حذفها في قوالب بلوجر



أما بالنسبة لأداة Navbar فقد تختلف طريقة حذفها قليلا أول شئ ندخل على الإنتقال إلى الأداة ونختار navbar وبعدها نقوم بحذف الكود الذي يبدأ من 

 <b:widget  id= 'Navbar1' locked='true' title='Navbar' type='Navbar'>
إلى </b:widget>

وهذا هو الكود كامل
 <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
                <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\758101626160971456887\46blogName\75Libya\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75//th3mobea.blogspot.com/search\46blogLocale\75ar\46v\0752\46homepageUrl\75http://th3mobea.blogspot.com/\46blogFollowUrl\75https://plus.google.com/111366364319607255162\46vt\75-3365791892565485647&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
</b:widget>

والأن وبعدما قمنا بحذف الكود اضغط على حفظ النموذج ومبروك عليك تم حذف هذة الإضافة المزعجة
تابع الموضوع

الثلاثاء، 26 يوليو 2016

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

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



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

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


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






بطلب من العضو : 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/AVvXsEgrOXFo4FdT3_Bqg7c2QlDLvTVgu5GC3GIPCi1aEfkdWW8ztSaodVz5uqAeBf9_gyBirro9meaHDnFYz00wrToa5VUytBUkgSNvGH9x_BCTCFtVeOjk03Js0p3NdbvqfIEB6r4mYTACgho/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/AVvXsEjUzsFeMT2sVQKCxX7KyHGvRGT-3y06F34lFYIL4hPJS6y1w-GRYoZE9eMZjdEQdh1plAwcXA5gqTeQbCqEnR5myjHGlsNGSKpij42onxgtNWHWHupD3jWC8KPNgkfyHZZNYwNAc2XqWA4/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/AVvXsEjlSyNWynsHEFnhqjcIAb9LQCCETG2ORhk_5_TswtE8LI_3WKpnuKJUUNsVDxi1cSz0gL3Z93bEQ-pjvRMPL_moddzJSxNOA6G3E8E1v9VlGkKl8YHciAa6MSNtRTPB_LoFGwHjYsX4MbVG/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/AVvXsEhJBkg5nhiYgnNQdImfIk9cIKAHdhfS6XhankkLuoSBMGDXnELqepcB0asH1OfqwOVuN43zzdjfsSdj4XdjE2DNQwdOqg4LXygXDOXvw2Nq1SYxOwKQBPPykiiIYGDyHuBwplqz2k6gNK98/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/AVvXsEgwhzzx4IV_aLPbxoTJGBklpwy5H0_U23UihAwbGEcauSN-b5bncgR635RBVV-DBgHkc7fyeLRorSt-gHbYpnvUhFDjP0BQEZezNlzzkFZMH0uxxD4Qzk42jK-gUTGh7IWzHZwbjUb_Jw8/&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 

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




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

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

اضافات بلوجر

 



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

اضافات بلوجر

 



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


 



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

اضافات بلوجر

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

اضافات بلوجر

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

اضافات بلوجر

 



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


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



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

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

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

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

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


صورة الاضافة

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




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

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


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

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

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

3- الان ابحث عن 
<body/>



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






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



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



تابع الموضوع