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

إدراج أزرار المفضلات الاجتماعية أسفل التدوينات في بلوجر


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



أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير HTML  و ضع علامة في خانة توسيع القوالب .
ثم ابحث عن الكود الموالي (CTRL+F)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
و تحته مباشرة ضع هذا الكود و احفظ القالب.

<div style='width:548px; float:right; height:120px; background:#f2f2f2;padding:10px; border:1px #134294 solid;margin-bottom:20px;'>
<div style='width:540px; float:right;font-weight:bold;text-align:right; color:#1C547D; font-style:normal; font-variant:normal; font-size:30px; font-family:Times New Roman; height:35px'>
ساهم في نشر الموضوع و لك جزيل الشكر!
</div>

<p align='center'>
<br/>
<br/>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='Digg' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg92qIj5aall7YJEhxAlDsEfXbzeLmKY6zaQlNTof5eRJGv5SGlesvPtyzTOisXwB6JEbQECpglL6Uyb6obXxE6D-0XKC8IaA5VTLbwPnbuTJDhWnbsYNudHdFIeOByGcBxTr8wlhHhVbM/' width='60'/></a>

<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' target='_blank'>
<img alt='Technorati' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvJhUc3ITJwzA3oOv0sJETtXfadJ9WarsRkb099BSQ8cUcrtpEZlXJjH0MR0GqRrQzHuAZ5M2zBRdt0IlqxtK7bSPBjTj7bHGi2qNeI2ZibBGsQYyUxwiUP45bFWx-RwsuNIqXx4tnLUY/' style='padding-top:1px;' width='60'/></a>

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='del.icio.us' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ7fm9g2MLZ5RrofuQ-pjimvgJGm3NrVeMQynWHkXdv0zegqjaQn08HKb7MlWFs9eJzpNBhuURE9DTbmUGQfR6hyuKlbdgPdogR0ZCWHcOxwJ3xjBsQCodn_vc6Ai-k0y_ceOwq9dtVyE/' width='60'/></a>

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='Stumbleupon' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6AkB85F5ecDSCoGnp-Oj2OWZOrgp4DQCADVbO4Tk6Y_GG5U0s7yKRMlqbDXZDZwKDMUMPaS_8vUgpRiTut9AQasCEATDg8RZpBJSb_kg3Snx1d3eLaNF013ByZZW60UPhWarytMSho-4/' width='60'/></a>

<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='Reddit' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiExnGnBlrFZj5M4qLhSz5GfwbYLqXAXJljGlXvAXAdQD1DiQtdphiLrcGKQBrjcxXwgmaKq2eNJnvXTyDXjIEI0wH8sE8Veis7y-BRcQVtopi2CXHqr4fBsKUuKoUICWe0wxhnvnew3-4/' width='60'/></a>

<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'>
<img alt='Facebook' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdmzvwNSDVoIJxZjTlmx-7Zm_Ya0veSbsP25p8NVIQjqVvqJf0f9y1kmZx8GjnwjbCN2vEEo7MycWmCoQOHHZfzVqVYMEVGejzLXfJ9IsX5NBpbwToTgX5Tz9lDck3CovnHdEffAuUleE/' width='60'/></a>

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>
<img alt='Twitter' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZubJ0es2oGprd1b4-eObrgjY0UL5NpIh1XmIW5J-SkiwOLe0Uq7kR49rRwTYXIT2yFE48RBQhvUUGS90eHRzyQ9xcCYe75jnfzduFZZp5sJXm9jFYpBsQ5lX2lmAyz7uYpK_eHtUr_nI/' width='60'/></a>

<a href='http://feeds.feedburner.com/doaib'>
<img height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTmB7fP07_yoi9kRrceJ5GrE0nf_YZjqBkHeKlTwYOx8RH5aMP7M7VqRFIYFqU1rdA3y4wCBr99sYr4FN6R_jmmmsp9eSx-zKPZzmKBB4VlbLnvBNDvV3F_DD_1Je34L6YE-S-CwpGGrU/' width='60'/></a>
</p>
<a href="http://doaib.blogspot.com/2009/12/blogger-social-bookmarks-buttons.html" target="_blank"><span style="font-size: xx-small;">احصل على هذه الإضافة</span></a>
</div>
شرح الألوان:
* الأحمر : لتعديل عرض الإضافة.
* الأخضر : لتعديل لون خلفية مستطيل الإضافة.
* الأزرق : ضع مكانه العبارة التي تناسبك.
* الأرجواني : مكانه أدرج رابط خلاصة مواضيع مدونتك.
* النيلي : روابط الصويرات في حال أردت استبدالها بأخرى أعجبتك.
كذلك ستجدون height='60'  و width='60'  و هذه لتغيير أبعاد الصويرات لتصغيرها أو تكبيرها (يحملان نفس القيمة).

