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

الأربعاء، 20 يونيو 2012

طريقة اضافة تعليقات الفيسبوك facebook لمدونة بلوجر (شرح محدث)

2:58 ص  Unknown  2


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






 أولا انشاء تطبيق على الفيسبوك

الان  توجه الى هدا الرابط     انشاء تطبيق 

 ثم تابع الشرح في الصور




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


 بعد التأكبد ستجد هده 


ثم  انزل للأسفل وضغط على website وضع رابط موقعك كما في الصورة


 
  •  ثم ادا وجدة هده في الاعلاى فانها تعني التعديل تم حفضه وكل شيء حتى الان ممتاز
 


 الان انتهينا من انشاء التطبيق يبقى الان اضافة الأكواد 

ثانيا : اضافة الاكواد  




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

بلنسبة للواجهة الجديدة  :                                               -   بالنسبة للواجهة القديمة :

لاتنسى اخد نسخة احتياطية للقالب                                                        لاتنسى اخد نسخة احتياطية للقالب 

1.لوحة التحكم                                                                                     1 -.لوحة التحكم
2.القالب                                                                                            2  - .تخطيط أوتصميم  
3. ثم تحريرhtml;.                                                                             ثم 3 - تحريرhtml.    
 4.متابعة                                                                                          4-.توسيع القالب 
5 -.توسيع القالب

  ثم ابحث عن الكود التالي :بالضغط على      alt+f 

<html

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



xmlns:fb='http://www.facebook.com/2008/fbml'

 ليصبح هكدا 


 <html xmlns:fb='http://www.facebook.com/2008/fbml' 


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


<body>

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


<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

 ثم قم بوضع الكود التالي أسفل احد الكودين حسب ماعندك ,

