خيارات بلوجر الجديده الإضافيه الرائعه المتعلقه بمحركات البحث

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

مع خيارات بلوجر الجديده ونظام جوجل فى التعامل مع السيو الجديد نستطيع القول بأنه قد مضى عهد السيو القديم بكل عقده وتعقيداته وخدعه ومرحبا بالنظام الجديد السهل البسيط المؤثر والفعال.

وتقول بلوجر

Blogger now provides web savvy users with the option to manage search engine preferences. SEO -- an acronym for Search Engine Optimization -- helps increase traffic to your blog and connect your content with the intended audience.

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

وهذه هى قائمه سريعه بالخيارات الجديده التى وضعتها بلوجر فى منصتها للتدوين

وصف المدونه

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

وصف البحث للرساله

وتستطيع من خلال هذا الخيار وضع وصف خاص بكل تدوينه على حدا وللعلم لن تظهر هذه الأوصاف إذا لم تضع وصفا للمدونه عموما.

صفحة 404 للأخطاء الجديده

وتظهر هذه الصفحه بشكلها الجديد للزوار الذين يقصدون صفحات معينه فى مدونتك ولكنها صفحات غير صحيحه ولا توجد بالفعل فى مدونتك.

التحويلات

وهى وظيفه تقوم بتحويل الزائر من صفحه لأخرى بشكل آلى أوتوماتيكى.

نص بديل وعنوان للصور

تمكنك هذه الوظيفه من وضع نص بديل للصوره ( ALT ) و عنوان للصوره ( TITLE ) للحصول على نتائج دقيقه ورائعه مع محركات البحث.

ملفات الزاحف والكلمات المفتاحيه للزاحف

وهى خيارات لا أنصحكم بإستخدامها ( Robots.txt ) و ( Robots Tags )  فهى تلائم المحترفين جدا لأنها خطيره جدا ومؤثره على موقع مدونتك فى محركات البحث ويجب أن تدار بإحترافيه وحرص شديدين.

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

Unknown

الأربعاء, أبريل 11, 2012

الموضوع كامل

عرض المشاركات الشائعه على شكل سلايدر متحرك جذاب جدا

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

كل ما عليك فعله هو أن تتبع الخطوات السهله التاليه

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

ثم قم بإضافة أداة HTML / JAVASCRIPT جديده فى العمود الجانبى, وقم بلصق الكود التالى فيها

<style>
* {
    margin: 0;
    padding: 0;
}

body {
    font: 11px Helvetica, Arial, sans-serif;
}

#wrapper {
    width: 800px;
    margin: 60px auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
    border: 10px solid #ccc;
}

.scroll {
    overflow: hidden;
    width: 800px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
    position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
    height: 318px;
}

#left-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    bottom: 0;
    background: url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/leftshadow.png) repeat-y;
}

#right-shadow {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    bottom: 0;
    background: url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/rightshadow.png) repeat-y;
}

.inside {
    padding: 10px;
    border: 1px solid #999;
}

.inside img {
    display: block;
    border: 1px solid #666;
    margin: 0 0 10px 0;
    width: 250px;
}

.inside h2 {
    font-weight: normal;
    color: #111;
    font-size: 16px;
    margin: 0 0 8px 0;
}

.inside p {
    font-size: 11px;
    color: #ccc;
}

a {
    color: #999;
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
}

