قالب مدونة أكوا ويب السابق متاح للتحميل

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

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

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

نأتي الأن للتحميل

معاينة اضغط للمعاينة تحميل اضغط للتحميل

[الدرس 01] دورة تصميم قالب بلوجر - فكرة -

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




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




-
-
-
الدرس الاول: فكرة حول بلوجر

منصة بلوجر: بلوغر (بالإنجليزية: Blogger بلوچِر) هو نظام نشر مدونات إلكترونية، تمتلكه شركة جوجل منذ عام 2003، يستضيف بلوغر المدونات على خوادم موقع بلوچِر دوت كوم وتُعرّف المدونة المستضافة باسم نطاق فرعي من blogspot.com لتأخذ المدونة الصيغة التالية مثلا google.blogspot.com، ويمكن استضافة المدونة أيضا على الخادم الذي يختاره المستخدم للنقل سواء كان عبر FTP أو   SFTP .

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

أنواع  تصماميم القوالب: يتم تصنيف القوالب حسب عدد الأعمدة الموجودة داخل القالب، ونميز ثلاث(3) أنواع رئيسية لهذه التصاميم وهي :

·         قالب يحوي ثلاث أعمدة :عمود خاص بالرسائل الالكترونية وعمودين جانبيين تحت اسم SIDEBAR.

·         قالب يحوي عمودين: ونميز نوعين في هذه الحالة :

1)      النوع الأول: نموذج يحوي عمود خاص بالرسائل الالكترونية على الجهة اليمنى وعمود جانبي يسار SIDEBARE LEFT.

2)   النوع الثاني: نموذج يحوي عمود خاص بالرسائل الالكترونية على الجهة اليسرى وعمود جانبي أيمن SIDEBARE RIGHT.

-         لماذا بلوجر؟

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

-         بلوجر والعرب؟

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

نريد التشجيع من خلال التعليق

المصدر: يومياتي 4 تك

الرابط: 

http://yawmiyati4tech.blogspot.com/2014/09/mwo-to-make-pro-bloger.html

[التدوينة 08] كيفية حماية قالب مدونتك على بلوجر

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

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

هذه الطريقة سوف تكون حصرية على مدونتي

هناك الكثير من الطرق لكن هذه أفضلها

الخطوات

  منع إزالة حقوق قالب بلوجر من أي قالب

 أولا

 الكود:

<script type='text/javascript'>
//<![CDATA[
window.onload = function(){

    var copy=document.getElementById("credit");
    
    if(copy==null){
        window.location.href="http://www.yawmiyati4tech.blogspot.com/";
    };
    copy.setAttribute("href","http://www.yawmiyati4tech.blogspot.com/");
    copy.innerHTML="يومياتي 4 تك"
};
//]]>
</script>

 توجه إلى لوحة التحكم في المدونة المطلوبة -->> القالب ثم إضغط على  
بعد ذلك قم بالبحث عن الرمز </head> ثم أضف الكود السابق في أي مكان فوق الرمز </head>

ثانيا:

 بعد ذلك إذهب إلى حقوق قالب مدونتك ثم أضف الكود التالي:

<a href="http://www.yawmiyati4tech.blogspot.com/" id="credit" >يومياتي 4 تك</a>

غير رابط مدونتي بالرابط المرغوب فيه وأسم مدونتك بدلا من يومياتي 4 تك
ثم قم بحفظ القالب

المصدر: يومياتي 4 تك

الرابط:
http://yawmiyati4tech.blogspot.com/2014/08/save-your-blogger.html

[التدوينة 10] شرج إضافة الميتا تاغ لمدونتك 2014

أهلا وسهلاً بكم  على مدونة يومياتي 4 تك   في هذه التدوينة سأقدم شرح لطريقة إضافة الميتا تاغ لقيادة مدونتك إلى الظهور في محركات البحث

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


تعريف بسيط للميتا تاغ

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

شرح الإضافة 

