قالب بلوجر تقني احترافي بمميزات رائعة


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

صورة الصفحة الرئيسية للقالب :

قالب بلوجر تقني احترافي بمميزات رائعة
قالب بلوجر تقني احترافي بمميزات رائعة

صورة من داخل موضوع :

قالب بلوجر تقني احترافي بمميزات رائعة
قالب بلوجر تقني احترافي بمميزات رائعة

بعض مميزات القالب :

القالب مليئ بالمميزات نذكر من بينها ما يلي :
  • هو قالب تقني وبسيط
  • يحتوي على قائمتين (قائمة فرعية علوية وقائمة رئيسية)
  • محرك بحث خاص بالمدونة
  • التدوينات ملخصة في الرئيسية
  • فوتر مطور
  • تعليقات تفاعلية منظمة
  • مكان لاعلان ادسنس في الهيدر 90*728
  • ايقونات مشاركة المواضيع في كل موضوع
  • اضافة مواضيع دات صلة في كل تدوينة

ملاحظة : جميع الحقوق محفوظة لصاحبها

قالب بلوجر تقني احترافي بمميزات رائعة باسم الله الرحمان الرحيم، اخواني اخواتي متابعي مدونة "تدوين باحتراف" في هذا الموضوع سوف...

إقرأ المزيد

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

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

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


كود جعل الصورة في اليمين :

<script type='text/javascript'> summary_noimg = 250; summary_img = 200; img_thumb_height = 150; img_thumb_width = 150; </script> <script type='text/javascript'> //<![CDATA[  function removeHtmlTag(strx,chop){     if(strx.indexOf("<")!=-1)     {         var s = strx.split("<");         for(var i=0;i<s.length;i++){             if(s[i].indexOf(">")!=-1){                 s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);             }         }         strx =  s.join("");     }     chop = (chop < strx.length-1) ? chop : strx.length-2;     while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;     strx = strx.substring(0,chop-1);     return strx+'...'; }  function createSummaryAndThumb(pID){     var div = document.getElementById(pID);     var imgtag = "";     var img = div.getElementsByTagName("img");     var summ = summary_noimg;     if(img.length>=1) {            imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';         summ = summary_img;     }      var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';     div.innerHTML = summary; }  //]]> </script>
قم بوضع الكود أعلاه فوق كود </head> بعد البحث عليه في صندوق تحرير القالب (لتسهيل الأمر قم بالبحث عنه عن طريق Ctrl+F).

كود جعل الصورة في اليسار :

<script type='text/javascript'> summary_noimg = 250; summary_img = 200; img_thumb_height = 150; img_thumb_width = 150; </script> <script type='text/javascript'> //<![CDATA[  function removeHtmlTag(strx,chop){     if(strx.indexOf("<")!=-1)     {         var s = strx.split("<");         for(var i=0;i<s.length;i++){             if(s[i].indexOf(">")!=-1){                 s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);             }         }         strx =  s.join("");     }     chop = (chop < strx.length-1) ? chop : strx.length-2;     while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;     strx = strx.substring(0,chop-1);     return strx+'...'; }  function createSummaryAndThumb(pID){     var div = document.getElementById(pID);     var imgtag = "";     var img = div.getElementsByTagName("img");     var summ = summary_noimg;     if(img.length>=1) {            imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';         summ = summary_img;     }      var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';     div.innerHTML = summary; }  //]]> </script>
كما العادة اضفه فوق كود </head>

كود جعل الصورة في الوسط :

<script type='text/javascript'> summary_noimg = 250; summary_img = 200; img_thumb_height = 150; img_thumb_width = 150; </script> <script type='text/javascript'> //<![CDATA[  function removeHtmlTag(strx,chop){     if(strx.indexOf("<")!=-1)     {         var s = strx.split("<");         for(var i=0;i<s.length;i++){             if(s[i].indexOf(">")!=-1){                 s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);             }         }         strx =  s.join("");     }     chop = (chop < strx.length-1) ? chop : strx.length-2;     while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;     strx = strx.substring(0,chop-1);     return strx+'...'; }  function createSummaryAndThumb(pID){     var div = document.getElementById(pID);     var imgtag = "";     var img = div.getElementsByTagName("img");     var summ = summary_noimg;     if(img.length>=1) {            imgtag = '<div class="separator" style="clear: both; text-align: center;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';         summ = summary_img;     }      var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';     div.innerHTML = summary; }  //]]> </script>
ان كنت تود جعل الصورة تظهر في الوسط قم بتركيب الكود أعلاه قبل/فوق كود </head>


