إضافة نافذة جانبية منبتقة لصفحتك على الفيسبوك إلى مدونتك

4:49 ص نشر في : التعليقات
السلام عليكم ورحمة الله وبركاته

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




الإضافة ظاهرة في الصورة أعلاه ولتطبيقها مباشرة على مدونتك ، تذهب إلى لوحة التحكم ثم تقوم بالضغط على قالب ثم على تحرير html ومتابعة وتقوم بوضع العلامة على مربع توسيع قالب واجهة المستخدم ثم تقوم بالضغط في مفاتيح جهاز على ctrl + f وتبحث عن هذا الكود

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

</head>

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____


بعد أن تجده قم بوضع قبله هذا الكود

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____


بعد أن تظيف الكود قم بحفظ التغييرات ، ثم توجه إلى لوحة تحكم مدونتك من جديد وقم بالضغط على التخطيطثم إضغط على إضافة أداة ، وقم باختيار html java script وقم بوضع في المربع هذا الكود 

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____



<script <script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisjlmAgaHl-VoUIxek1Ws8Pgt4jMujigPk4iYpjiuZGQEyMqqIWUFZAaKv4ySV3PKnXuUS_E04lLnumkmAv5FntGT06_b5H9qDWRfMwIlNVRft8TzxWlLpHhKsTupNa1u4D4XNowvenIAE/s1600/facebook-right.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2pro5com&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://www.lymura-s.blogspot.com/"amjad blog</a> / <a href="http://lymura-s.blogspot.com/2011/07/jquery_04.html">أحصل علي!</a></span></div></div>


____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____


الآن كل ما عليك أن تفعله قبل حفظ التغييرات هو تغير إسم المستخدم باللون الأزرق 
الخاص بصفحتك على الفيسبوك والذي هو عندي كما هو واضح pro5com

*ملاحظة : إسم المستخدم هو الذي يوجد في آخر رابط صفحتك على الفيسبوك

*مثال  : www.facebook.con/pro5com
تابع القراءة

شرح طريقة تسريع تصفح مدونتك

1:55 م نشر في : التعليقات
السلام عليكم ورحمة الله وبركاته

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



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

وللقيام بهاته العملية ، تذهب مباشرة إلى لوحة تحكم مدونتك ، وتضغط على قالب ، ثم تحرير html ثممتابعة ، وتقوم بوضع علامة على توسيع قوالب عناصر واجهة المستخدم وتضغط في مفاتيح جهازك علىctr+f وتبحث عن هذا الكود

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

    </BODY>

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

فوقه مباشرة تقوم بوضع هذا الكود

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____



<SCRIPT SRC='HTTP://AJAX.GOOGLEAPIS.COM/AJAX/LIBS/JQUERY/1.4.2/JQUERY.MIN.JS?VER=1.4.2' TYPE='TEXT/JAVASCRIPT'/>
<SCRIPT SRC='HTTP://SITES.GOOGLE.COM/SITE/SIMOXOOORG/HOME/JQUERY.LAZYLOAD.MINI.JS?VER=1.5.0' TYPE='TEXT/JAVASCRIPT'/>
<SCRIPT TYPE='TEXT/JAVASCRIPT'>
JQUERY(DOCUMENT).READY(FUNCTION($){
IF (NAVIGATOR.PLATFORM == &QUOT;IPAD&QUOT;) RETURN;
JQUERY('IMG').LAZYLOAD({
EFFECT:&QUOT;FADEIN&QUOT;,
PLACEHOLDER: &QUOT;HTTP://LH5.GGPHT.COM/_XRWO8MEPDY0/TEDXIQJRAUI/AAAAAAAAAKU/3LWQSFT8IRQ/GREY.GIF&QUOT;
});
});
</SCRIPT>


____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

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

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

1:20 م نشر في : التعليقات

السلام عليكم ورحمة الله وبركاته
في هذا الدرس من سلسلة دروس بلوجر دائما سوف نتعرف على  إضافة مهمة لأي مدونة ، وهي تعليقات الفيسبوك.

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


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

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

 <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/AVvXsEjJKaUQtejTICwGmn0Yo1DqvSBF1nfSS2U9aIuY2ZQAU-fzQNS37C7Ivi-RkPK_YeVeSTVtXkAgPqQDXcDdQV0yiZFjF6N_8cMv37pSqJXoLmG8v_o0oVpqsr-L_aw96SBlEv3x3kTzYmE/s1600/FACEBOOK.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</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/AVvXsEhTlnCVTzU_A-KcBvwYPcwiaryz_gKdiG64zS3PNtsqsza8IiEosEFPbpqkAWRXl_k6p1MmtAeiAyWIIRemddx-3-44QAg7uBSESpnEDD2AZlmduEymGnmMrwij6B-2Vyog319WlvtKJa0/s1600/BLOGGER.png'/> 
<data:post.numComments/> Comments
</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='potter182' 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-left: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:left;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5s
ease-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>

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____


قم بحفظ التغييرات ومبروك عليك الإضافة المهمة
تابع القراءة
Google Profile Google Profile
جميع الحقوق محفومحترفي الكمبيوتروفت ©2012-2013 | جميع المواد الواردة في هذا الموقع حقوقها محفوظة لدى ناشريها