1. قم بالدخول إلى حساب مدونتك.
2.   أنقر على تصميم تم تحرير Html.
3.   إبحث عن <head>  .
4.  ضع بعدها مباشرة الكود التالي :

<meta content='عنوان المدونة' name='title'/>
<meta content='وصف صغير عن المدونة ' name='description'/>
<meta content='الكلمات الأكثر رواجا على مدونتك' name='keywords'/>
<meta content='إسم الكاتب' name='Author'/>
<meta content='البريد الإلكتروني' name='Email'/>
<meta content='global' name='distribution'/>
<meta content='5 days' name='revisit'/>
<meta content='5 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='ar' name='language'/>
<meta content='دولتك' name='country'/>

غير الجمل المكتوبة بما يناسبك

 

المصدر مدونة :يومياتي 4 تك

http://yawmiyati4tech.blogspot.com/2014/08/mita-tag-to-blogger.html

[التدوينة 07] شرح طريقة بنر في منطقة الهيذر

أهلا وسهلاً بكم  على مدونة يومياتي 4 تك   في هذه التدوينة سأقدم شرح لطريقة إضافة 

بنر في منطقة الهيذر 

 

 

 

 

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

الشرح : 

1- سجل الدخول لحساب بلوجر
2- اذهب الى لوحة تحكم Blogger ثم اضغط قالب ثم اضغط تحرير HTML
3- ابحث عن الكود التالى :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>   <b:widget id='Header1' locked='true' title='My Test Blog (Header)' type='Header'/> 

</b:section>

لكي تظهر معك الاضافة بشكل صحيح تاكد من وجو كلمة no في الكود الذي تبحث عنه اذ وجدت كلمة yes  فاقم بي استبدله بي _ no 

المهم ان يكون شكل الكود يبدا بي

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 

عند وجودك لذلك الكود

ضع الكود التالى بعده 

<b:section id='header-right' showaddelement='yes'/> <div style='clear: both;'/>

  ليصبح الكود كاملا بهذا الشكل  

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='My Test Blog (Header)' type='Header'/> </b:section> <b:section id='header-right' showaddelement='yes'/> <div style='clear: both;'/>

من ثم قم بي البحث عن
]]></b:skin> 

2- وضع الكود التالى مباشرة اعلى الكود

#header, body#layout #header {width:30%;display:inline-block;float:right;} #header-right, body#layout #header-right {width:60%;display:inline-block;float:right;padding:5px;} #header-right .widget {margin:0;}

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

 

 

 

المصدر مدونة :يومياتي 4 تك

 

http://yawmiyati4tech.blogspot.com/2014/08/banner-in-header-to-blogger.html

 

[التدوينة 06] إضافة شاحنة الفيسبوك إلى المدونه

 

 

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

 

 

 

 

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

تعريف كيفية إضافة  اكواد الـ HTML/JavaScript

طريقه اضافه اكواد Html الى المدونه

أذا كنت تعرف فلا حاجة إلى شرح مصور او فيديو

لوحة التحكم بلوجر >عناصر الصفحة > إضافة أداة > HTML/JavaScript

ضع الكود ادناااه 

<div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;">
<marquee><a href="https://www.facebook.com/1" target="blank"> <abbr title="Follow us at Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSjmnhUyT-JTi2bRJEemTuXK58Lz75PbXRWeRNrHfj_L2Zern8rE7x0dSgaSXhnfNFEvhrVWshDuEGcEZXIMfb3I91koOtJaZx3CVWHEeUZSsjOp2T8MAaNdeINCAgekfy9lKgTFBIfObV/s69/I1.png"/> </abbr> </a> </marquee> </div>

قم بتبديل النص الملون بالأزرق

https://www.facebook.com/1

برابط مدونتك على الفيس بوك

-----------

المصدر مدونة :يومياتي 4 تك

http://yawmiyati4tech.blogspot.com/2014/08/facebook-car-to-blogger.html