التعديل على اضافة اقرا المزيد :

للتعديل على الاضافة قم بتغيير الآتي الى مايناسب مدونتك :
  • summary_noimg = 250;      عدد أحرف الملخص في حالة عدم وجود اية صورة
  • summary_img = 200;          عدد الاحرف في حالة وجود صورة
  • img_thumb_height = 150;    الارتفاع الخاص بالصورة
  • img_thumb_width = 150;    عرض الصورة
الى هنا تكون قد قمت بتركيب وتعديل اضافة اقرا المزيد في مدونتك بنجاح.
ان اعجبك الموضوع لا تنسى ان تضغط على زر الاعجاب ومشاركته مع اصدقائك عن طريق ازرار المواقع الاجتماعية الموجودة في الـأسفل وأتمنى ان تكون قد استفدت من الموضوع.
لا أحل نقل الموضوع بدون ذكر المصدر

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

إقرأ المزيد

بناء باك لينكات طبيعية


بناء باك لينكات طبيعية
بناء باك لينكات طبيعية

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

لانشاء باك لنكات لمدونتك هناك طرق عدة ومختلفة ومن بينها نذكر ما يلي :

طرق بناء باك لينكات طبيعية :

  • مواقع التواصل الاجتماعية : عند التفكير في بناء روابط خارجية (باك لينكات) مباشرة يتباذر الى ادهاننا مواقع التواصل الاجتماعية ( فيس بوك، تويتر، ... ) وهي من اسرع واكثر الطرق المستعملة لهذا الغرض الا ان هذه الطريقة لوحدها غير كافية.
  • مواقع الفيديو : تعد مواقع الفيديو ( اليوتوب مثلا ) من اهم اوسائل المعتمدة في انشاء روابط خارجية لمدونتك، بحيث تمكنك من وضع رابط لمدونتك في وصف الفيديوهات التي ترفعها في حسابك، وهذا الشئ الذي يجب ان تستغله لبناء باك لينكات لمدونتك.
  • مواقع البوكمارك : هذه المواقع تساعد مدونتك على تسريع الارشفة وزيادة عدد زوارك كما تمنحك روابط قوية لمدونتك، وهذه المواقع من المواقع المحبوبة لدى جوجل. ( stumbleupon ، digg ، delicious ، ... )
  • المنتديات : تعتبر المنتديات من اهم وافضل مصادر بناء الروابط والباك لنكات ، بحيث تمكنك من وضع روابط في توقيعك وعندما تقوم بانشاء موضوع او التعليق على مواضيع الاعضاء الآخرين يظهر تعليقك وتكسب روابط.
  • التبادل الاعلاني : هذه طريقة من الطرق التي يعتمدها اصحاب المدونات للتعاون فيما بينهم، بحيث كل شخص يقوم بوضع اعلان الآخر في مدونته وبهذا يكسب كلا الطرفين رابط خارجي لمدونته.

لكي تكون مدونتك محترمة لشروط جوجل فيجب ان تحترم هاته الشروط في بنائك للباك لينكات، فيجب عليك ان لا تقوم بانشائها بشكل عشوائي وغير منتظم، لذلك انصحك بتتبع الشروط التالية :

شروط انشاء باك لينكات طبيعية :

  • لا تقم بانشاء عدد كبير من الباك لينكات مباشرة عند فتح المدونة، فمثلا في اليوم الاول لا تقم بانشاء اي باك لينك واليوم الثاني انشئ 10 باكلينكات واليوم الثاني 15 باك لينك والثالث 20 باك لينك وهاكذا ذواليك، كل هذا لكي لا تثير انتباه جوجل ويقوم بحظر مدونتك من الارشفة مع البدابة.
  • قم بالتنويع في مصادر الباك لينكات، فمثلا قم بانشاء باك لينكات من منتديات و مواقع تواصل اجتماعية ومواقع البوكمارك ...
  • قم بالتنويع بين باك لينكات دوفولو و باك لينكات نوفولو او اجعلهما متساويين.
  • لا تقم بانشاء باك لينكات عن طريق السبام وكن حذرا من مواقع انشاء الباك لينكات الاوتوماتيكية.

لا احل نقل الموضوع بدون ذكر المصدر

بناء باك لينكات طبيعية بناء باك لينكات طبيعية في موضوع سابق " ماهو الباك لينك وما انواعه وفوائده ؟ &quo...

إقرأ المزيد

جميع الحقوق محفوضة لمدونة تدوين باحتراف 2014/2013