محمد الكويفي: دروس بلوجر

Change Language

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

مرحبا بكم في موقعي

قبل أن تتصفح, صلى على رسول الله

شاهد قناة الجزيرة مباشرة وجودة عالية

تابع البث المباشر لقناة الجزيرة

تعلم اللغة الفرنسية بكل سهولة

مجموعة دروس في اللغة الفرنسية متنوعة وسهلة.

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

2014/09/23

إعادة تحويل مدونة بلوجر إلى مدونة أخرى أو موقع آخر

8:58 ص  محمد الكويفي  لا يوجد تعليقات

إعادة تحويل مدونة بلوجر إلى مدونة أخرى أو موقع آخر

1.عندما تقوم بإنشاء مدونة جديدة وتريد توجيه الزوار إليها.
2.عند تحويل الاستضافة المجانية لبلوجر الى استضافة مؤدى عنها .
3.تحويل مدونتك من بلوجر الى ووردبريس .
4.توجيه الزوار الى مدونة أخرى عند قيامك بعملية الصيانة للمدونة .

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).
تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
  • الطريقة الأولى :
ثم قم بوضع الكود التالي بعده ،ثم قم بكتابة رابط المدونة المراد التوجه اليها في المكان المخصص بالون الاحمر
  • الطريقة الثانية :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascriptولآن الصق الكود التالي :




<br style="margin: 0px; padding: 0px; outline: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;"><div style="margin: 0px; padding: 0px; outline: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border: 0px; vertical-align: baseline; color: blue; background: transparent;"> المرجو الانتظار قليلا سوف يتم التوجيه الى المدونة الجديدة وشكرا</div>






<br style="margin: 0px; padding: 0px; outline: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;"><br style="margin: 0px; padding: 0px; outline: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;"><body><br style="margin: 0px; padding: 0px; outline: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;"><br style="margin: 0px; padding: 0px; outline: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;"><a href="<span style="margin: 0px; padding: 0px; outline: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border: 0px; vertical-align: baseline; color: red; background: transparent;">رابط المدونة الجديدة</span>"><br style="margin: 0px; padding: 0px; outline: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;"><span style="margin: 0px; padding: 0px; outline: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border: 0px; vertical-align: baseline; color: blue; background: transparent;">المرجو الانتظار قليلا سوف يتم التوجيه الى المدونة الجديدة وشكرا</span></a><br style="margin: 0px; padding: 0px; outline: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;"><br style="margin: 0px; padding: 0px; outline: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;"></body><br style="margin: 0px; padding: 0px; outline: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;"><br style="margin: 0px; padding: 0px; outline: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;">
بعد ذلك قم بوضع هذه الأداة تحت 'اداة رأس الصفحة' لتحويل سريع كما هو موضح في الصورة

أتمنى أن تكونو قد استفدتم من هذا الدرس البسيط ،في انتظار تشجيعاتكم


https://www.mik1111.blogspot.com https://www.facebook.com/kauifi
اقرء المزيد

2014/05/25

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

2:07 ص  محمد الكويفي  لا يوجد تعليقات

              Facebook
                Youtube
 تواصل معي عبر مواقع التواصل
Facebook logoTwitter logoGoogle+ logoForward logo


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

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

1- من لوحة التحكم  >>>  قالب >>> تحرير html .
2- ابحث بواسطة  ctrl+f على :
<div class='comments' id='comments'>
3- ستجده مكرر مرتين ضع تحت كل واحد الكود التالي :











  <div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='تعليقات فيسبوك'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVzC_uK60qfjRUeMGVzVxHWx8LnUUgJDx1BUxkA7XsvX5DIUHtTHFXTT3h2ypKv5wDu5nQcqi8K62IHWp7KH7FG0tMVjbRSPoMBqQ-fUIH7Zdgy0dzlvYGq3WoqLVC-8cL8heJKesut9cv/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='تعليقات بلوجر'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtDjJxckCwt6Ko5K76mKxP0ejI15dEeMUoRZXKkDDTGMMnQs5987si8sk499LPmHEdPMvZyKOE2FSIdg3kdDTYh6Y_k7HG0KCaKUxb7MAIawmiOcNzI3a93tVA4LQkRXi4V55M84xMfZil/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='600'/></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>