المصدر مدونة دؤيب

شرح تميز تعليقك عن تعليق باقي الزوار في بلوجر


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


أولا : من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم " تحرير HTML "
ثانيا : قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.
ثالثا : ضع علامة في خانة توسيع القوالب .
ثم ابحث عن هذا الكود
]]></b:skin>
و فوقه مباشرة ضع ما يلي:
.blog-author-comment {
border: 1px solid #043b3d;
background: #dddddd;
}
* اللون الأحمر يمثل حجم الإطار، ضع مكانه صفرا إن لم ترده.
* اللون الأزرق يمثل كود لون الإطار.
* اللون الأخضر لكود خلفية مستطيل التعليق.

رابعا : ثم تبحث عن هذا الكود (Ctrl+F)(ابحث فقط عن جزء منه لتتمكن من تحديده كاملا.)
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
الآن بعد إيجاد الكود أعلاه حدده عبر تظليله ثم ضع مكانه الآتي
<b:if cond='data:comment.adminClass == data:post.adminClass'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
أخيرا :  استعرض مدونتك ثم احفظ قالبك.
ملاحظة : يمكنك تعديل كود CSS الأول لضبط شكل و ألوان و طريقة ظهور تعليق صاحب المدونة.
شكر خاص ل Anurag Bansal

إظهار الاكواد داخل مدونة بلوجر


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

أولا : إدخال الكود عبر محرر المدونة

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


ثانيا: تنسيق الكود

تمثيلا لما سبق سأدرج هذا الكود

type="text/javascript">

document.write("Hello World!")

</script>

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

<script type="text/javascript">
document.write("Hello World!")
</script>


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

<div style="text-align: left;">
تجعله هكذا بإضافة ما لون بالأحمر
<div dir="ltr" style="text-align: left;">
بعد ذلك سيصبح الكود الذي أدخلت هكذا
تلاحظ الآن كيف أصبح تنسيقه حسنا :)
<script type="text/javascript">
document.write("Hello World!")
</script>
ثالثا: خلفية الكود

لتمييز الكود عن بقية النصوص سنضعه في إطار و سنستخدم لذلك أداة الاقتباس الموجودة في المحرر. فبعد تحديد الكود مرة أخرى نضغط أداة الاقتباس هذه  . و بهذه الحركة اليسيرة تكون قد أنهيت التنسيق و سيصبح هكذا
<script type="text/javascript">
document.write("Hello World!")
</script>
و أشير إلى أن شكل الإطار و لون الخلفية سيبدو حسب قالب مدونتك و كما هو محدد في أكواد css فيه و ليس بالضرورة كما يبدو هنا.

منقول من اجل الفائدة

برنامج تستطيع من خلاله تحديد كود او اكواد html اي لون تريده بطريقة سهلة وسريعة كل ما عليك فعله هو اتباع الشرح اسفله. رغم انه لا يحتاج الى شرح لكنني نقلت لكم شرح رائع

اخواني اضع بين ايديكم برنامج صغير رهيب يقوم بمعرفة كود اي لون اعجبك

وتبي تستخدمه










التحميل من هنــــــــــــــا

المصدر

حصرياااا..كيف تجلب اكثر من 100,000 زائر من الشبكات الاجتماعيه المصدر : http://100fm6.com/vb/showthread.php?t=82350 - 100fm6.com




ياجماعه قدمت لكم من فتره الجزء الاول من جلب اكثر من 100.000 زائر من الشبكات الاجتماعيه (twitter,facebook,digg.....etc )
الجزء الاول شرحنا فيه موقع تويتر twitter وعرفنا ازاي هنجيب اكبر عدد من الفلوورز او المتبعين او الاصدفاء منه




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

ما اتمناه منكم دعوه تنفعني في دنيتي ...الموضوع والله اخذ مني ساعات في البحث وساعات في فهمه وساعات في كتابته

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


طبعا يا جماعه الفيس بوك كنز من الزوار ....كنز ناس كتير بتجيب منه زوار بس محتفظه بالطرق لنفسها ...

السر الاول لجلب الاف الزوار يوميا من الفيس بوك هو الاصدقاء وهنا بقي مش فلوورز اسمهم friends