a:hover {
    border-bottom: 1px solid #999;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}

</style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script src="http://accordion-template.googlecode.com/svn/trunk/slidermovingbox.js" type="text/javascript" charset="utf-8"></script>

ثم قم بحفظ القالب وشاهد النتيجه الرائعه حقا.

Unknown

الخميس, أبريل 05, 2012

الموضوع كامل

10 أكواد إتش تى إم إل HTML يجب أن يعرفها المدون

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

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

كود عمل رابط

وهذا الكود يتم إستخدامه لعمل رابط لموقع معين ويكون على الشكل التالى

<a href="http://ar-blogger-tips.blogspot.com"> مدونة نصائح للمدونين </a>

مكان اللون الأحمر يتم وضع رابط الموقع الذى تريد الربط إليه, ومكان اللون الإخضر يتم كتابة إسم الموقع وهو اللذى سيظهر للقراء.

كود ادراج صوره

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

<a href="http://ar-blogger-tips.blogspot.com"><img src="http://picture.jpeg"/></a>

كود وضع صوره بدون رابط

<img src="http://picture.png"/>

مكان اللون الأحمر يتم وضع رابط الموقع الذى تريد الربط له ومكان اللون الأخضر يتم وضع رابط الصوره

كود العناوين

ويستخدم هذا الكود لجعل جوله معينه كعنوان ويكون كالآتى

<h1> العنوان الأول </h1>

<h2> العنوان الثانى </h2>

<h3> العنوان الثالث </h3>

<h4> العنوان الرابع </h4>

<h5> العنوان الخامس </h5>

وكل عنوان من هؤلاء العناوين له حجم معين يختلف عن الآخر وعليك أنت إختيار الحجم المناسب الذى تريده ونوع العنوان الذى تريد التعامل معه.

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

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

<p> يتم هنا كتابة الفقره النصيه التى نريد وضعها كفقره مستقله عن باقى فقرات الموضوع الكتابى النصى </p>

كود كتابة الخط العريض

ويقوم هذا الكود بتحويل الخط إلى خط عريض وهو كالتالى

<strong> النص المراد إظهاره بشكل خط عريض </strong>

كود كتابة النص بخط مائل أو إيطالى

ويجعل هذا الكود خط النص بشكل مائل ويكون على هذا النحو

<em> الخط المراد إظهاره بشكل مائل </em>

كود عمل القوائم المسلسله والغير مسلسله

وهذا الكود يقوم بعمل قائمه كما تريدها سواء كانت مسلسله مرقمه بالترتيب أو غير مرقمه, ويكون كالتالى

<ol> يتم هنا وضع الوحده التى يراد ادخالها فى القائمه المرقمه المتسلسله </ol>

<ul> يتم هنا وضع اوحده التى يراد إدخالها فى القائمه الغير مرقمه أو الغير مسلسله </ul>

كود عمل فقره اقتباس
وهو الكود الذى يجعل النص المكتوب فى شكل مختلف تماما ومميز عن باقى النصوص فى الكتابه ويكون كالتالى

<blockquote> النص المراد إدخاله فى الإقتباس </blockquote>

كود عمل خط فاصل وهمى

وهو الكود الذى يفصل فقره عن أخرى بإرادتك ويكون كالتالى

<br/>

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

كود عمل خط أفقى

ويقوم بعمل خد ظاهر فى المكان الذى تريد عمل خط فاصل فيه ويكون كالتالى

<hr/>

كود لكتابة كود بدون تحوله إلى شكل وليظهر كما هو مكتوب تماما

وهو الكود الذى نستخدمه عند رغبتنا فى كتابة كود ونريده ان يظهر مكتوبا وليس مفسرا, ويكون كالتالى

<pre> يتم كتابة كود اتش تى ام ال هنا </pre>

أكواد سهله جدا ولكن عليك معرفتها وحفظها عن ظهر قلب وذلك سيوفر عليك الكثير من الوقت المجهود ويذيدك إحترافيه فى التعامل مع مدونتك وأكوادها.

Unknown

الأربعاء, أبريل 04, 2012

الموضوع كامل

قالب super clean المعرب

معاينة القالب | تحميل القالب

مميزات القالب

1. القالب على شكل مجله أنيقه جدا ومريح جدا جدا.
2. سلايدر لعرض الصور والتدوينات الهامه.
3. قائمه أفقيه جذابه جدا أسفل عنوان المدونه.
4. القالب له تنسيقين, واحد فى الصفحه الرئيسيه والآخر فى صفحة التدوينه, حيث لا يظهر العمود الجانبى إلا فى صفحة التدوينه ويظهر على اليسار.
5. القالب بثلاثة أعمده كلها للتدوينات فى الصفحه الرئيسيه.
6. الصور تتحرك بإلتفاف عند المرور عليها بالماوس وبتأثير جميل جدا.

Unknown

الأحد, أبريل 01, 2012

الموضوع كامل

قالب oggi المعرب

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

معاينة القالب | تحميل القالب

مميزات القالب

1. القالب ذو 4 أعمده منهم ثلاثه للتدوينات وعمود واحد جانبى على اليمين.
2. القالب من أنواع القوالب الإخباريه والمجلات وهو يعرض أكبر عدد من التدوينات الممكنه فى الصفحه الرئيسيه على شكل مجله.
3. هناك قائمه عليا للروابط مقسمه لنصفين يمينا ويسارا.
4. قائمه أفقيه أسفل عنوان المدونه بشكل منسب للقالب جدا.
5. مكان لوضع بانر إعلانى فى هيدر المدونه على اليسار من عنوان المدونه.
6. ثلاثة أعمده فى الفوتر منسقين بشكل مناسب للقالب.
7. قائمه متسلسله أعلى التدوينه لتتابع مكان التدوينه فى المدونه.

Unknown

السبت, مارس 31, 2012

الموضوع كامل

قالب SuvTrend المعرب

معاينة القالب | تحميل القالب

مميزات القالب

1. القالب بعمودين منهم عمود جانبى واحد على اليسار.
2. قائمتين أفقيتين الأولى أعلى عنوان المدونه, والثانيه أسفل عنوان المدونه.
3. القالب ذو لونين أبيض و أسمر فاتح, والروابط لها لون أحمر مميز.
4. يوجد بالقالب عارض للشرائح ( سلايدر ) يتحرك بشكل سلس وجذاب جدا ليعرض أهم التدوينات من إختيارك.
5. خاصية إختصار التدوينات الأوتوماتيكيه مع وجود صور مصغرات لصور التدوينات.
6. أيكونات لمواقع التواصل الإجتماعى والنشر للتواصل مع زوارك والمساعده على نشر محتوى مدونتك .
7. اضافه للعمود الجانبى بها ثلاثة أزرار للتنقل بين ثلاثة إضافات بشكل جذاب وذلك لتوفير المساحات على المدونه.

Unknown

الخميس, مارس 29, 2012

الموضوع كامل

قالب BlogPro المعرب لمدونات بلوجر

قالب بعمودين رائع وهو أحدث القوالب الموجوده على الإنترنت والتى تناسب مدونى بلوجر فى شتى المجالات

قالب BlogPro المعرب

معاينة القالب | تحميل القالب

مميزات القالب

1. قالب بلوجر بعمود جانبى واحد على اليسار وعمود اساسى للتدوينات.
2. قائمتين أفقيتين واحده أعلى عنوان المدونه والأخرى أسفل عنوان المدونه, لهما شكل جذاب جدا.
3. القالب ذو لون بنى ويتخلله خلفيه من اللون الأبيض لمنطقة التدوينات وإضافات العمود الجانبى.
4. به خاصية إختصار التدوينات الأوتوماتيكيه مع ضهور صور المصغرات لصور التدوينات.
5. يوجد بالقالب عارض للشرائح ( سلايدر ) أعلى منطقة التدوينات وذلك لعرض التدوينات الهامه التى تختارها أنت بشكل جذاب جدا ومنظم جدا.
6. القالب به أيقونات لمواقع التواصل الإجتماعى والنشر ليساعد الزوار على التواصل معك عبر حساباتك فى هذه المواقع ونش تدويناتك أيضا.

Unknown

الاثنين, مارس 26, 2012

الموضوع كامل

قالب المدون المحترف العربى من تصميم ياسو

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

قالب المدون المحترف العربى

معاينة القالب | تحميل القالب

مميزات القالب

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

القالب من تصميمى وإعتمدت فى تصميمه على مصمم نماذج بلوجر والنموذج البسيط لقوالب بلوجر, ولذلك ستجد القالب منسق جدا ومضبوط جدا.

Unknown

السبت, مارس 24, 2012

الموضوع كامل

إضافة أزرار مشاركة مواقع التواصل الإجتماعى والنشر بشكل قلب رائع جدا لمدونات بلوجر

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

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

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

والآن نأتى لمرحلة الأكواد والإضافه
قم بفتح أكواد مدونتك وإبحث عن الكود التالى

</head>

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

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

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

</body>

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

<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script>

قم بحفظ القالب وجرب ترى مدونتك وسترى شكلا جميلا جدا لأزرار المشاركه فى أسفل جانب مدونتك.

Unknown

الأحد, مارس 18, 2012

الموضوع كامل