<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : &#39;ضع رقم التطبيق هنا&#39;,
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml  : true  // parse XFBML
    });
  };
    (function() {
    var e = document.createElement(&#39;script&#39;);
      e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;;
    e.async = true;
      document.getElementById(&#39;fb-root&#39;).appendChild(e);
    }());
</script> 





 بدل ضع رقم التطبيق هنا   برقم التطبيق الدي أنشأناه 

  •  الان ابحث عن </head>  وضع الكود التالي فوقه مباشرة 
 <meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='مدونة شامل كول' property='og:site_name'/>
<meta content='رابط اللوغو أو الصورة الخاص بالمدونة' property='og:image'/>
<meta content='رقم التطبيق ' property='fb:app_id'/>
<meta content='http://www.facebook.com/chamelcoolblogger' property='fb:admins'/>
<meta content='article' property='og:type'/>

غير مايلي في الكود :

  •  غير مدونة شامل كول  باسم مدونتك
  • غير   رابط اللوغو أو الصورة الخاص بالمدونة  الى صورة لمدونتك  بحيث ستضهر هده الصورة بجانب عنوان موضوعك  على بروفيلات الزوار ويفضل أن تكون بحجم 40px * 40 px
  •   بدل  رقم التطبيق    برقم التطبيق الدي أنشأناه 
  • غير chamelcoolblogger  برابط بوفيلك وليس صفحتك 
ثم الخطوة الأخير وهي البحث عن الكود التالي

  <b:includable id='comment-form' var='post'>

 ثم  ضع تحته مباشرة الكود التالي

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<div> <fb:comments  colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div>
</div>
</b:if>


 ملاحضة : يمكنك تغير مايلي حسب دوقك 
  1.     ar_AR   تجعل  الاداة باللغة العربية  ويمكن ارجاعها بالانجليزية  بوضع    en_US  
  2. light  تعني لون الصندوق الطبيعي  وهي الأبيض  ويمكنك ارجاعه أسود وضع DARK  مكانها 
  3. 520  تعني عرض الاداة ويمكنك التعديل الى مايناسبك
 ثم في الأخير احفض القالب 

وهدا كل شيء أي اتفسار أو مشكل ضعه في التعليق’والسلام عليكم.

اقرء المزيد

ضف أداة النشر على المواقع الاجتماعية بطريقة جميلة واحترافية لمدونات بلوجر

2:49 ص  Unknown  2

كنت قد تطرقت في عدة مواضيع عن طريقة اضافة  أزرار النشر على المواقع الاجتماعية لدورها الكبير في  زيادة شعبية مدونتك  على هده المواقع  الى أنها ليست  كهده الاضافة التي سنتطرق لها وهي طبعا حصرية ....,هي اضافة جميلة ومتميزة  تعطي لمدونك احترافية وتميز عن باقي المدونات الأخرى و تتيح لزوارك نشر مواضيعهم على facebook, goole +1 و twitter,وسترى أني أستعملها شخصيا في مدونتي¨
شكل الاضافة و يمكنك معاينتها في أسفل مدونتي

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYbBYy2XxZY7V26K1yaGkfJbCHlzzb-5DKsEafFSVoqLZ78QQZt7LDSZ5WhStrr2y-NbBUJ7v3k6yfx9KncXtDvICdgc5z64HjYvDuhOKbGk0I0SMdxu95FMbm8geqh_fCXAMjOy67EpyO/s1600/Untitled+2.gif


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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU-ESUPlj9SK315qD5sSw9yqVWybMnU19XoapwAZKKYfLIA_yG_Kpln9cokO6SZiv4NKTsKdCuung8SpT_GQlx5SlslKYpqVpFI40bj04_7NFyebUG6XcLbwpiroupntykillMy52elKyU/s1600/resized_ez.jpg


  ثم ابحث عن الكود التالي :بالضغط على         alt+f

<div class='post-footer-line post-footer-line-1'/>

 ملاحضة ان لم  تجده ابحث عن  البديل التالي وهو

 <data:post.body/>


ثم قم بوضع الكود التالي  مباشرة تحث  أحد الكودين حسب ما اخترت

 <b:if cond='data:blog.pageType == "item"'>
<style>
.promote_post_bg {
    height: 103px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwMzYbRZK1QfcafLcOcSSG989pHKMXXxnij6yqdd6_i-IRiYfoAG1zFc-e_L8yRxdfAyVDqpnz1FKpiaUulwSsAkYszTAw0_3NeKd5wEkDGLLBSkgt-yGGNfBtkKlrcERFsb95g60-Xu2Q/s1600/chamelcool2.gif) 0 -7px no-repeat;
    width: 500px;
    margin-left: 65px;
}

.promote_twitter {
    width: 130px;
    height: 38px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 13px;
    text-align: center;
}

.promote_facebook {
    width: 115px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 63px 0 0 28px;
    text-align: center;
}

.promote_google {
    width: 65px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 28px;
    text-align: center;
}
</style>
    <div class='promote_post_bg'>
        <div class='promote_twitter'>
            <a class='twitter-share-button' data-via='chamelcool' href='https://twitter.com/share'>Tweet</a>
            <script>
                !
                function (d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (!d.getElementById(id)) {
                        js = d.createElement(s);
                        js.id = id;
                        js.src = "//platform.twitter.com/widgets.js";
                        fjs.parentNode.insertBefore(js, fjs);
                    }
                }(document, "script", "twitter-wjs");
            </script>
        </div>
        <div class='promote_facebook'>
            <div>
                <b:if cond='data:post.isFirstPost'>
                    <script>
                        (function (d) {
                            var js, id = 'facebook-jssdk';
                            if (d.getElementById(id)) {
                                return;
                            }
                            js = d.createElement('script');
                            js.id = id;
                            js.async = true;
                            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                            d.getElementsByTagName('head')[0].appendChild(js);
                        }(document));
                    </script>
                </b:if>
                <fb:like expr:href="data:post.canonicalUrl" layout='button_count' send='false'
                show_faces='false' font="verdana" action="like" colorscheme="light"></fb:like>
            </div>
        </div>
        <div class='promote_google'>
            <script type='text/javascript'>
                (function () {
                    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>
            <g:plusone annotation="none" size='medium'></g:plusone>
        </div>
    </div>
<p style="display:none;"> Sharing Widget by<a href=" http://bloggerpluus.blogspot.com/">chamelcool</a></p>
</b:if>


 ثم قم بحفض القالب 

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

اقرء المزيد

اضافة زر الارسال send + زر الاعجاب like لمدونات بلوجر من فيسبوك facebook

2:32 ص  Unknown  لا يوجد تعليقات

وفي هذه التدوينة نعود مرة اخرى الى خدمات فيسبوك للمواقع والمدونات لنقدم لكم زر الارسال send لتتمكن اخى المدون من اتاحة المجال لزوارك لارسال رسالة خاصة بالموضوع الى احد اصدقائهم مباشرة في فيسبوك - لنبدأ على بركة الله بشرح طريقة الاضافة :


الخطوة الاولى

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

الخطوة الثانية

ابحث عن :


<div class='post-header-line-1'/>

واضف الكود بعدها 

واذا لم تجدها ابحث عن :(قد تجد اثنتين فالثانية المقصودة)


<data:post.body/>

واضف الكود التالي بعدها ليظهر في اخر التدوينة ، او قبلها ليظهر اول التدوينة

1- كود اضافة زر الارسال فقط
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!--Facebook Send button Start  bloggerpluus.blogspot.com   -->
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='tahoma'/>
    <!--Facebook Send button End  bloggerpluus.blogspot.com  --></b:if>
  
2- كود اضافة زر الاسال + زر الاعجاب  
   <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- Facebook Like+Send button Start  bloggerpluus.blogspot.com   -->
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light'  action='like'  layout='standard' expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/>
<!-- Facebook Like+Send button End bloggerpluus.blogspot.com  -->
</b:if>




 تخصيص الزر بما يناسبك


1- احذف ما تم تعليمه بالبرتقالي اذا كنت تريد ان يظهر الزر في جسم التدوينة وفي الصفحة الرئيسية لمدونتك

tahoma : نوع الخط وتستطيع تغييره بخطوط اخرى مثل arial
light : يعني خفيف ، ويمكن تغييرها الى معتم dark


الان احفظ القالب ومبروك عليك الاضافة .

وبالتوفيق دوما ادعو لي ولكم
اقرء المزيد

إضافة تجعل كل من يقوم بنسخ تدويناتك ينسخ رابط موقعك وكذلك العنوان تلقائيا

2:16 ص  Unknown  2



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



لنبدأ على بركة الله

1-قم بالتوجه إلى لوحة التحكم لمدونتك.
2-إختر تصميم أو قالب .
3- ثم توجه إلى تحرير html.
4-قم بالبحث عن :
</head>

تم قم بوضع  الكود التالي قبلها 



<script type='text/javascript'>
if(document.location.protocol==&#39;http:&#39;){
 var Tynt=Tynt||[];Tynt.push(&#39;d-PytMlMWr4j7madbi-bnq&#39;);Tynt.i={&quot;ap&quot;:&quot;المصدر: مدونة بلوجر بليس &quot;};
 (function(){var s=document.createElement(&#39;script&#39;);s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src=&#39;http://tcr.tynt.com/ti.js&#39;;var h=document.getElementsByTagName(&#39;script&#39;)[0];h.parentNode.insertBefore(s,h);})();
}
</script>

قم بتغير المصدر: مدونة بلوجر بليس  بما تريد

5-قم بحفظ القالب .

6- جرب نقل أي شيء من مدونتك وسترى النتيجة.


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

اضافة تغدية مدونتك لافضل 50 دليل RSS مجاني

1:54 ص  Unknown  لا يوجد تعليقات




بسم الله والصلاة والسلام على رسول الله صلى الله عليه وسلم , الرحمة المهداة , وعلى من سار على هديه واستن بسنته الى يوم الدين , أما بعد  فكما يعلم الجميع دلائل تغدية المدونات RSS اصبحت تلعب دور كبير في تقوية ارشفة المواقع والمدونات بمحركات البحث وكدا زيادة في معدل الزوار للمدونات اليوم ساضع لكم لائحة تضم 50 دليلا لاضافة مدوناتكم فيها لتقوية ارشفتها

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



وهده لائحة لافضل 50 قائمةدلائل RSS لاضافة مدونتك فيها
  1. 2Rss
  2. 5z5.com
  3. 9rules.com
  4. Allheadlinenews
  5. Automotive-links
  6. Blogdigger
  7. Blo.gs
  8. Chordata
  9. Crayon
  10. CDRinfo
  11. Devasp
  12. Educational-feeds
  13. Feedagg
  14. Feedage
  15. Feedbase
  16. Feed Burner
  17. Feedboy
  18. Feedcat
  19. Rssfeeddirectory
  20. Feedest
  21. Feedfury
  22. Feedgy
  23. FeedListing
  24. Feedmil
  25. Feedmailer
  26. Feedplex
  27. Feedsee
  28. Feed Submitter
  29. Feeds4all
  30. Feedzie
  31. Finance-investing
  32. Gabbr
  33. Genwi
  34. Goldenfeed
  35. Icerocket
  36. Itsmynews
  37. Jordomedia
  38. Keegy
  39. Leighrss
  40. Mediapost
  41. Medical-feeds
  42. Medworm
  43. Metafeeder
  44. Millionrss
  45. Moneyhighstreet
  46. MyMSN RSS Directory
  47. News-feeds
  48. Newsknowledge
  49. News-feeds
  50. Newsknowledge

اقرء المزيد

منع استعمال الزر الايمن للماوس في مدونات بلوجر

1:51 ص  Unknown   1



بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين 
إهــداء لكل شخـص يسعـي للتعلم و الأستـفادة ..
إهــداء لكل من علمنـي حرفـاً و ساعدني أن أصل الى مـاأنا عليه ..
إهــداء لكل مدون عربي يسعي لكي يصبح محترف تدوين .. 

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


1- شرح طريقة منع النقر على الزر الايمن:

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

الخطوة الثانية : انقر على اضافة اداة في عناصر الصفحة  ثم اختر HTML/JavaScript

الخطوة الثالثة: قم بنسخ الكود اسفله ولصقه في خانة HTML/JavaScript و قم بالضغط على حفظ

<script language="JavaScript">
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Function Disabled!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script><span class="Apple-style-span" style="color: #351c75; font-family: Georgia, 'Times New Roman', serif; font-size: large;"><b>
</b></span>

صورة الاضافة

اقرء المزيد

شارك

Twitter Delicious Facebook Digg Stumbleupon Favorites