friends = الاف الزوار يوميا

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

السؤال الاول : ما فائده الاصدقاء حتي لو عندي الاف؟؟

الاجابه : بمجرد وضعك جمله في البروفايل بتاعك وفيها لنك موقعك ضمنت علي الاقل دخول نصف عدد الاصدقاء اللي عندك علي اللنك (طبعا ده لو جمله و لنك شيق و بلغه اصدقائك)

-طب دلوقتي انا مشترك في الفيس بس عندي حوالي 100 واحد ودول ناس اعرفهم بجد مش كويسين ؟؟؟
-كويسين مين يا عم الحج انت هتهزر لازم الاف عشان يجيلك زوار بالالاف

-طب دلوقتي ازاي اجيب الالاف دول انا دلوقتي بتخنق من حوار اضافه الناس ده وكود الاسبام والحوارات الفكسانه دي ..ازاي هقعد كل يوم اضيف 100 وادخل الكود واستني وابحث عنهم اصلا ...مفيش طريقه اسهل؟؟؟
-فيه يا عم بس انت اصبر عليا

-يا سيدي خلصنا وبطل تطويل عايزين المفيد فهمنا ان الاصدقاء هما السر ادينا بقي المفيد ؟؟
-ياعم براحه شويه اسمع ياسيدي النهارده موقع جديد خااااالص موقع عامل زي موقع تويتر فريند اللي انا كنت حاطه في الجزء الاول ...راجع الجزء الاول من هنا
الموقع ده بيسمحلك انك تضيف ناس مشتركه فيه وبيديك علي كده نقط ...بس الموقع ده عنصري شويه

-ايه ده؟؟؟ايه عنصري دي ؟؟؟؟وضح شويه ؟؟؟
-بص ياباشا عنصري يعني بيقسم الناس ل 3 طبقات ...


الطبقه التالته ودي الناس العاديه members ودي بتاخد نقطه وحيده علي كل واحد تضيفه .

الطبقه التانيه ودول top members والتوب دول بتاخد علي كل واحد تضيفه 25 نقطه .

الطبقه الاولي featured members والفيتشر دول بتاخد علي كل واحد تضيفه 100 نقطه كامله .

-ايه ده يا عمونا دانت توهتني خااالص ...اهدا كده عليا وفهمني بالراحه ايه اللي بيحدد كل طبقه في دول ؟؟؟؟
-بص ياباشا الطبقات دي الاولي والتانيه بيدفعو عشان يبقو كده والطبقه التالته دي زي حضرتك كده بتدخل مجاني وتشتغل شويه لغابه ماتتساوي بالطبقتين الاولي والتانيه ...

-طب من باب المعرفه(فقط) هما بيدفعو كام؟؟؟؟
- بص الفيتشر والتوب بيدفعو 10 دولار ليظلو 7 ايام في الموضع سواء فيتشر او توب ....و 30 دولار ليظلو شهر في الموضع

-طب كملي بقي ومتسبنيش ازاي اوصل اني ابقي فيتشر او توب بس من غير مادفع ؟؟
- بص ياسيدي خليك معايا في نظام النقط انت هتضيف كل يوم اكبر قدر من الفيتشر الموجودين و معهم اكبر قدر من التوب وتكمل بالعاديين

أولا اكثر الاعضاء اضافه في اليوم بياخدو يوم توب مجانا كل يوم ...

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

-ايه ياعم يعني توب يعني لاب توب يعني ...فيها ايه توب؟؟
- وانت الصادق توب دي يعني اضافات بالالاف يكفي ان تعرف ان عدد المشتركين واللي بيدخلو حتي الان 103053 مشترك يعني لو 6 الاف منهم بس ضافوك تبقي عديت يا ماااااان

-يانهااااار ايه ده ...دانا كده هظبط نفسي ...كمل كمل غني يا عندليب....طب هستفاد ايه بالنقط غير حوار التوب ده ؟؟؟
-بص ياسيدي الفاضل انت زي ما بتجمع نقط النقط دي بتتاخد منك عندما يضيفك اعضاء اخريين (بتظهر زي اي شخص عادي في الموقع تصنيف تالت)

اللي بيضيفك بياخد منك نقطه وهكذا دواليب....

-الله عليك يامظبطنا طب تفتكر انا ممكن الم كام صديق في خلال اسبوعين لو اشتغلت جااامد؟؟؟