4- احفظ القالب

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


التعديل حسب الارقام في الصورة في الأعلى.
' width='600  :عرض صندوق التعليقات يمكنك تغيير الرقم600 برقم آخر ليتوافق مع مدونتك
1- الرابط الأزرق : رابط صورة تعليقات فيسبوك (انظر رقم 1 في الصورة في الأعلى)
2- الرابط الأخضر: رابط صورة تعليقات بلوجر  (انظر رقم 2 في الصورة في الأعلى)
3- تعليقات فيسبوك و تعليقات بلوجر هي الكلمات التي تظهر عند تمرير الماوس على أيقونات التعليقات
 (انظر رقم 3 في الصورة في الأعلى)

المصدر:رياض بلوجر





اقرء المزيد

2014/05/17

كود كم باقى على رمضان 2014 ثلاث إضافات جديدة لمدونات البلوجرRamadan blogger

12:07 م  محمد الكويفي  لا يوجد تعليقات

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته


 بداية 
عسى الله عز وجل يبلغنا شهر رمضان الكريم بطاعة والايمان والخير والبركة

ويجعله رحمة وتوبه صادقه لكل مسلم ان شاءالله

ويفرج عن اخوانا بالعراق وسوريا وفلسطين ويحرر بلاد المسلمين من يد الكفار والفرس والمشركين
اللهم آمين 

أقدم لكم اليوم أضافة مميزة وهو

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

ولاضافة بثلاثة ألوان 


الشكل الاول

 

اللون الاحمر

 

الكود


<center>
<embed height="150" src="https://googledrive.com/host/0B3ntuTCXGn6ndlUtZDJIdHlaYTg" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed>
<center>
<a href="http://www.condaianllkhir.com/" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">islamic widget</span></span></a></center>
</center>


الشكل الثاني

 

اللون البنفسجي

 

 

الكود

 

<center>
<embed height="150" src="https://googledrive.com/host/0B3ntuTCXGn6nZ1BfTG5qZ1gzVEE" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed>
<center>
<a href="http://www.condaianllkhir.com/" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">islamic widget</span></span></a></center>
</center>

 

الشكل الثالث 

 

اللون الاخضر

 

 

الكود

 

<center>
<embed height="160" src="https://googledrive.com/host/0B3ntuTCXGn6ndUJIT3doTjJCa3c" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed>
<center>
<a href="http://www.condaianllkhir.com/" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">islamic widget</span></span></a></center>
</center>

  

 

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

 توجه للوحة التحكم

تخطيط "" أضافة أداة


واختر منها


HTML/JavaScript HTML/JavaScript إضافة

  

ألصق الكود المراد وضعه في مدونتك  في صندوق المخصص لذلك

 

وأعمل حفظ للادة

 ملاحظة

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

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

height=150

المقصود بها أرتفاع الصورة عدل فقط في الرقم

 وابحث عن 

width=300

المقصود بها عرض الصور عدل فقط في الرقم

 

وسلام عليكم ورحمة الله وبركاته 

مصدر المقالة::مدونتي نت
اقرء المزيد

2014/04/27

أفضل الأماكن لوضع اعلانات جوجل أدسنس

6:35 ص  محمد الكويفي  لا يوجد تعليقات

أفضل الأماكن لوضع اعلانات جوجل أدسنس