-بص انت لو اشتغلت جااامد اكيد هتضرب معاك وتاخدلك علي الاقل 3 ايام في كل اسبوع توب يعني هتجيب أصدقاء بال.......مش هتصدق

-طب ياعم الحج الحقني بالشرح الكامل للتسجيل في المشروع الجامد ده ..
-هبدأ الشرح وياريت بقي متقاطعنيش :smailes10:

أولا:الشركه بتطلب المتصفح يكون فايرفوكس عشان الاكسبلورر هيعذبك

الشركه سوبر اددر



اضغط علي الصوره للدخول لصفحه التسجيل او اضغط هنا


هتتفتحلك الصفحه دي



هتدوس علي كلمه connect with facebook يعني تسجيل الدخول بالفيس بوك للناس اللي ظابطه الفيس بوك هيقولك دخل الايميل والباسورد هتدخلهم هيدخل علطول

هيظهرلك صوره حسابك



اللي في الاول دول الفيتشر feature اللي هما الطبقه الاولي اللي بتاخد100 نقطه من كل واحد بتضيفه فيهم ....ضيف علي قد ماتقدر

بعد كده ...





دول التوب اللي بتاخد 25 نقطه علي كل واحد فيهم ...ضيف علي قد ما تقدر

في اخر التوب هتلاقيه جمله
Click Here to Add More Users

هتدوس عليها



هيقوم فاتحلك صفحه



ودي فيها العاديين اللي بتضفهم ب نقطه واحده

هتقولي وانا اضيف عاديين ليه مانا عندي الفيتشر والتوب

هاقولك عشان ليك حدود في الفيتشر والتوب

- طب ازاي انا هاضيف الاصدقاء؟؟؟؟
- انت رجعت تاني ....بص ياسيدي هتدوس علي اي صديق هتتفتحلك صفحه زي دي




بتدوس علي add as friend

وبتضيفه عادي وبعدها ب 3 ثواني بتتحسبلك الاضافه سواء 100 او 25 او 1

-الله عليك طب كده تمااام اوووي رتبلي بقي هاعمل ايه عشان انه تهت شويه ؟؟؟
-بص هو الموضوع صعب شويه انااقعدت ساعتين عشان افهمه و3 ساعات عشان اكتب الموضوع وافهمه لحضرتك بص

الخطوات بالترتيب:

1- هتسجل في الموقع ده من هنا بالضغط علي كونيكت باي فيس بوك


2- هتبدأ باضافه الفيتشر وتاخد علي كل واحد 100 بوينت

3- هتبدأ باضافه التوب لغايه مايخلصو وتاخد علي الواحد 25 بوينت

4 هتدخل علي العاديين وتبدا تضيف ناس

5- هتدعيلي دعوه حلوه تنفعني في دنيتي


تمام كده

-طب وايه النتيجه ؟؟؟؟؟؟
-بص ياسيدي ممكن لو انت اشتغلت بجد تفوز بالمكانه التوب وتلاقي الاف بيضفوك ولو مشتغلتش بجد تضمن علي الاق ضعف الزوار اللي انت بتضفهم هتقولي ازاي هاقولك انت بتضيف واح دبيضاف عندك وواحد تاني بيضيفك يبقي 2 ...

تمااام


حاجه أخيره

انت بتنشر الموضوع في الفيس بوك عندك واللي بيسجل بتاخد عليه 250 نقطه عن طريق الفيس بوك بتاعك

لتضيف الموضوع تلقائي هتلاقي في العمود علي اليمين الخيار بوست فيس بوك




كده يا جماعه الموضوع خلص اولا ليا رجاء خااص اللي ينقل الموضوع يذكر المصدر ويذكر انه منقول

رجاء اخر اللي يعجبه الموضوع يدعيلي دعوه حلوه تنفعني في دنيتي ...

واللي ليه اي استفسار انا هارد عليه في الموضوع هنا ...

الموضوع والله يا جماعه خد مني ساعات في البحث وساعات عشان افهمه وساعات عشان اكتبه واتمني انه يحوز علي اعجابكم واكون افدتكم بيه ...


وهديه شخصيه مني برنامج لتلوين خلفيه الفيس بوك لديك

لتحميل البرنامج من هنا

في انتظار استفسارتكم ...
المصدر
تحياتي...
المصدر : http://100fm6.com/vb/showthread.php?t=82350 - 100fm6.com

اشهر مدونتك او موقعك في اكتر من 150موقع عالمي بضغطة واحدة فقط



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

  1. الموقع الاول من هنـــــــــــا
  2. الموقع الثاني من هنـــــــــــا
  3. الموقع الثالث من هنـــــــــــا
اتمنى ان تنجح معكم الطريقة والى تدوينة اخرى

طريقة اضافة ارقام الصفحات الى مدونة بلوجر


 تريد أن تستغني عن الطريقة القديمة في تصفح مدونتك على blogger إذن فهذه الإضافة تخصك فقط تابع المراحل و انظر كم هي سهلة .
أولا من لوح تحكم مدونتك و تحت تبويب تخطيط تختار "عناصر الصفحة" ثم تضيف إداة Html/Javascript جديدة في أي مكان تشاء لأننا سننقلها فيما بعد . الآن أنت أمام نافدة الاداة فقط قم بنسخ الكود الموالي و ألصقه داخلها و لا تجعل لها عنوانا.

مثال
الكود »»




<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

</style>



<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';


var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://www.techieblogger.com/2008/07/page-navigation-hack-for-blogger.htm">Grab this Widget ~ Blogger Accessories</a></div>



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



طريقة تعريب هدا الكود:

للفائدة قمت بتعريب الترقيم: كلمة "page" إلى "صفحة" و "of" إلى "من" و "First" إلى "الأولى" و "Last" إلى "الأخيرة" و "Next" إلى "التالية" و "Previous" إلى "السابقة" ..

الطريقة:

من هذا الجزء من الكود:
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';
* نقوم باستبدال الكلمات الإنجليزية "بعد علامة = " إلى العربية..

ومن هذا الجزء:
1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+':;
نقوم باستبدال "page" إلى "صفحة" و "of" إلى "من".

منقول

دورة تدريبية لتعلم تعريب قالب بلوجر(4)

بسم الله الرحمن الرحيم .
في البداية أشكر جميع من تفاعل مع الموضوع سواء من طبق أو من لم يطبق , والذيثن طبقوا وأجادوا إجادة كاملة , أو نسيوا عنصرا واحدا لم يعربوه هم :
وهناك من طبق ولكن لم أذكر اسمه هنا , لأن تعريبه ليس بكامل .. وإذا أكمل التعريب فليخبرني .
جزاكم الله خيراً على تفاعلكم .
نبدأ معكم الدرس الجديد وهو في كيفية تغيير خط القالب , وسبق أن وضعت شرحاً عاما لكيفية تغيير الخط في قالب ما . وهو هنا http://www.ar-blogger.com/vb/showthread.php?t=53
...........
لذلك لن نطيل عليكم هذا اليوم , ولكن سنخبركم ببعض الأمور فقط :
  • تستطيع أن تجعل لكل عنصرٍ في القالب خطا مميزا , مثلا عنوان التدوينة له خط Arial , وخط النص tahoma , إلى غير ذلك .
  • لتجعل لكل عنصر خطا مميزا عليك أن تضيف هذه العبارة تحت العنصر الذي تريده font-family: وتضع بعد النقطتين الرأسيتين الخط الذي تريده , مثلاً tahoma وتختم بهذه العبارة ;لتصبح هكذا
    كود بلغة HTML:
    font-family:tahoma;
في قالبنا الذي طبقنا عليه سابقا ستجد نوع وحجم الخط موجود في Body راجع الشرح . ابحث في القالب عن font-family , وغير الخطوط التي بجانبه إلى tahoma أو إلى الخط الذي تريده .

منقول من هنا

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

دورة تدريبية لتعلم تعريب قالب بلوجر(3)

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


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

ملاحظة :
القوالب تختلف في تعريبها , فهناك قوالب سهلة التعريب وهناك قوالب سهلة التعريب أيضاً ولكنّها تحتاج إلى جهد , وهناك قوالب فيها خاصية أنه يتعرب تنسيق بعض العناصر من خلال لغة المدونة ..

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

وهذه صورة القالب قبل أن نعرب فيه شيئا ..



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

تعريب القالب :