بلاشك , فإن الأماكن التى يتم وضع اعلانات جوجل أدسنس بها تساهم إلى حد كبير فى زيادة معدلات الضغطات على الاعلانات وبالتالى نسبة CTR. وبالرغم من سهولة ادراج الاعلانات فى المدونات بالطرق التقليديه , إلا أن البعض ينصح بوضع الاعلانات أعلى أو أسفل عنوان التدوينه , والبعض الآخر يفضل وضعها داخل صلب التدوينه أو فى نهايتها. فكيف يمكن وضع الاعلانات فى تلك الأماكن ؟
أولا أود ألإشارة إلى أننا سنحتاج أداة تحويل الاعلانات ؛ لتحويل كود اعلان جوجل أدسنس الذى سننشأه إلى صيغة ملائمه لادراجه فى أى من الطرق التاليه :
-1-
وضع اعلانات جوجل أسفل عنوان التدوينه
  • أنشئ وحدة اعلانية جديده من لوحة تحكم جوجل أدسنس.

الشكل العادى لكود الاعلان قبل الضغط على زر التحويل Convert

شكل كود الاعلان المعدل بعد الضغط على زرConvert
  • انسخ الكود الناتج.
  • اذهب إلى لوحة التحكم فى بلوجر ومنها إلى (تحرير HTML) ثم نشط الخيار (توسيع القالب).
  • ابحث عن الكود التالى :
<data:post.body/>
  • قم بلصق اعلان جوجل أدسنس المعدل فوقه مباشرة.
  • قم بحفظ القالب. 
  • ويصبح الشكل النهائى لموضع الاعلان كالتالى :


نصيحة : هذه الطريقه تجعل الاعلان يظهر على الصفحة الرئيسية للمدونة و كذلك على صفحة الموضوع وهذا غير مرغوب فيه لأن هذا سيساهم فى كثرة عدد مرات الظهور للاعلان دون الضغط عليه , و لتفادى ذلك يفضل قصر ظهور الاعلان فقط على صفحة الموضوع فقط وهذا يتم عن طريق اضافة الكود التالى بالكامل بدلا من اضافة كود الاعلان المعدل فقط :
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    ضع كود اعلان جوجل المعدل هنا 
    </b:if>

       والآن حان وقت كوب الشاى بالنعناع الذى أعشقه .. فاصل ونكمل :)

      ***************************

      -2-
      وضع اعلانات جوجل فى نهاية التدوينه
      • كرر نفس الخطوات السابقة ولكن قم بوضع اعلان جوجل المعدل أسفل الكود التالى بدلا من أعلاه :
      <data:post.body/>
      •  ليصبح موضع الاعلان النهائى كالتالى :


      ***************************
       -3-
       وضع اعلانات جوجل فى وسط موضوع التدوينه

      •  ابحث عن الكود التالى :
      <data:post.body/>
      •  قم بتحديده ثم امسحه وضع بدلا منه الكود التالى :
      <div expr:id='"aim1" + data:post.id'></div>
      <div style="clear:both; margin:10px 0">
      <!-- AdSense Parsed code -->
      </div>
      <div expr:id='"aim2" + data:post.id'>
      <data:post.body/>
      </div>
      <script type="text/javascript">
      var obj0=document.getElementById("aim1<data:post.id/>");
      var obj1=document.getElementById("aim2<data:post.id/>");
      var s=obj1.innerHTML;
      var r=s.search(/\x3C!-- adsense --\x3E/igm);
      if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
      </script>
       
      • وبالطبع قم باستبدال جملة Adsense Parsed Code بكود أدسنس المعدل.
      • الآن , وعند كتابة أى تدوينه جديده , ضع فقط الكود التالى فى أى مكان داخل التدوينه والذى ترغب بظهور الاعلانات به  , مع ملاحظة أن ادخال هذا الكود يكون كخطوة أخيره , وفى وضع تحرير HTML للتدوينه
      <!-- adsense -->
      • ويصبح الوضع النهائى للاعلان كالتالى (طبقا للمكان الذى اخترته) :


       وبهذا ينتهى كوب الشاى .. عفوا .. أقصد انتهت التدوينه  :) .. ألقاكم على خير , وإلى حينه .. استمتعوا بأروع ماسمعت أذناى من روحانيات الأناشيد .. أترككم مع " تأمل أنك يوما تتوب"  

      المصدر : الخطة ادسنس


      https://www.mik1111.blogspot.com
       https://www.facebook.com/kauifi
      اقرء المزيد