عادة أنا عندما أبدأ في تعريب قالب ما , أتجه إلى
كود بلغة HTML:
body {
كلمة Body تعني الجسم , وتعني جسم القالب كامل ..
نذهب إلى التخطيط ثم إلى تحرير Html رأينا القالب أمامنا بأكواد الاتش تي ام ال , نبحث الآن عن body { ..
ملاحظة : عند البحث استخدم CTRL+F لتسهيل عملية البحث .



وجدنا في القالب 2 body { .. هذا الأول ..
كود بلغة HTML:
body {
font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
font-size: 13px;
}
ونجد تحت هذا العنصر الخط وحجم الخط . font and font size

أما البدي الثاني : فهو المطلوب لنا تقريبا
كود بلغة HTML:
body {
min-width: 714px;
color: #000;
background-color: #a9ac99;
text-align:center;
}
نلاحظ تحت Body الثاني
كود بلغة HTML:
text-align:center;
نغير center وهي التي تعني الوسط , إلى اليمين وتعني right لتصبح هكذا
كود بلغة HTML:
text-align:right;
.
أيضاا دائما ما أضيف هذا العنصر
كود بلغة HTML:
direction:rtl;
تحت Body وتعني هذه العبارة تغيير التنسق من اليمين إلى اليسار [ راجع الموضوع السابق ]

ليصبح Body في المحصلة النهائية هكذا وقد غيرنا فيه ما يلزم
كود بلغة HTML:
body {
min-width: 714px;
color: #000;
background-color: #a9ac99;
text-align:right;
direction:rtl;
}
الآن قطعنا شوطا كبيرا في تعريب القالب , وهذه الصورة تبين ذلك [ ألم أقل لكم أن التعريب سهل ]




بقي لنا الآن أمران فقط , يحتاجان إلى تعريب , وإلى الآن , لم نستخدم إضافة Firebug [ راجع الدرس الأول ] , فلذلك قد جاء وقتها الآن .
إليكم هذا الفيديو
http://www.youtube.com/watch_popup?v=q5wgCG6OL5Q

كما تلاحظون في مقطع الفيديو فقد استخدمنا إضافة فاير بق , ونسخنا ذلك الذي يدل على العنوان الذي في القائمة الجانبية وهو
كود بلغة HTML:
#beta h2 {
وبحثنا عنه في القالب ووجدناه , وبعدها حذفنا من تحته
كود بلغة HTML:
letter-spacing:0.3em;
لأنها تدل على تقطيع الأحرف , وهذه الخاصية لا تصلح مع الحروف العربية المتشابكة ..
ثم أضفنا تحته , عنصر التنسيق من اليمين إلى اليسار وهو ذا
كود بلغة HTML:
text-align:right;
وأصبح التنسيق من اليمين إلى اليسار , فإضافة فاير بق تسهل علينا الكثير من الأمور في التعريب , بحيث تجعلنا نرى التغييرات التي أجريناها , بسرعة .. وهكذا انتهينا من تعريب عناوين القائمة الجانبية.

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

انظر الصورة


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

  • في الدرس القادم , سنغير خط القالب . وسنكمل بعض الأشياء .
  • نستقبل أسئلتكم حول تعريب القالب .
هذا الدرس غير مخصص للأسئلة , ولكن أريد من كل واحد منكم أن يحمل القالب الغير معرب وأن يعربه باتباع الشرح الموضوع هنا , لكي تعربوه بأنفسكم بعد أن استفدتم من الشرح هذا . وبعد أن تجربوا تعريبه ستتعلمون الكثير , ثمّتَ ستسألوني عن الأخطاء التي وقعتم فيها , أو ربما التي وقعت فيها أنا , ولكن وكما قلت لكم كل أسئلتكم اطرحوها في الدرس القادم .
منقول من هنا
ملاحظة :
لتحميل القالب الغير معرب من هنا
http://btemplates.com/2008/03/09/relaxation/demo/

دورة تدريبية لتعلم تعريب قالب بلوجر(2)

بسم الله الرحمن الرحيم .
لا نحتاج نحن معربي القوالب إلى معرفة احترافيّة بلغةHtml وتقنية css ولكن يلزمنا معرفة بعض الأمور
البسيطة عنها , بإمكانكم زيارة هذا الموقع http://ar.html.net/ لتتعرفوا عليهما .

إذن بعد أن قرأنا بعض الأمور عن اتش تي ام ال , والسي اس اس , نبدأ الآن بتوضيح بعض الأمور , أو بعض الخواص التي عادة ما نحتاج إلى تعديلها عندما نعرب قالبا .. وهي على النحو التالي :


text-align وتعني محاذاة النصوص , فإذا كان القالب إنجليزيا فستكون محاذاة النصوص على اليسار وستكون العبارة-إن صحت التسمية- هكذا ;text-align:left بينما لو كان القالب معربا ستكون هكذا ;text-align:right

float وتعني محاذاة التنسيق , وشأنها كشأن العبارة التي قبلها فعندما نريد عنصرا ما موجودا في المدونة أن يكون تنسيقه في اليمين تكون العبارة هكذا ;float:right بينما لو كنا نريد تنسيقه نحو اليسار هكذا ;float:left

padding وتعني الهوامش الداخلية فإذا كانت في القالب الإنجليزي موجودةً هكذا padding-left:3px; فإنه يلزمنا تغيير left إلى right لتصبح العبارة هكذا padding-right:3px; .

margin وهي مضاد padding وتعني الهوامش الخارجية وهي لا تختلف عن padding , فإذا كانت في القالب الإنجليزي موجودةً هكذا margin -left:3px فإنه يلزمنا تغيير left إلى right لتصبح العبارة هكذا ;margin -right:3px .

direction ونستطيع من خلالها تحديد اتجاه القالب كامل , بحيث نضيفها بهذا الشكل direction:rtl مثلا تحت Body هنالك سيتحول اتجاه القالب كاملا في بعض القوالب , وفي القوالب الأخرى سيبقى اتجاه بعض العناصر مثل ما هو مع بعض التغيير . وفي بعض القوالب تكون هكذا direction:ltr; فعلينا بتغييرها direction:rtl; .


توضيح : rtl تعني right-to-left أي من اليمين إلى اليسار , و ltr تعني rleft -to-rightمن اليسار إلى اليمين.

Font-family , وتعني الخط , فإذا كان الخط هكذا ;font-family:arialونريد أن نغيره إلى خط آخر مثلا التاهوما سنغير arial فقط . ;font-family:tahoma

هذا إيجاز لبعض الخواص [ css ] التي عادة ما أستخدمها عندما أعرب قالباً ما , ولن تفهموها بشكل جيد الآن , ولكن بعد التطبيق ستسهل لكم وستحبونها كثيرا .

أما بالنسبة لتعديل Html فإني لم أعد أستخدمها كثيرا عندما أعرب أحد القوالب , وذلك لأن أكثر التعديل يكون على css والتنسيق من خلالها من اليمين إلى اليسار , أو العكس .
فعادة ما نبحث في القالب في تحرير Html في البلوقر عن dir , ونضع بجانبها rtl لتكون بهذا الشكل dir="rtl" .

ملاحظة مهمة : الاتش تي ام ال تحتوي على السي اس اس , أي أنها تكون مع بعض , ولتتعرفو أكثر على الفروقات أنصحكم مرة أخرى بزيارة هذا الموقع http://ar.html.net

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

أترككم الآن لتدرسوا هذه الأمور التي أوردتها لكم ولكي تستفيدوا من رابط ذلك الموقع http://ar.html.net

منقول من هنا

لأي استفسار أنا بالخدمة

دورة تدريبية لتعلم تعريب قالب بلوجر(1)

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

متصفح الفَيَر فُكس


لا يخفى على الأغلبية من متصفحي الإنتر نت أن متصفح الفاير فوكس متصفح الثعلب الناري هو أفضل من المتصفحات الرديئة أمثال إنتر نت إكسبلورر



لتحميل المتصفح المجاني من هنا
وسبب إلزامنا لكم بتحميل هذا المتصفح هو وجود إضافة تسهل البحث عن الخواص التي نريد تعديلها على القوالب وهي إضافة Firebug


إضافة Firebug

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




لتحميل الإضافة من هنا

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

لأي استفسار أنا بالخدمة

كيف يمكنك ادراج اكواد ادسينس داخل اى مكان فى مدونة البلوجر؟

احد الايجابيات التى يمنحها لنا البلوجر هى تكامله التام مع البرنامج الاعلانى لجوجل ( ادسينس )، حيث يمنحك امكانية ادراج تلك الاكواد فى السايد بار ، بين التدوينات، او كلاهما، و اعتقد انك تستطيع ان تفعل جميع تلك الامور، و لكن اثناء بحثى فى كثير من المنتديات وجدت الكثير من المبتدئين يتساءلون عن امكانية ادراج اكواد ادسينس داخل منطقة ال Post اى داخل مقالاتك، حيث تلك الطريقة قد تعود بالارباح نظرا للنقرات المتزايدة عليها و لكن هذا له شرطان:-


اولا : ان يتم التكامل بين تنيسق الاعلان و تنسيقات المقالة و هذا يتطلب:
  • ان يكون لون عنوان الاعلان هو نفسه او مقارب للون عنوان المقالة
  • ان يكون لون الخط اسفل الاعلان هو نفسه او مقارب للون جسم المقالة
  • ان يكون لون الخلفية مساوى للون خلفية المقالة
  • ان يكون لون رابط الاعلان مساوى للون الارتباطات داخل المقالة
  • عدم استخدام اى حدود للاعلان الا فى بعض الحالات و ذلك لزيادة التكامل بين الاعلان و المقال.
ثانيا: استهداف اغلى الكلمات المفتاحية للاعلان و المرتبطة بنوع موضوعات مدونتك، و ذلك بادراجها داخل مقالك مع التاكيد عليها و تمييزها بجعلها سميكة bold او مائلة italic او استخدام اوسمة العنونة معها مثل H4 و هكذا.

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

الخطوة الاولى : تحويل كود الادسينس
نظرا لان قالب البلوجر يعمل بلغة XML فهو لن يستطيع تفسير العديد من اكواد HTML و بالتالى يجب تحويل تلك الاكواد الى الصورة التى يمكن ان يفهمها البلوجر، بالاضافة الى انه قبل القيام بتلك الخطوة عليك باخذ نسخة احتياطية من القالب الخاص بمدونتك ( من LAYOUT اختر EDIT HTML و من ثم DOWNLOAD FULL TEMPLATE )، و هناك نقطة ايضا و هو ان تعديل الكود بالشكل السابق لايؤثر مطلقا على حسابك لدى جوجل، و قد قمت بسؤال العديد ممن لهم فى هذا المجال، و اجابو بانه لايتعارض مع سياسات جوجل الاعلانية، و كذلك اثناء بحثك فى الكثير من المدونات ستجدهم يستخدمون هذه الطريقة بمنتهى الاحترافية دون التاثير على حساباتهم.

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

الخطوة الثانية : تهيئة كود الادسينس
و تلك الخطوة بسيطة جدا وهى محاذاة الاعلان او بالنسبة لمحتوى المقال و يمكنك استخدام المزيد من خصائص css ايضا و لكن فقط بالنسبة لموضوع الاعلان و ليس لتنسيقه و يمكنك استخدام احد الكودين التاليين:

لمحاذاة الاعلان جهة اليمين

<p>الكود المنسوخ<data:post.body/></p>



لمحاذاة الاعلان جهة اليسار

<div style="float: left;">
الكود المعدل هنا
</div>


الخطوة الثالثة : تحديد مكان الاعلان داخل المقالة
يتم نسخ الكود من الخطوة السابقة و لصقه فى احد الاماكن التالية فى منطقة الكود للقالب الرئيسى وذلك بعد تفعيل الخيار expand widget templates كما يلى:-

عرض الاعلان بعد التدوينة
فقط قم بالبحث عن الكود التالى:

<p><data:post.body/>الكود المنسوخ</p>


و ضع الكود المنسوخ كما يلى:


<p>الكود المنسوخ<data:post.body/></p>



عرض الاعلان قبل التدوينة
نفس الكود السابق

ثم ضع الكود المنسوخ كما يلى


عرض الاعلان بعد عنوان التدوينة
فقط ابحث عن الكود
و ضع كود الاعلان تحته.

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

وفى النهاية احب ان اؤكد على ان هذا التلميحات قد لايعرفها الكثيرون من المبتدئين، لذا احببت ان اشارككم بها، و ليس عليكم سوى التجربة العملية، خالص تمنياتى بالتوفيق لكم

تابع ارباح على ادسنس متابعة الارباح على adsense




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

قوقل ادسنس
بعد ذلك نضغط علي قنوات URL ثم نضغط علي إضافة قنوات جديدة لعنوان الموقع URL ثم يظهر لنا مربع نضع فيه المواقع التي نريد ان نشاهد اداء الاعلانات فيها مثلا www.Alazmi-b.com ( لنشاهد صورة توضيحية )
قوقل ادسينس
بعد ان نضع المواقع التي وضعنها فيها اعلانات ادسنس , نضغط علي اضافه موقع , بعد فترة سنشاهد في التقارير تفصيل علي اداء كل موقع تملكه وتم وضع فيه اعلانات ادسنس وتشاهد اداء الاعلانات وتشاهد تفصيل لكل موقع تملكه وتشاهد قائمة بـ
  • مرات ظهور الصفحة
  • النقرات
  • نسبة النقر إلي الظهور في الصفحات
  • التكلفة الفعلية للألف ظهور للصفحة
  • الارباح المقدرة
ينقل للفائدة