مدونة علمني

قالب facesocial v0.1 بنسخته العربية

2011-09-09T13:14:00.001Z

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

بعد ان انتهينا من تصميم قالب facesocial وطرحنها البارحة بنسخته الانجليزية ها نحن اليوم نصدره بنسخته العربية

وان شاء الله لدينا رؤيا خاصة بإطلاق المزيد من القوالب المصممة على ايادي عربية والارتقاء بالتدوين العربي من فقط "تعريب القوالب " والاستعانة بالقوالب الاجنبية الى الابداع وطرح تصماميم خاصة بنا بطبيعة الحال القوالب القادمة سيكون منها المدفوع ومنها المجاني وكل ما نتمناه هو ارتقاء وصعود بالتدوين العربي درجة الى الامام .

صورة للقالب

معلومات عن القالب :

مصمم القالب : سفيان القمصاوي " مؤسس علمني"

تكويد القالب : سفيان القمصاوي

القالب تحت ترخيص : GPL

بتاريخ : 25/08/2011

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

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

اضافة هاك تعليقات الفيسبوك واضافة خاك الفيس بوك

عرض للمقالات بشكل مميز

والمزيد ......

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

<div class='menu-primary-container' id='submenu'>
<ul>
<li><a expr:href='data:blog.homepageUrl' id='homeButton'>Home</a></li>
<li class='page_item'><span class='menu_bg'><a href='http://yourblog.blogspot.com/p/about-us.html'>About Us</a></span></li>
<li class='page_item'><span class='menu_bg'><a href='http://yourblog.blogspot.com/contact-us.html'>Contact Us</a></span></li>
<li class='page_item'><span class='menu_bg'><a href='http://yourblog.blogspot.com/'>3alymni</a></span></li>
</ul>

منطقة اللوغو :

ابحث عن الكود الموالي:

<h1 class='logo'><a expr:href='data:blog.homepageUrl'><img src='your-logo-here'/></a></h1>

منطقة البلوغ ستوري:

اضف هذا الكود الى الاداة الوسطية في القالب :

<table cellspacing="0" cellpadding="0" id="blog_stories" class="uiGrid mvm"><tbody><tr><td class="vTop"><div class="blog_story_image"><a href="/here-likn-of-post"><img alt="" src="here-post-pic" class="img"></a><h2><a href="/here-likn-of-post" class="uiLinkSubtle">here-post-title</a></h2></div></td><td class="vTop"><div class="blog_story_image"><a href="/here-likn-of-post"><img alt="" src="here-post-pic" class="img"></a><h2><a href="/here-likn-of-post" class="uiLinkSubtle">here-post-title</a></h2></div></td><td class="vTop"><div class="blog_story_image"><a href="/here-link-of-post"><img alt="" src="here-post-pic" class="img"></a><h2><a href="/here-link-of-post" class="uiLinkSubtle">here-post-title</a></h2></div></td></tr></tbody></table>

منطقة الاعلانات

<center>
<a title="ads" height="111" target="blank" href="http://www.3alymni.info" width="125"><img height="125" width="125" src="http://4.bp.blogspot.com/-Vh9rPO967Is/Tl-SaIjGbhI/AAAAAAAAAqI/pdbD8BFCMXg/s1600/ads125.jpg" alt="ads" class="rsociales-sobre" /></a>
<a title="ads" height="111" target="blank" href="http://www.3alymni.info" width="64"><img height="125" width="125" src="http://4.bp.blogspot.com/-Vh9rPO967Is/Tl-SaIjGbhI/AAAAAAAAAqI/pdbD8BFCMXg/s1600/ads125.jpg" alt="ads" class="rsociales-sobre" /></a>
<a title="ads" height="111" target="blank" href="http://www.3alymni.info" width="125"><img height="125" width="125" src="http://4.bp.blogspot.com/-Vh9rPO967Is/Tl-SaIjGbhI/AAAAAAAAAqI/pdbD8BFCMXg/s1600/ads125.jpg" alt="ads" class="rsociales-sobre" /></a>
<a title="ads" height="111" target="blank" href="http://www.3alymni.info" width="64"><img height="125" width="125" src="http://4.bp.blogspot.com/-Vh9rPO967Is/Tl-SaIjGbhI/AAAAAAAAAqI/pdbD8BFCMXg/s1600/ads125.jpg" alt="ads" class="rsociales-sobre" /></a>
</center>

(إضغط على صورة لتظهر بشكل اكبر)

تنويه : جميع حقوق التصميم محفوظة لمدونة علمني اي تعديل في القالب او سرقة الحقوق سيتعرض السارق الى متابعة قانونية وسيتم اتخاذ اجرئات ضد اي مدونة تخرق حقوق الملكية الفكرية بتعاون مع فريق عمل " بلوجر " وشكرا

facesocial v0.1 blogger template

2011-09-08T16:34:00.003Z

After an absence for a long time for my blog Today I back and with my a very pleasant surprise for all visitors of 3alymni-blog.
Today we announce the official launch of the facesocial templat v0.1 for Blogger platform.

more information about it :
Designer: soufian elkamsaoui "owner of 3alymni "
coding : soufian elkamsaoui
date : 25/08/2011
friendly seo template
facebook comment box
facebox hack
and more ..............

How to modify the tempalte
nav-bar section:
search in the template this code:

<div class='menu-primary-container' id='submenu'>
<ul>
<li><a expr:href='data:blog.homepageUrl' id='homeButton'>Home</a></li>
<li class='page_item'><span class='menu_bg'><a href='http://yourblog.blogspot.com/p/about-us.html'>About Us</a></span></li>
<li class='page_item'><span class='menu_bg'><a href='http://yourblog.blogspot.com/contact-us.html'>Contact Us</a></span></li>
<li class='page_item'><span class='menu_bg'><a href='http://yourblog.blogspot.com/'>3alymni</a></span></li>
</ul>

logo section:

search in the template this code:

<h1 class='logo'><a expr:href='data:blog.homepageUrl'><img src='your-logo-here'/></a></h1>

blog story section:

search in the template this code:

<table cellspacing="0" cellpadding="0" id="blog_stories" class="uiGrid mvm"><tbody><tr><td class="vTop"><div class="blog_story_image"><a href="/here-likn-of-post"><img alt="" src="here-post-pic" class="img"></a><h2><a href="/here-likn-of-post" class="uiLinkSubtle">here-post-title</a></h2></div></td><td class="vTop"><div class="blog_story_image"><a href="/here-likn-of-post"><img alt="" src="here-post-pic" class="img"></a><h2><a href="/here-likn-of-post" class="uiLinkSubtle">here-post-title</a></h2></div></td><td class="vTop"><div class="blog_story_image"><a href="/here-link-of-post"><img alt="" src="here-post-pic" class="img"></a><h2><a href="/here-link-of-post" class="uiLinkSubtle">here-post-title</a></h2></div></td></tr></tbody></table>

(click in img to see them on large)

The End
for more information plz contact my: forum161@htomail.com or @os161 "twitter"

تنويه: النسخة العربية من القالب ستنزل في الايام القادمة

أول قالب رمضاني من تصميم مدونة علمني

2011-08-01T18:38:00.003Z

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

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

معلومات القالب :

مصمم القالب : سفيان المغربي

تكويد التصميم : www.3alymni.info and www.ar-bl.net

صورة للقالب :

(اضغط على الصورة لتظهر بشكلها الطبيعي)

تم بحمد الله

هل ازعجك الشكل الجديد لمحادثة فيسبوك ؟ عندنا الحل

2011-07-28T19:30:00.001+01:00

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

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

اليوم بحول الله سنشرح طريقة سهلة وفعالة للإنتهاء من هذا الاشكال

للنتتبع الخطوات التالية :

اولا قم بزيارة الموقع التالي :

https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/

ثاينا اضغط على زر الاضافة الى فايرفوكس :

ننتظر انتهاء التحميل ثم نضغط تنصيب :

بعد الانتهاء من التنصيب تغلق المتصفح ثم نفتحه مرة اخرى

بعد ذلك نتوجه الى الموقع لتالي :

http://userscripts.org/scripts/show/107159

نضغط على تنصيب :

ثم نضغط على تنصيب مرة اخرى في النافذة التالية

بعد ذلك ادخل الى صفحتك على الفيسبوك وإضغط على زر f5

والنتيجة :

تم بحمد الله

قالب كريسميس معرب

2011-07-15T15:18:00.000+01:00

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

اليوم نعرض لزوارنا الكرام تعريبا للقالب المميز كريسميس قالب هادئ التصميم وانيق وجد جداب
نبذة عن القالب :

مصمم القالب :

محول ال القالب : --------------

معرب القالب : Soufian elmagribi

المنصة التشغيلية :blogger

تاريخ الاصدار: نونبر 2011

رخصة القالب : Creative Commons Attribution 3.0

لنستعرض اهم مميزات القالب :

ازرار المشاركة بالشبكات الاجتماعية

عرض للمقالات بشكل مميز

ترقيم للصفحات

مناطق مميز للإعلانات وبانرات 125x125

والكثير .....

تنويه : عند تحميل ملف القالب ستجد ملف بصيغة psd الملف يحتوي على صورة الهيدر يمكنك التعديل عليها كما شئت

تم بحمد الله

شروط الأستخدام"
1- عدم نزع حقوق التعريب أو التصميم .
2- ذكر المصدر عند نقل مقال القالب
إن كان هناك أي مشاكل بالقوالب فأرجو إرسالها على بريدي الألكتروني

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

المنصة الجديد متاحة للجميع على مسودة بلوجر

2011-07-08T12:00:00.004+01:00

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

قبل مدة كان فريق بلوجر قد اعلن عن تحديث الشامل لمنصة بلوجر واعادة صياغة البرنامج من الصفر.

ومنذ ايام تم فتح المنصة الجديدة لعدد قليل حتى يتم تجربها من طرفهم لكن اليوم اعلن الفريق المسؤول عن تطوير المنصة بفتح المنصة الجدية لجميع المدونين بدون أسثناء على مسودة بلوجر draft blogge.

كما نعلم غوغل بعدما أطلقت شبكتها الاجتماعية غوغل بلس بدات في تغيير التصميم الخص بجميع منتجتها بدأ من محركها الشهير غوغل

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

صورة لتصميم الجديد

(اضغط على الصورة لتظهر بحجمها الحقيقي)

يتبع ......

اضف زر facebook send boutton بشكل صحيح

2011-07-07T17:21:00.002+01:00

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

من اليوم فصاعدا لن تواجهو مشاكل بنسبة الى زر facebook send

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

والان لنبدا على بركة الله

أولا ابحدث عن هذا السطر

xmlns:expr='http://www.google.com/2005/gml/expr'>

ثم اضف اليه هذا السطر :

xmlns:fb='http://www.facebook.com/2008/fbml'

ليصبح هكذا :

<html ...... xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>

ثم ابحث هن الوسم التالي :

<body>

بعد الوسوم اعلاه نضيف

<div id='fb-root'/>
<script>
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js#xfbml=1';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>

ثم نصل الى تحديد ماكن تموضع الزر يمكننا وضعه في اي مكان مثلا :

نبحث عن :

<data:post.body/>

مباشرة بعد هذا السطر نضيف :

<b:if cond='data:blog.pageType != "static_page"'>
<div class='fb-like'>
<fb:send expr:href="data:post.url" font="arial"></fb:send>
</div>
</b:if>

تحديث :

لمن ارد تغيير لون الاضافة الى الاسود يستعمل الكود الموالي :

<b:if cond='data:blog.pageType != "static_page"'><div class='fb-like'>
<fb:send expr:href="data:post.url" font="arial" colorscheme="dark"> </fb:send>
</div>
</b:if>

تم بحمد الله

الان أضف صندوق الاعجاب بتصميم جديد معدل

2011-07-06T15:41:00.001+01:00

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

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

الان لنبدأ على بركة الله

أولا نبحث عن السطر التالي ثم نلصق كود css فوقه

]]></b:skin>

كود css

/* ------ Custom Like Box ----- */

    .fan_box a:hover{
      text-decoration: none;
    }


    .fan_box .full_widget{
      height: 200px;
      border: 0 !important;
      background: none !important;
      position: relative;
    }


    .fan_box .connect_top{
      background: none !important;
      padding: 0 !important;
    }


    .fan_box .profileimage, .fan_box .name_block{
      display: none;
    }


    .fan_box .connect_action{
      padding: 0 !important;
    }


    .fan_box .connections{
      padding: 4px !important;
      margin:3px 0px 5px 0px!important;
      border: 0 !important;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight: bold;
      color: #666;
    }


    span.total{
      color: #365899;
      font-weight: bold;
      background:#ECEEF5;
      padding:4px !important;
      margin:3px 0px 5px 0px!important;
      border:1px solid #E1E4ED;
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
    }

span.total:hover{
     border:1px solid #6383C1;
    }

    .fan_box .connections .connections_grid {
      padding-top: 10px !important;
    }


    .fan_box .connections_grid .grid_item{
      padding: 0 10px 10px 0 !important;
    }


    .fan_box .connections_grid .grid_item .name{
      font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
      font-weight: normal;
      color: #289728 !important;
      padding-top: 1px !important;
    }


    .fan_box .connect_widget{
    position: absolute;
    bottom: 0;
    left: 0px;
    margin: 0 !important;
    }


    .fan_box .connect_widget .connect_widget_interactive_area {
    margin: 0 !important;
    }


    .fan_box .connect_widget td.connect_widget_vertical_center {
    padding: 0 !important;
    }


    /*--------------- Custom Like Box End--------------*/

في حالة اردت تغيير لون اسم البروفايل من اللون الاخضر الى اي لون تريد غير الكود التالي : 289728

الان يمكنك وضعه الصندوق اي شئت في القالب او عن طريق اضافة أداة بوضع الكود الموالي :

<style>
        #mbtlikebox{
          color: #365899;
          font: bold 11px arial;
          background:#ECEEF5;
          padding:3px !important;
          margin:5px 0px!important;
          border:1px solid #E1E4ED;
         -moz-border-radius:3px;
         -webkit-border-radius:3px;
          width:290px;
        }

    #mbtlikebox:hover{
         border:1px solid #6383C1;
        }
    </style>
    <script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script>
        <script type="text/javascript">FB.init("");</script>
        <fb:fan profile_id="128605887189860" stream="0" connections="8" width="300px" height="200px" header="0" logobar="0"   css="https://sites.google.com/site/3alymni/css/3.css"></fb:fan>
    <div id="mbtlikebox"><a rel="nofollow" target="_blank" style="text-decoration:none; color:#365899;" href="ضع هنا رابط الصفحة">Visit the Like Page »</a></div>

== غيره برقم id الخاص بصفحتك

== عرض الصندوق

== طول الصندوق

== رابط الصفحة

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

تم بحمد الله

قالب globe design معرب

2011-06-27T13:54:00.000+01:00

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

اليوم نعرض لزوارنا الكرام تعريبا للقالب المميز: globe design

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

ازرار المشاركة بالشبكات الاجتماعية

عرض للمقالات بشكل مميز

ترقيم للصفحات

مناطق مميز للإعلانات
هاك نبذة عن المدون
هاك ترقيم التعليقات
والكثير ....
اي استفسار عن القالب نحن في الخدمة

"شروط الأستخدام"
1- عدم نزع حقوق التعريب أو التصميم .
2- ذكر المصدر عند نقل مقال القالب
إن كان هناك أي مشاكل بالقوالب فأرجو إرسالها على بريدي الألكتروني

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

تم بحمد الله

كيفية اضافة هاك colorbox الى بلوجر

2011-06-26T13:11:00.001+01:00

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

اما اليوم فسيكون لنا موعد مع درس : "كيفية اضافة هاك colorbox الى منصة بلوجر "

طبعا تعددت الهاكات المتخصصة في عرض الصور كإطار منبثق وطبعا كل واحدة لها مميزاتها الخاص

ما يميز colorbox هو تعدد مهاهمها من عرض الصور الى عرض الفيديو الى عرض الفلاشات الخ ......

لنبدأ على بركة الله :

مثال حي :

اولا نضيف نص javascript قبل نهاية وسوم </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/3alymni/colorbox/jquery.colorbox.js"></script>

ثم نضيف نص css قبل نهاية وسوم

]]></b:skin>

<style type='text/CSS'>



#colorbox, #cboxOverlay, #cboxWrapper {

position:absolute;

top:0;

left:0;

z-index:9999;

overflow:hidden;

}

#cboxOverlay {

position:fixed;

width:100%;

height:100%;

}

#cboxMiddleLeft, #cboxBottomLeft {

clear:left;

}

#cboxContent {

position:relative;

}

#cboxLoadedContent {

overflow:auto;

}

#cboxTitle {

margin:0;

}

#cboxLoadingOverlay, #cboxLoadingGraphic {

position:absolute;

top:0;

left:0;

width:100%;

}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {

cursor:pointer;

}

.cboxPhoto {

float:left;

margin:auto;

border:0;

display:block;

}

.cboxIframe {

width:100%;

height:100%;

display:block;

border:0;

}



#cboxOverlay {

background:#000;

}

#colorbox{}

#cboxTopLeft {

width:14px;

height:14px;

background:url(https://sites.google.com/site/fowziey/colorbox_controls.png) no-repeat 0 0;

}

#cboxTopCenter {

height:14px;

background:url(https://sites.google.com/site/fowziey/colorbox_border.png) repeat-x top left;

}

#cboxTopRight {

width:14px;

height:14px;

background:url(https://sites.google.com/site/fowziey/colorbox_controls.png) no-repeat -36px 0;

}

#cboxBottomLeft {

width:14px;

height:43px;

background:url(https://sites.google.com/site/fowziey/colorbox_controls.png) no-repeat 0 -32px;

}

#cboxBottomCenter {

height:43px;

background:url(https://sites.google.com/site/fowziey/colorbox_border.png) repeat-x bottom left;

}

#cboxBottomRight {

width:14px;

height:43px;

background:url(https://sites.google.com/site/fowziey/colorbox_controls.png) no-repeat -36px -32px;

}

#cboxMiddleLeft {width:14px;

background:url(https://sites.google.com/site/fowziey/colorbox_controls.png) repeat-y -175px 0;

}

#cboxMiddleRight {

width:14px;

background:url(https://sites.google.com/site/fowziey/colorbox_controls.png) repeat-y -211px 0;

}

#cboxContent {

background:#fff;

overflow:visible;

}

#cboxLoadedContent {

margin-bottom:5px;

}

#cboxLoadingOverlay {

background:url(https://sites.google.com/site/fowziey/colorbox_loading_background.png) no-repeat center center;

}

#cboxLoadingGraphic {

background:url(https://sites.google.com/site/fowziey/colorbox_loading.gif) no-repeat center center;

}

#cboxTitle {

position:absolute;

bottom:-25px;

left:0;

text-align:center;

width:100%;

font-weight:bold;

color:#7C7C7C;

}

#cboxCurrent {

position:absolute;

bottom:-25px;

left:58px;

font-weight:bold;

color:#7C7C7C;

}



#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {

position:absolute;

bottom:-29px;

background:url(https://sites.google.com/site/fowziey/colorbox_controls.png) no-repeat 0px 0px;

width:23px;

height:23px;

text-indent:-9999px;

}

#cboxPrevious {

left:0px;

background-position: -51px -25px;

}

#cboxPrevious.hover {

background-position:-51px 0px;

}

#cboxNext {

left:27px;

background-position:-75px -25px;

}

#cboxNext.hover {

background-position:-75px 0px;

}

#cboxClose {

right:0;

background-position:-100px -25px;

}

#cboxClose.hover {

background-position:-100px 0px;

}



.cboxSlideshow_on #cboxSlideshow {

background-position:-125px 0px;

right:27px;

}

.cboxSlideshow_on #cboxSlideshow.hover {

background-position:-150px 0px;

}

.cboxSlideshow_off #cboxSlideshow {

background-position:-150px -25px;

right:27px;

}

.cboxSlideshow_off #cboxSlideshow.hover {

background-position:-125px 0px;

}

</style>

ثم نضيف بعض من حركات الجي كوري

<script type='text/javascript'>

//<![CDATA[



$(document).ready(function(){



$("a.color-elastic").colorbox();

$("a.color-fade").colorbox({transition:"fade"});

$("a.color-slideshow").colorbox({slideshow:true});

$(".color").colorbox();

$(".color-video").colorbox({iframe:true, innerWidth:425, innerHeight:344});

$(".color-iframe").colorbox({width:"80%", height:"80%", iframe:true});

$(".color-inline").colorbox({width:"50%", inline:true, href:"#Description"});



$("#click").click(function(){ 

$('#click').css({"background-color":"#f00", "color":"#fff", 
"cursor":"inherit"}).text("Open this window again and this message will 
still be here.");

return false;

});

});



//]]>

</script>

كيفية الاستعمال :

عند كتابة احدى المقالات نتجه الى المحرر ونضع المحرر تحت وضع edit html

لصورة واحدة :

<a class='color' href="رابط" title="تعليق لصورة"><img border='0' height='90' width='120' src="رابط الصورة"/></a>

لمعرض صور

<a class="color-elastic" href="رابط 1" rel="GALLERYTITLE" title="تعليق لصورة"><img border="0" height="90" src="رابط الصورة" width="120" /></a>
<a class="color-elastic" href="رابط2" rel="GALLERYTITLE" title="تعليق لصورة"><img border="0" height="90" src="رابط الصورة" width="120" /></a>

عارض السلايد شو

<a class="color-slideshow" href="IMAGE_01 URL" rel="GALLERYTITLE" title="IMAGE_01 CAPTION"><img border="0" height="90" src="IMAGE_01 URL" width="120" /></a>
<a class="color-slideshow" href="IMAGE_02 URL" rel="GALLERYTITLE" title="IMAGE_02 CAPTION"><img border="0" height="90" src="IMAGE_02 URL" width="120" /></a>
<a class="color-slideshow" href="IMAGE_03 URL" rel="GALLERYTITLE" title="IMAGE_03 CAPTION"><img border="0" height="90" src="IMAGE_03 URL" width="120" /></a>

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

<!--For Youtube-->
<a class='color-video' 
href="YOUTUBE EMBED CODE URL" title="VIDEO TITLE"><img border='0' 
height='90' width='120' src="YOUTUBE LOGO URL"/></a>

<!--Same for Vimeo-->
<a class='color-video' 
href="VIMEO EMBED CODE URL" title="VIDEO TITLE"><img border='0' 
height='90' width='120' src="VIMEO LOGO URL"/></a>

<!--OR use simple link-->
<a class='color-video' href="YOUTUBE/VIMEO EMBED CODE URL" title="VIDEO TITLE">WATCH THE VIDEO</a>

اضف الان تعليق الى الصور بالــcss3 وبدون اوامر javascript

2011-05-22T14:16:00.000+01:00

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

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

مثال حي :

ضع هنا التعليق
وضف الصورة هنا.

لمستخدمي منصة بلوجر :

اتجه صوب Edit HTML ثم ابحث عن

]]></b:skin>

الان ضف كود css التالي فوق الوسم اعلاه

/* Post images with CSS animated captions */

#post-image {
}

#figure {
position:relative;
float:left;
margin:10px;
overflow:hidden;
padding: 1px;
}

#figure:hover {
-moz-box-shadow:0 0 20px rgba(0,0,0,0.75);
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.75);
box-shadow:0 0 20px rgba(0,0,0,0.75);
}

#figure .caption {
position:absolute;
bottom:0;
left:0;
opacity: 0.75;
margin-bottom:-115px;
-webkit-transition: margin-bottom;
-webkit-transition-duration: 400ms;
-webkit-transition-timing-function: ease-out;
-moz-transition-property: margin-bottom;
-moz-transition-duration: 400ms;
-moz-transition-timing-function: ease-out;
-o-transition-property: margin-bottom;
-o-transition-duration: 400ms;
transition: margin-bottom;
transition-duration: 400ms;
transition-timing-function: ease-out;
}

#figure:hover .caption {
margin-bottom:0px;
}

#post-image .caption {
width:100%;
height:90px;
padding:10px;
background:#111;
color:#fff;
font-family: Arial, Helvetica, sans-serif;
}

#post-image .caption b {
text-shadow: 0px 2px 0px #000;
}
#post-image .caption {
color: #ddd;
line-height: 24px;
font-size: 14px;
text-shadow: 0px 2px 0px #000;
}

الان اتجه الى المحرر وغيره الى وضعية HTML mode

وضع هذا الكود الموالي :

<div id="post-image">
 <div id='figure'>
 <img src="هنا ضع رابط الصورة"/>
 <span class='caption'>
 <b>ضع هنا التعليق</b>
وضف الصورة هنا.
 </span>
 </div>
</div>

لمستخدمي الوردبريس اتجه نحو Appearance > Editor > Stylesheet

انسخ كود css والصقه في ملف style.css

ثم احفظ

تحديثات واصلاحات جديدة لمنصة بلوجر

2011-05-06T16:51:00.000+01:00

بدأنا نشتم نسيم التغيير في منصة بلوجر
من الان فصاعدا اصحبت ميزة Geotagging اي تحديد الموقع الجغرافي متاحة لجميع المدونين العاملين على منصة بلوجر

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

لكي تضيفها مع عليك سوى الضغط على الموقع location المتواجد تحث المحرر مباشرة

ثم تحدد المكان عبر البحث عنه ثم اضغط حفظ :

كما اشرت الميزة تعتمد على خرائط غوغل يمكنك عمل زوم للخريط الخ

لتظهر كتالي :

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

ولمن اراد اضافتها الى قالب غير مدعوم من بلوجر :

ابحث عن السطر التالي :

<div class='post-footer-line post-footer-line-3'>

مباشرة بعد السطراعلاه اضف الكود التالي :

<span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>

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

(اضغط على الصورة حتى تشاهدها بحجمها الاصلي)

قالب infrared معرب

2011-04-18T21:20:00.001+01:00

تحديث : لقد تم تصحيح اخطأء القالب وتم رفع نسخة جديدة مصححة نعتذر عما حصل وشكرا

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

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

اليوم نعرض لزوارنا الكرام تعريبا للقالب المميز انفراريد قالب المتألق بتصميمه الجذاب وتقنايته الرائعة

نبذة عن القالب :

مصمم القالب :

محول ال القالب : Lasantha Bandara

معرب القالب : Soufian elmagribi

المنصة التشغيلية :blogger

تاريخ الاصدار: نونبر 2010

رخصة القالب : Creative Commons Attribution 3.0

لنستعرض اهم مميزات القالب :

عارض الشرائح او ما يعرف بسلايدشو

ازرار المشاركة بالشبكات الاجتماعية

عرض للمقالات بشكل مميز

ترقيم للصفحات

مناطق مميز للإعلانات

والكثير .....

نأتي الان الى كيفية تعديل القالب :

لتعديل الميتا تاغ يرجى البحث عن الكود الموالي :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

لتعديل الفافإيكون

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microso

لتعديل السلايد شو :

<div id='feature-56'>
<div class='inpost'>
<h3>ضع هنا عنوان المقالة</h3>
<p>وضف مختصر لها </p>
</div>
<a href='رابط المقالة'>
<img class='sidim' src='رابط الصورة'/>
</a>
</div>

لتعديل ازارار المشاركة بالاجتماعية :

<div class='feedlist'>
<ul>

<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='RSS' src='http://3.bp.blogspot.com/_4HKUHirY_2U/TOQq67PZVbI/AAAAAAAAHxU/1sJWAn8gdAI/s1600/rss.png' title='subscribe'/></a></li>

<li><a href='http://www.delicious.com/USERNAME'><img alt='Delicious' src='http://1.bp.blogspot.com/_4HKUHirY_2U/TOQqjvJQdyI/AAAAAAAAHwM/LIGis3-iqRU/s1600/delicious.png' title='Delicious'/></a> </li>

<li><a href='http://digg.com/USERNAME'><img alt='Digg' src='http://3.bp.blogspot.com/_4HKUHirY_2U/TOQqjw-dgqI/AAAAAAAAHwU/D874A8QcbfU/s1600/digg.png' title='Digg'/></a></li>

<li><a href='http://www.facebook.com/'><img alt='Facebook' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TOQqugc1j_I/AAAAAAAAHwk/TP70u-iGL3Q/s1600/facebook.png' title='Facebook'/></a></li> 

<li><a href='http://twitter.com/username'><img alt='Twitter' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TOQrHhzHURI/AAAAAAAAHx8/LWmeQlDtu6Q/s1600/twitter.png' title='Twitter'/></a></li> 

<li><a href='Linkedin-Profile-URL'><img alt='Linkedin' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TOQqvfGsu9I/AAAAAAAAHw8/Z0b2Oyg5tqA/s1600/linkedin.png' title='Linkedin'/></a></li>

<li><a href='http://www.youtube.com/user/USERNAME'><img alt='Youtube' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TOQrH_c6CHI/AAAAAAAAHyE/1_DI7KxZRhA/s1600/youtube.png' title='Youtube'/></a></li> 

 
</ul>
</div><br/>

تم بحمد الله

قالب businesslead معرب

2011-04-17T15:08:00.000+01:00

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

لتعديل الميتا تاغ يرجى البحث عن الكود الموالي :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

لتعديل الفافإيكون

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

لتعديل الاضافات المبوبة :

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>الاخيرة</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>التسميات</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>الارشيف</a></li>
</ul>

تم بحمد الله

كيفية اضافة like box بخصائص css

2011-04-16T16:44:00.001+01:00

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

بحول الله سنتطرق الى كبفبة اضافة صندوق like box بخصائص css الى منصة بلوجر

وهذه صورة للاضافة :

اول شيئ نتجه صوب : Design > Edit HTML

ثم نوسع القالب عبر الضغط على زر “Expand Widget Templates"

ثم نبحث عن

]]></b:skin>

ثم نضيف كود css التالي :

.fb_like_box {
margin-top:10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background-color:#3B5999;
border:3px solid #2B2B2B;
margin-bottom:10px;
padding:10px 7px;
width:540px;
}
.fb_like_top {
overflow:visible;
padding:0;margin:0 0 5px;
width:349px;
height:24px;
background:url("http://lh5.ggpht.com/_u4gySN2ZgqE/TJ3dpjy9PaI/AAAAAAAABr0/PTUXIS8ykps/fblogo%5B3%5D.jpg") no-repeat scroll left top transparent;
}
.fb_like_top a {
height:24px;
width:114px;
background:url("http://lh6.ggpht.com/_u4gySN2ZgqE/TJ3do-mtwuI/AAAAAAAABrw/NXxp85pCaD0/beafan%5B3%5D.jpg") no-repeat scroll left top transparent;
display:block;
margin-left:425px;
text-indent:-5000px;
}.fb_like_button_holder {
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background:none repeat scroll 0 0 #FFFFFF;
padding:12px 12px 0 12px;
width:515px;
height:42px;
}

ثم نبحث عن :

<data:post.body/>

ونضيف كود html التالي :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb_like_box'>
<div class='fb_like_top'><a rel='nofollow' href='http://www.facebook.com/pages/3alymni/128605887189860'>Be a Fan</a></div>
<div class='fb_like_button_holder'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px;height:30px;'/>
</div>
</div>
</b:if>

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

تم بحمد الله

قالب snatch معرب

2011-04-10T19:26:00.002+01:00

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

لتعديل الميتا تاغ يرجى البحث عن الكود الموالي :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

لتعديل الفافإيكون

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

لتعديل الاضافات المبوبة :

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>فيديو</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>التسميات</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>الارشيف</a></li>
</ul>

تم بحمد الله

قالب Mimoza معرب

2011-04-08T21:23:00.002+01:00

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

سنقدم اليوم قالب Mimoza الذي يتميز بتصمميه الجذاب والوانه لمتناسقة

نبذة عن القالب :
اسم القالب: Mimoza

منصة القالب : بلوجر

مصمم القالب :
themepix

صورة القالب :

لتعديل السلايد شو يرجى البحث عن السطر التالي :

<!-- Featured Content Slider Started -->

ثم تغيير :

  "This is featured post X title"

بعنوان المقالة
تم بحمد الله

شروط الأستخدام"
1- عدم نزع حقوق التعريب أو التصميم .
2- ذكر المصدر عند نقل مقال القالب
إن كان هناك أي مشاكل بالقوالب فأرجو إرسالها على بريدي الألكتروني

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

قالب blogger newspaper صديق ال seo الان معرب

2011-03-30T13:09:00.005Z

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

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

اليوم انا سعيد لانني سأطرح اجمل القوالب اللاخبارية "من وجهة نظري " ليس قالب عاديا بل من فئة البروميوم

لنستعرض اهم مميزات القالب ونبذة عنه :

اسم القالب : blogger newspaper

مصمم القالب : رجا "spicytricks"

معرب القالب : مدونة علمني

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

القالب صديق لمحركات البحث

القالب يدعم جميع متصفحات الويب

خاصية عرض المقالات في السلايد شو تلقائيا

والعديد من الخصائص المميزة ادعكم لتكتشوفها بانفسكم

صورة للقالب :

الان نصل الى شرح كيفية العمل بالقالب :

اولا يلزمنا محرر انا احب وافضل نوت باد++ "notepad ++"

لتعديل النافبار :

<div id='topnav'>

<div id='catnav'>

لكي تظهر المقالات في السلايد شو ابحث عن :

'Featured'

ويمكنك تعديلها كما تشاء ولكن عند نشرك لمقالة عليك وضع نفس الاسم في التمسية " label "

لعرض الفيديو معرض الصور ابحث عن :

//for Photo Gallery section
Labelname7= &quot;Photo%20Gallery&quot;;

//for Video Gallery section
Labelname8= &quot;Video&quot;;

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

لتعديل باقي اقسام القالب :

LabelTitle1 = &quot;سياسية&quot;;
Labelname1 = &quot;سياسية&quot;;

LabelTitle2 = &quot;اقتصادية&quot;;
Labelname2 = &quot;اقتصادية&quot;;

LabelTitle3 = &quot;اخبار العالم&quot;;
Labelname3 = &quot;اخبار العالم&quot;;

LabelTitle4 = &quot;رياضة&quot;;
Labelname4 = &quot;رياضة&quot;;

LabelTitle5 = &quot;ثقافة&quot;;
Labelname5 = &quot;ثقافة&quot;;

LabelTitle6 = &quot;ثكنولوجي&quot;;
Labelname6 = &quot;ثكنولوجي&quot;;

لتعديل صندوق الاشتراك بالقائمة البريدية

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=هنا ضع اسم الحساب&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> 
<input name='uri' type='hidden' value='مرحبا بك في نشرتنا البريدية'/> <!-- change With your feedburner ID-->
<input name='loc' type='hidden' value='en_US'/>

لتعديل ازرار المشاركة في الشبكات الاجتماعية

<!-- change With your USER IDs-->
 <a href='http://feeds.feedburner.com/WelcometoSpicytricks' title='Subscribe via RSS Feed'>
 <img align='top' alt='Subscribe via RSS Feed' class='rss-sub' src='https://lh5.googleusercontent.com/-dqn9xb7vPeM/TWyE3ONAJiI/AAAAAAAACZI/1nuCtjdcax4/s1600/feedi.png'/></a>

 <a href='http://www.twitter.com/your-id' rel='external' target='_blank' title='Follow Me on Twitter'><img align='top' alt='Follow Me on Twitter' class='twitter-sub' src='https://lh4.googleusercontent.com/-FVDsg0Rj0w8/TWyFBgolmVI/AAAAAAAACZY/yb3FgfBZTbM/s1600/twitterwe.png'/></a>

 <a href='http://www.facebook.com/your-id' rel='external' target='_blank' title='Connect on Facebook'><img align='top' alt='Connect on Facebook' class='facebook-sub' src='https://lh6.googleusercontent.com/-w42JbOtTCzs/TWyE0l-_cQI/AAAAAAAACZE/KzQUHRdpeUI/s1600/facebookvy.png'/></a>

 <a href='http://www.google.com/profiles/your-id' rel='external' target='_blank' title='Connect on Google Buzz'><img align='top' alt='Connect on Google Buzz' class='gbuzz-sub' src='https://lh3.googleusercontent.com/-5egv2mh4oO0/TWyE8OKmCjI/AAAAAAAACZQ/2tU6c-rFEQw/s1600/googlebuzzb.png'/></a>

 <a href='http://www.linkedin.com/in/your-id' rel='external' target='_blank' title='Connect on LinkedIn'><img align='top' alt='Connect on LinkedIn' class='linkedin-sub' src='https://lh3.googleusercontent.com/-VdDgEZsplqI/TWyE_C8-bII/AAAAAAAACZU/46lzBLlqKR0/s1600/linkedine.png'/></a>

 <a href='http://www.flickr.com/your-id/' rel='external' target='_blank' title='Connect on Flickr'><img align='top' alt='Connect on Flickr' class='flickr-sub' src='https://lh3.googleusercontent.com/-N-_VtpKmEZ8/TWyE5Uo9l7I/AAAAAAAACZM/eHREiK_TPsA/s1600/flickrd.png'/></a>

 <a href='http://www.youtube.com/user/your-id' rel='external' target='_blank' title='Connect on YouTube'><img align='top' alt='Connect on YouTube' class='youtube-sub' src='https://lh5.googleusercontent.com/-xv00S6Uza50/TWyFEM6A23I/AAAAAAAACZc/1zZ6rt63yLw/s1600/youtubem.png'/></a>
</div>
 </div>
</div>
</b:includable>
</b:widget>
</b:section>
<!-- subscribe box ends-->

سلايدشو جد مميزة بــ css3

2011-03-27T17:56:00.001Z

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

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

اليوم بحول الله سنقدم حيل من حيل تقنية css3 اللغة القادمة بقوى في مجال تصميم الويب.

كما نعرف لغة css هي اختصار Cascading Style Sheets هي لغة تنسيق لللصفحة تتهتم بشكل وتصميم المواقع، صممت خصيصا لعزل التنسيق(الألوان - الخطوط....) عن محتوى المستند المكتوب(بلغة مثلا html) وينطبق ذلك على الألوان والخطوط والصور والخلفيات التي تستخدم في الصفحات، بمرونة وسهولة تامه.

نعود الان الى موضوعنا

صورة للإضافة :

للمشاهدة الحية :

نأتي الان الى كيفية اضافته سواء لمنصة بلوجر او موقع عادي

نضيف الكود الموالي قبل اغلاق وسم head tag

<!-- http://www.3alymni.info -->
<style> 
  .slide-up-boxes a { 
   display: block; 
   margin: 0 0 20px 0; 
   background: rgba(215, 215, 215, 0.5); 
   border: 1px solid #ccc; 
   height: 85px; 
   overflow: hidden; 
  }
  
  .slide-up-boxes h5 { 
   color: #333; 
   text-align: center;
   height: 65px; 
   font: italic 18px/65px Georgia, Serif;    /* Vertically center text by making line height equal to height */
    opacity: 1;
    -webkit-transition: all 0.2s linear; 
    -moz-transition: all 0.2s linear; 
    -o-transition: all 0.2s linear;
  }
  
  .slide-up-boxes a:hover h5 { 
   margin-top: -65px; 
   opacity: 0; 
  }
  
  .slide-up-boxes div { 
   position: relative; 
   color: white; 
   font: 12px/15px Georgia, Serif;
   height: 65px; 
   padding: 10px; 
   opacity: 0; 
   -webkit-transform: rotate(6deg); 
   -webkit-transition: all 0.4s linear; 
   -moz-transform: rotate(6deg); 
   -moz-transition: all 0.4s linear; 
   -o-transform: rotate(6deg); 
   -o-transition: all 0.4s linear; 
  }
  .slide-up-boxes a:hover div { 
   opacity: 1; 
   -webkit-transform: rotate(0); 
   -moz-transform: rotate(0); 
   -o-transform: rotate(0); 
  }
  .slide-up-boxes a:nth-child(1) div { background: #c73b1b url(http://2.bp.blogspot.com/-p0S-CGPEeqs/TY9pnn3ckxI/AAAAAAAAAc8/Po8m7irwoEg/s1600/wufoo.png) 17px 17px no-repeat; padding-left: 120px; }
  .slide-up-boxes a:nth-child(2) div { background: #367db2 url(http://3.bp.blogspot.com/-6vhL90VYZ9E/TY9pmBQlIAI/AAAAAAAAAc0/-Y4hsm73HpQ/s1600/diw.png) 21px 10px no-repeat; padding-left: 90px; }
  .slide-up-boxes a:nth-child(3) div { background: #393838 url(http://4.bp.blogspot.com/-xgpGhNMiwmQ/TY9pnLzukpI/AAAAAAAAAc4/eh4dLxxsh_Q/s1600/qod.png) 14px 16px no-repeat; padding-left: 133px; }
 </style>
<!-- http://www.3alymni.info -->

ثم نضيف الكود التالي في اي مكان نحدده تصميم الموقع حسب حجياتنا

<!-- http://www.3alymni.info -->
<div id="page-wrap"> 
 
  <section class="slide-up-boxes"> 
 
   <a href="http://********.com"> 
    <h5>هنا العنوان </h5> 
    <div>Wufoo is an online form builder that makes building even the most complex forms so easy, it's fun!</div>    
   </a> 
    
   <a href="http://********.com"> 
    <h5>هنا العنوان</h5> 
    <div>Digging Into WordPress is a book and blog I co-author with Jeff Starr about the world's #1 publishing platform.</div>    
   </a> 
   
   <a href="http://**********.com"> 
    <h5>هنا العنوان</h5> 
    <div>Quotes on Design is a collection of design related quotes. With an API for your integration ideas!</div>    
   </a> 
 
  </section> 
   
 </div>

<!-- http://www.3alymni.info -->

تم بحمد الله

رسميا أداة الاشتراك بالنشرة البريدية من بلوجر

2011-03-26T13:31:00.000Z

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

Follow by Emai اي تابعني عبر الايمبل وهي اداة تمكن المستخدم من التسجيل في القائمة البريدية للمدونتك حتى يصله كل تحديث الى بريده

لتفعيل الأداة توجه الى Design | Page Elements

ثم اضف Add a Gadget ثم Follow by Email

ثم اضغط حفظ

الشكل النهائي

Blogger Buzz: Engage your audience with Follow by Email

قالب Eureka نسائي ومعرب

2011-03-18T16:07:00.005Z

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

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

اهلن بكم اخواني الكرام في تدونتي المتواضعة اليوم سننشر قالب من اجمل القوالب الموجهة للفئة النسائية نبذة عن القالب :

اسم القالب : Eureka

صدر في : 16 مارس 2011

مصمم القالب : New WP Themes

مطور القالب لمنصة بلوجر : Lasantha Bandara

معرب القالب : مدونة علمني

صورة للقالب :

لتعديل السلايد شو يرجى البحث عن السطر التالي :

<!-- Featured Content Slider Started -->

ثم تغيير :

  "This is featured post X title"

بعنوان المقالة

تم بحمد الله

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

Blogger Buzz: جديد منصة بلوجر

2011-03-14T20:20:00.005Z

اعلنت اليوم غوغل في مدونة صدى بلوجر عن جديدها لمنصة التدوين الشهيرة " بلوجر"

المنصة التي تعتبر احد ابرز منافسي وردبريس وتمبلر

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

فيديو عن التحديثات

ادعكم مع الصور

المحرر الحالي

المحرر الجديد

لوحة التحكم الحالية

لوحة التحكم الجديدة

اختراق عرب بلوجر

2011-03-05T14:19:00.001Z

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

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

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

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

لكن الحمد الله ان الاخ اسامة قد استدرك الامر وقد اعلن في الصفحة الرئيسية انه سيتم اصلاح المشكل

صورة الاختراق :

اعلان الاخ اسامة

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

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

اصدار النسخة المرتقبة 3.1 لمنصة وردبريس

2011-02-24T19:53:00.001Z

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

اجعل من مدونتك صديقة لمحركات البحث عبر Meta Tag

2011-02-18T15:06:00.001Z

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

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

اليوم وبحول الله سنتحدث عن السيو SEO = Search Engine Optimization ودوره في جلب الزوار انطلاق من محركات البحث الى مدونتك او موقعك كثيرا من مستخدمي الانترنت اصبحو يعتمدون بشكل كبير وان لنقل بشكل كامل على محركات البحث لكي يصلو الى المعلومة التي يبحثون عنها وهم ليسو بالمئات او الالف بل بالملايين فتصور معي ان جعلت من مدونتك تستقطب جزء من هؤلاء المتصفحين الى موقعك عن طريق السيو فقوة هذا الاخير لا تتصور فقط تحتاج الى كيفية و حسن الاستعماله

اذا كيف يمكنني ان اجعل من مدونتي او موقعي صديقا لمحركات البحث ؟

كيف استقطب محركات البحث لمدونتي ؟

احد الطرق في تقنيات السيو وهي استعمال اكود الميتا تاغ Meta Tag والتي سنستعرض 7 منها اليوم :

ازالة اسم المدونة من عنوان المقالة في محركات البحث

اولا نتجه الى قالب المدونة blogger dashboard »» Design »» Edit HTML

نبحث عن :

<title><data:blog.pageTitle/></title>

ثم نستبدله بـ

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

الكود يهدف الى ازالة عنوان المدونة من نتائج البحث في محركات البحث لتكوين صداقة بين الموقع والمحرك

ثانيا : ميتاتاغ المخصصة للكلمات الدلالية keyword

<meta content='هنا ضع الكلمات الدلالية التي تخص مجال موقعك' name='keywords'/>

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

ثالثا اضافة ميتا الوصف او Meta Description

<meta content='صف مدونتك ' name='description'/>

هدفه هو اظهار وصف لمدونتك على نتائج محركات البحث

رابعا ميتا العناكب او Meta Robots

<meta content='NOODP' name='ROBOTS'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

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

خامسا من المهم عندما تكون لديك مدونة هو اضافة خريطة لمدونتك الى محركات البحث مثل : google webmasters, Yahoo Site Explorer, او MSN/Bing

ويستحسن اضافة ميتا التفعيل او Meta Tag Validation والتي تطلب منك محركات البحث من تاكيد ملكية الموقع الخ

سادسا Meta Tag Revisit-After

<meta name="revisit-after" content="7 Days" />

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

سابعا وصف المحتوى Meta Tag Distribution

<meta content='global' name='distribution'/>

هذا الميتا يحدد تصنيف محتوى موقعك على محركات البحث العاليمة ويويجد ثلاث تصانيف هي :

Global = موقعك مخصص لأي شخص

Local = موقعك مخصص لملفاتك الخاصة

IU= ليس مخصص للعامة

ويمكنك تغيير تنصيف محتوى موقع عبر تغير ما بلون الاحمر

اخير اليكم كود الميتا كامل :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
<meta content='blogging tips and news, blogger trick, tips, template, blogger template, adsense, computer software, blogger tutorial, lifestyle, gadget' name='keywords'/>
<meta content='place to share a clearly trick and tips all of about blogger' name='description'/>
<meta content='Google_Verification_Code' name='verify-v1'/>
<meta content='MSN Validation Code' name='msvalidate.01'/>
<META content='Yahoo Validation Code' name='y_key'/>
<meta content='global' name='distribution'/>
<meta name="revisit-after" content="7 Days" />
<meta content='NOODP' name='ROBOTS'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
</b:if>

اضفه بعد الوسوم التالي

<head>

ثم احفظ القالب

تم بحمد الله

القالب لاخباري الشهير Simplex Transcript معرب

2011-02-09T16:33:00.002Z

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

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

كنت في وقت سابق قد اعلنت في منتدى عرب بلوجر عن اطلاق النسخة المعربة من القالب لاخباري الشهير Simplex Transcript
لكن النسخة المطورة التي وعدتكم بها سيتم تاخير اصدارها لاسباب متعددة

نبذة عن القالب :

مصمم القالب : Gabfire Themes

محول القالب الى منصة بلوجر : SimplexDesign

معرب القالب : مدونة علمني

صورة للقالب :

اما الان نصل الى كيفية تركيب القالب :

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

notepad++

لتعديل العنوان ورابطه
نبحث عن الكود التالي :

<a title="" href="http://crazy-arabia.blogspot.com">
               مجلة نيشان      <span>المجلة الالكترونية الجديدة</span>
</a>

لتعديل الناف بار ابحث عن :

<div id='navcats'>

             <ul>

                 <li>

                     <a href="http://simplextranscript.blogspot.com">Home</a>

                 </li>

                 <li>

                     <a href="/search/label/world">World News</a>

                     <ul class="children">

                         <li><a href="#">Category</a></li>

                         <li><a href="#">Category</a></li>

                         <li><a href="#">Category</a></li>

                     </ul>

                 </li>

                 <li><a href="/search/label/sports">Sports</a></li>

                 <li><a href="/search/label/finance">Finance</a>

                     <ul class="children">

                         <li><a href="#">Category</a></li>

                         <li><a href="#">Category</a></li>

                         <li><a href="#">Category</a></li>

                     </ul>

                 </li>  

                 <li><a href="/search/label/entertainment">Entertainment</a>

                      <ul class="children">

                         <li><a href="#">Category</a></li>

                         <li><a href="#">Category</a></li>

                         <li><a href="#">Category</a></li>

                     </ul>

                 </li>

                 <li><a href="/search/label/business">Business</a></li>                     

             </ul>         

         </div>

لتعديل قائمة المشاركة الاجتماعية :

<li class="">

                     <a class="gab_connect" href="#" title="">Stay Connected</a>

                        <ul>

                         <li class="">

                             <a title="" 
rel="nofollow" href="/feeds/posts/default/" class="gab_rss">Latest 
Posts in RSS</a>

                         </li>

                         <li><a 
title="" rel="nofollow" href="/feeds/comments/default/" 
class="gab_rss">Latest Comments in RSS</a></li>

                         <li><a title="" rel="nofollow" href="" class="gab_email">Subscribe by e-mail</a></li>            

                         <li><a 
title="" rel="nofollow" href="your twitter" 
class="gab_twitter">Follow us on Twitter</a></li>        

                         <li><a title="" rel="nofollow" href="your facebook" class="gab_facebook">Connect on Facebook</a></li>

                     </ul>

                    </li>

ناتي الان الى كيفية اظهار المقالات في صفحة اولى :

علينا تحديد 11 تنصيف للمدونة ثم نعدل على :

label1 = "تكنوميديا";
Title1 = "تكنوميديا";

label2 = "سياسة";
Title2 = "سياسة";

label3 = "غرائب وعجائب";
Title3 = "غرائب وعجائب";

label4 = "فتوغرافيا";
Title4 = "فتوغرافيا";

label5 = "الرياضات المكانيكية";
Title5 = "الرياضات المكانيكية";

label6 = "كرة القدم";
Title6 = "كرة القدم";

label7 = "كرة السلة";
Title7 = "كرة السلة";

label8 = "الفورميلاوان";
Title8 = "الفورميلاوان";

label9 = "احدات العالم";
Title9 = "احدات العالم";

label10 = "فن وثقافة";
Title10 = "فن وثقافة";

label11 = "اقتصاد واعمال";
Title11 = "اقتصاد واعمال";

label12 = "فن وثقافة";
Title12 = "فن وثقافة";

اذا ادرت اظهار المقالات على السلايد شو ما عليك سوى تكرار نفس اسم احد التصنيف في label12

رسميا تطبيق بلوجر على نظام الاندرويد

2011-02-05T13:00:00.000Z

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

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

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

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

صور للتطبيق :

التطبيق متوافر لدة متجر تطبيقات الاندرويد ولاحقا غوغل قد توفر نسخة من التطبيق للانظمة الاخرى علما انه يوجد تطبيق رسمي لهواتف الايفون

المصدر

الان احمي حسابك في ادسنس

2011-01-31T14:22:00.000Z

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

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

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

تكرار الضغط على الاعلانات
انشاء صفحات تقوم تلقائيا على الاعلانات
سرقة Publisher ID ثم استخدامه لانشاء كود اعلاني ووضع في موقع مخالف لسياسة ادسنس
محاولة اخراق الحساب

الى اخره من الطرق التي تعرض حساب المتسخدم الى الخطر .

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

الان لنتعرف على بعض المؤشرات التي تدل على ان حسابنا مستهدف

زيادة عدد الضغطات بشكل غير اعتيادي
ارتفاع نسبة CTR ما فوق 10 في مئة
انخفاش نسبة الظهور وارتفاع عدد النقرات

ولكن كيف نحمي حسابتنا من هؤلاء ضعاف النفوس ؟

سؤال وجيه توجد طريقة حماية Publisher ID من سرقة او انشاء كود اعلاني في صفحات مشبوهة وهي كتالي :

نتوجه الى الحساب :

1 - من لوحة تحكم أدسنس الرئيسية أدخل على التبويب Adsense setup /Allowed sites.
2 - اختر الخيار الثانى المسمى Only allow certain sites to show ads for my account.
3 - فى مربع النصوص الموجود , قم بكتابة أسماء المواقع الخاصة بك بحيث تكتب فى كل سطر موقعاً واحداً , مع عدم كتابة http://www
4 - اضغط Save.

تنويه كلما تنشا موقع جديد وتضع به شيفرة اعلان جديدة عليك اضافته الى القائمة.

غوغل تلقائيا ستعلمك برسالة اذا قام احدهم بوضع شيفرة الاعلان في مواقع لا تملكها وهذا مثال عن الرسالة التحذيرية :

المصادر :

https://www.google.com/adsense/support/bin/topic.py?topic=8426

https://www.google.com/adsense/support/bin/answer.py?answer=23921

تصميم جديد لمنصة تمبلر على الايفون والاندرويد

2011-01-28T17:32:00.000Z

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

التصميم الجديد سهل واسرع من السابق

تمبلر موقع تدوين مصغر يتيح للمستخدم الحصول على مدونه خاصه به تماماً كمواقع التدوين الأخرى مثل بلوقر وورد بريس.

صور التصميم الجديد

المصدر : mashable

احفظ حقوق مقالتك على طريقة المواقع الشهيرة

2011-01-25T15:18:00.001Z

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

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

فعوض التفكير والابداع وجعل العقل ينتج يكتفون فقط بسرقة فهم لا يعلمون حتى بــ"حقوق الملكية الفكرية" سواء كانو اصحاب مدونات او حتى اصحاب منتديات مشهورة لا يهمهم مصدر المقالة بل يهمهم ربحهم المادي النقل هي ظاهرة خطيرة تنخر المجتمع الالكتورني العربي

فهي تقف حائطا عاتيا اما الابداع وسببا في تخلف المحتوى العربي.

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

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

مثال : شخص اتى وأراد ان ينقل محتوى مدونة x تلقائيا عند لصقه للمقال سيلصق مع النص الرابط الاصلي للمقالة

وهذه الخدمة تعتبر كسد مانع امام كل سارق.

ناتني الى الى شرح كيفية استخدام الخدمة :

اول شي ندخل الى الرابط التالي :

https://id.tynt.com/account/sign_up

نتسجل في الموقع

ثم بعد التسجيل وتفعيلك للحساب

مباشرة سنعمل على تحديد ما يناسبنا في البيانات التالية

مباشرة بعد تحديدك لما يناسبك اضغط على زر get your code

الان سواء كان موقعك بمنصة بلوجر او وردبريس كل ماعليك فعله هو البحث في ملف القالب عن :

<HEAD>

او عن

<BODY>

ثم نسخ كود الموقع والصاقه بعد السطر اعلاه

نتيجة الخدمة هي :

عند محاول نسخ محتوى ولصقه :

يظهر مصدر المقالة

هكذا اكون قد انتهيت من شرح تحياتي

قالب Games Hero المعرب

2011-01-23T18:25:00.002Z

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

بعد غياب لسبب فترة الامتحانات هأنا اعود من جديد بعد انتهائها واعود لكم بقالب معرب

اسم القالب : Games Hero

مصم القالب لمنصة بلوجر : Lasantha Bandara

معرب القالب مدونة علمني

صورة للقالب :

تم بحمد الله

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

العالم العربي ومجال الاعلام الجديد

2011-01-13T19:47:00.001Z

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

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

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

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

اليوم وفي هذا الصدد اردت ان اتحدث عن مسابقة اعتبرها من انجح مسابقات المخصصة للمدونين وهي مسابقة : مغرب بلوغ اواردس

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

الموقع الرسمي للمسابقة

http://www.marocblogawards.com

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

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

وهذا ما عتبره مميز للجائرة مغرب بلوغ اواردس وهو اشتمالها على منصات عديدة والتي اصحب جزء لا يتجزء من عالم الانترنت الجديد.

حاليا المسابقة تدعهما رسميا كل من شركة اتصالات المغرب وشركة نوكيا للهواتف المحمولة وايضا هي مقامة حاليا فقط والكل ينتظر نتائج هاته السنة يوم 29 يناير 2011

قالب Fives المميز الان معرب

2011-01-12T14:51:00.001Z

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

كنت قد انتهيت منذ مدة من تعريب قالب Fives المصمم لمنصة وردبريس قالب جد مميز الوانه متانسقة والهاكات المضافة اليه تزيده رونقا

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

اما الان نعود الى قالبنا :

محول القالب : Lasantha Bandara
مصمم القالب : fthemes

معرب القالب : 3alymni.info

صمم القالب بتاريخ : يناير 2011

القالب برخصة : Creative Commons Attribution 3.0

صورة للقالب :

الهكات لمضافة الى القالب :

هاك الاضافات المبوبة :

هاك السلايد شو

هاك اقرا المزيد :

الان نصل الى شرح كيفية تعديل القالب :

لتعديل الميتا تاغ :

<meta content='وصف المدونة هنا' name='description'/>
<meta content='الكلمات الدلالية' name='keywords'/>

لتعديل لفايفإكون:

<link href='رابط الايقونة' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

لتعديل السلايد شو :

<!-- Featured Content Slider Started -->

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

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>فيديو</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>التسميات</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>الارشيف</a></li>
</ul>

غير ما اشير له بلون الاحمر بما تريد

تنويه قبل استعمال القالب يرجى تغيير الاعدادات التالية :
تغيير اللغة من : settings / formatting / language الى اللغة العربية

تم بحمد الله

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

قالب Diadema المعرب

2011-01-02T14:27:00.003Z

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

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

بعد قليل انتهيت من تعريب قالب diadema المميز بتصميمه الرائع والهكات المضاف اليه نذكر منها :

سلايد شو
هاك اقرأ المزيد
هاك ترقيم الصفحات

صورة للقالب :

ناتي الان الى شرح كيفية التعديل في القالب :
لتعديل الميتا تاغ :

<meta content='ضع هنا وصف لمدونتك' name='description'/>
<meta content='هنا ضع الكلمات الدلالية' name='keywords'/>

لتعديل الفايفإكون

<link href='هنا رابط الصورة' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

لتعديل السلايد شو

<!-- Featured Content Slider Started -->

لتعديل اللوغو نتجه الى "Page Elements" ثم في منقطة الهيدر نضغط Edit
على ان يكون حجم اللوغو : 302px العرض و 82px الطول.

"شروط الأستخدام"
1- عدم نزع حقوق التعريب أو التصميم .
2- ذكر المصدر عند نقل مقال القالب
إن كان هناك أي مشاكل بالقوالب فأرجو إرسالها على بريدي الألكتروني

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

تم بحمد الله

قالب Thunderbolt المعرب

2011-01-01T18:55:00.002Z

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

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

اليوم انتهيت من تعريب قالب طلبه احد الاخوة صراحة القالب من القوالب المميزة فقد تم تحويله من قالب مصمم للوردبريس الى منصة بلوجر مميزاته عديدة وتصميمه جد جداب والان لنتعرف على القالب :

اسم القالب thunderbolt

مصمم القالب : web2feel

محول القالب : Lasantha Bandara

معرب القالب : مدونة علمني

صورة للقالب :

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

تم بحمد الله

قالب News Media المعرب

2010-12-31T19:18:00.001Z

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

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

تم بحمد الله الانتهاء من تعريب قالب نيوز ميديا الاخباري نبذة عنه :

مصم القالب : fthemes

معرب القالب : مدونة علمني

صورة للقالب :

نأتي الان الى كيفية تعديل القالب :

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

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

لتعديل السلايد شو نبحث عن :

<!-- Featured Content Slider Started -->.

بحيث سنغير :

"This is featured post X title"

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

و نغير :

SLIDER-X-URL-HERE

برايط المقالة

ولتعديل الللوغو نتجه الى "Page Elements" ونعدل على منطقة الهيدر برفع صورة اللوغو بحجم :

عرض : 274px

الطول :57px

لتعديل النافبار :

<div id='pagemenucontainer'>

وايضا :

<div id='navcontainer'>

تم بحمد الله

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

تم بحمد الله

كيفية اضافة Share Buttons عائمة الى مدونتك

2010-12-29T15:53:00.001Z

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

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

صورة للاضافة :

للمشاهدة الحية :

ناتي الان للشرح :

اولا علينا ان نحمل نسخة احتياطية تفادي الى خطئ قد يقع ويسبب بعض المشاكل

ثم نوسع القالب ونبحث عن:

]]></b:skin>

قبلها مباشره نلصق الكود الموالي :

#sharebox {background-color:#FFFFFF;border-color:#C1CDCD;border-style:solid;border-width:1px;left:103px;bottom:40px;margin-top:10px;position:fixed;width:64px;}#sharebox .float {margin:7px}.FBConnectButton_Text{font-size: 8px;padding:2px 4px 3px !important;}

ثم نبحث عن السطر الثالي :

<div class='post-header-line-1'/>

قبله نضيف الكود التالي :

<b:if cond='data:blog.pageType == "item"'><div id='sharebox'><div class='float'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div><div class='float'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div><div class='float'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/><script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div><div class='float'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div></div></b:if>

ثم نضغط حفظ للقالب :

Save Template

قالب الاحترافي Andromeda معرب من مدونة علمني

2010-12-28T19:31:00.001Z

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

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

اهلن باحبتي في الله اليوم سوف اضع قالب معربا من اكثر القوالب تميزا واثارة لنتعرف نبذة عنه

اسم القالب : Andromeda

مصمم القالب : New WP Themes

معرب القالب : مدونة علمني

صورة للقالب :

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

تم بحمد الله

قائمة بأفضل 10 Slideshow مخصصة لــ wordpress

2010-12-23T20:27:00.004Z

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

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

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

اليوم سوف اطرح عدد من عرضات الشرائح والتي قد اعتبرها الافضل والانسب للوردبريس.

اليكم قائمة بـأفضل 10 عارض الشرائح "slideshow " مخصص لمنصة وردبريس:

Media Library Gallery

تم حذف الصورة

Google AJAX Feed Slide Show Widget

Fancy Box For Wordpress

WordPress Content Slideshow

Flickr Photo Album

Cincopa WordPress Plugin

NextGEN-ImageFlow

DM Albums

قالب karizma المعرب من مدونة علمني

2010-12-18T14:04:00.001Z

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

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

مصمم القالب : New WP Themes

محول القالب : Lasantha

معرب القالب : مدونة علمني

صورة للقالب :

نأتي الان الى كيفية تعديل القالب :

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

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

لتعديل السلايد شو نبحث عن :

<!-- Featured Content Slider Started -->.

بحيث سنغير :

"This is featured post X title"

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

و نغير :

SLIDER-X-URL-HERE

برايط المقالة

ولتعديل الللوغو نتجه الى "Page Elements" ونعدل على منطقة الهيدر برفع صورة اللوغو بحجم :

عرض : 274px

الطول :57px

لتعديل النافبار :

<div id='pagemenucontainer'>

وايضا :

<div id='navcontainer'>

تم بحمد الله

اختصر روابط مقالات مدونتك بشكل تلقائي

2010-12-15T16:31:00.001Z

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

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

اهلن بكم احبتي في الله في تدوينة جديدة وافادة جديدة اليوم سوف اشرح كيفية اضافة هاك ولا اروع الى منصة بلوجر

الهاك مهمته هو توليد رابط مختصر لأي تدوينة بشكل تلقائي عبر خدمة بيتلي

صورة لذلك :

وايضا يمكنك مشاهدة مثال حي :

الان ناتي الى شرح كيفية اضافة الهاك :

اولا نحمل نسخة احتياطية للقالب ثم نتجه نحو design ثم Edit html

الخطوة الاولى ثم نوسع القالب ونبحث عن السطر التالي :

</head>

قبلها مباشرة نلصق الكود الموالي :

<script type="text/javascript" charset="utf-8" src="http://bit.ly/javascript-api.js?version=latest&amp;login=YOURUSERNAME&amp;apiKey=YOURAPIKEY"></script>

<script type="text/javascript" charset="utf-8">

BitlyClient.addPageLoadEvent(function(){

BitlyCB.myShortenCallback = function(data) {

// this is how to get a result of shortening a single url

var result;

for (var r in data.results) {

result = data.results[r];

result['longUrl'] = r;

break;

}

document.getElementById("shorturl").innerHTML = "Share this link: &lt;input type='text' value='" + result['shortUrl'] + "' name='bitlyurl'/&gt;";

}

BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback');

});

</script>

هنا عليك استبدال

YOURUSERNAME

باسم حاسبك في موقع بيتلي

وايضا عليك تعديل

YOURAPIKEY

بالــAPI KEY الخاص بحسابك في بيتلي

الان الخطوة الثانية مرحلة اضافة اكواد CSS

سنبحث عن :

]]></b:skin>

قبلها مباشرة نضيف :

form#shorturl {

color:#666;

font-size:11px

}#shorturl input {
color:#999;
border:1px inset #CDCDCD;
padding:1px 5px;
}

الان ناتي الى الخطوة الثالثة :

نبحث عن السطر التالي :

<div class='post-footer-line post-footer-line-3'>

الان ومباشرة تحت السطر اعلاه نضيف

<b:if cond='data:blog.pageType == "item"'><form id='shorturl'/></b:if>

ثم نضغط :

Save Template

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

اولا سجل دخولك الى حسابك في بيتلي

ثم نتجه الى الاعدادات

ثم

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

انتهى بحمد الله

قالب mobigadget المعرب من مدونة علمني

2010-12-12T14:01:00.008Z

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

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

اليوم سوف اطرح قالب mobigadget تم تعريبه مساء امس

نبذة عن القالب :

اسم القالب : mobigadget

مصمم القالب : New WP Themes

تعريب القالب : مدونة علمني

صورة للقالب :

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

سلايد شو مدمج :

هاك ترقيم الصفحات :

هاك اقرأ المزيد :

الان نأتي الى شرح كيفية تعديل القالب :

لتعديل النافبار :

نبحث عن السطر التالي :

<div id='pagemenucontainer'>

وايضا

<div id='navcontainer'>

لتعديل الميتا تاغ :

<meta content='وصف المدونة هنا' name='description'/>
<meta content='الكلمات الدلالية' name='keywords'/>

لتعديل لفايفإكون:

<link href='رابط الايقونة' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

لتعديل السلايد شو :

<!-- Featured Content Slider Started -->

تنويه قبل استعمال القالب يرجى تغيير الاعدادات التالية :
تغيير اللغة من : settings / formatting / language الى اللغة العربية

تم بحمد الله

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

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

2010-12-10T16:17:00.000Z

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

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

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

نلاحظ المثال

قبل :

بعد :

الان ناتي الى الشرح

اولا نتجه الى : Design / Edit html ثم نوسع القالب ونبحث عن السطر التالي :

<data:postCommentMsg/>

ونستبدله بهذا السطر :

<img alt='Comment here' border='0' 
src='http://3.bp.blogspot.com/_YLggT3Wxej4/Sxgl0R__FNI/AAAAAAAAACQ/YIX-w09IgqE/s320/comments_new.jpeg'/>

تم بحمد الله

قالب Jocasta معرب

2010-12-10T15:20:00.003Z

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

السلام عليكم ورحمة الله وبركاته تلبية لطلب احد الاخوة تم تعريب قالب Jocasta

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

هاك اقرا المزيد مدمج - سلايد شو مدمج - سايدبار واحدة

اربع اعمدة بمنطقة الفوتر

معلومات عن القالب :

الاسم : Jocasta

مصمم القالب : Web2Feel

صورة للفالب :

الان نأتي الى مرحلة كيفية تعديل القالب :

نبدا بالسلايد شو

لتعديل نبحث عن السطر التالي :

<div id='slidecover'>

لتعديل صورة البروفايل:

نبحث عن السطر التالي

<div class="myavatar">

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

تم بحمد الله

اضافة هاك "معلومات الكاتب" الى بلوجر كما في الوردبريس

2010-12-07T19:57:00.004Z

كيفية بسم الله الرحمان الرحيم

السلام عليكم ورحمة الله وبركاته اهلن باحبتي في ثاني تدوينة لهذا اليوم بحول الله سنستعرض درس عن كيفية اضافة "معلومات الكاتب" تحت المقال هكذا :

لنبدا على بركة الله

اولا سنضيف أكواد css الى القالب عبر البحث هن السطر التالي :

]]></b:skin>

ثم نضيف قبلها :

.author_info {
 float: left;
 width: 573px;
 padding: 10px;
 border: 1px solid #ccc;
 margin-bottom: 15px;
 margin-top: 15px;
 background: #eee;
}
.author_info h3 {
 margin-bottom: 10px;
}
.author_photo {
 float: right;
 margin: 0 0 0 10px;
}
.author_photo img {
 border: 1px solid #666;
}
]]></b:skin>

ثم نبحث مباشرة عن السطر التالي:

<div class='post-footer-line post-footer-line-1'>

ونضيف بعد هكذا الكود :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' src='ضع هنا رابط صورتك الشخصية'/></div>
                    <h3>المقال كتب بواسطة:</h3>                 

                                        <p><a href='http://رابط مدونتك' title='المقالة كتبت بواسطة'>ضع اسمك هنا</a> - كتبت 10 مقالات <a href='http://رابط مدونتك/'>اسم مدونتك</a>.</p>

                    <p>ضع هنا سيرتك الذاتية <a href='http://twitter.com/حاسابك في تويتر'>Twitter</a> or <a href='mailto:اميلك@gmail.com'>email him</a><br style='clear:both;'/></p>
                   </div>

</b:if>

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

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

القالب community المعرب

2010-12-07T19:11:00.003Z

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

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

اليوم راح اطرح قالب معرب القالب هو نفس القالب المستعمل في مدونة الاخ ابو اياد والان لنستعرض بعض معلومات القالب :

مصمم القالب : bietemplates

القالب صمم : في سنة 2009

تعريب القالب : مدونة علمني

صورة للقالب :

تنويه قبل استعمال القالب يرجى تغيير الاعدادات التالية :
تغيير اللغة من : settings / formatting / language الى اللغة العربية

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

تم بحمد الله

قالب بنوتي معرب من مدونة علمني

2010-12-03T15:23:00.004Z

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

السلام عليكم ورحمة الله وبركاته اهلن بكم اخواني اخواتي الكرام عدت اليوم الى التدوين بعد عياب لمدة قصيرة كان سببها انقطاع خط الانترنت.

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

اسم القالب : happy day

مصمم القالب : Ipietoon

معرب القالب : مدونة علمني

القالب : مخصص للفتيات

صورة لللقالب :

القالب بدون هاك "اقرأ المزيد"

تم اضافة هاك " اقرا المزيد التلقائية "
تم تغيير الخط الى خط tahoma

تنويه قبل استعمال القالب يرجى تغيير الاعدادات التالية :
تغيير اللغة من : settings / formatting / language الى اللغة العربية

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

تم بحمد الله

ادوات جديدة من مدونة علمني

2010-11-26T17:24:00.003Z

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

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

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

اولا تعريف باداة الاعلانات :

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

شرح الاداة اولا نتجه الى الرابط التالي :

http://www.3alymni.info/p/convert-ad.html

ثم ننسخ سيفرة الاعلان وننلصقها هكذا :

ثم اضغط على convert ad code

بعد ذلك ننسخ الكود ونتوجه الى design ثم Edit html ثم نضع الكود في اي مكان نريد من القالب

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

اولا نتجه نحو

http://www.3alymni.info/p/you-tube-embed-code-tool.html

ثم :

تم بحمد الله نتمنى ان تنال رضاكم تحياتي

العرب وبرنامج غوغل ادسنس

2010-11-25T20:31:00.002Z

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

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

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

تعريف برنامج غوغل ادسنس

هو برنامج اعلاني اسسته شركة صغيرة اسمها اوريجو وكان اسم البرنامج في الاول هو wordnet بعد ذلك استحوذت الشركة العملاقة والرائدة في حلول الويب غوغل سنة 2003 وغيرت اسمه بعد ذلك وهو برنامج يسمح لأصحاب المواقع بوضع اعلانات على مواقعهم عن طريقه والاعلانات تختلف شكلا، اما تكون اعلانات مكتوبه Text Advertisements أو اعلانات مصوره Image Advertisements أو اعلانات فيديو Video Advertisement وهذه الاعلانات تخدم معلنين قد تعاقدوا مع جوجل مسبقا. بحيث يعرض جوجل اعلانات هؤلاء المعلنين مقابل مادي يقتسمه جوجل مع اصحاب المواقع التي تظهر فيها الاعلانات. يتم الدفع للاعلانات اما باحتساب عدد الضغطات التي قام بها الزوار Per-Click أو باحتساب عدد المرات التي ظهر فيها الاعلان علي الموقع المعلن Per-impression.

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

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

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

وفي برنامج غوغل ادسنس نجد ان العرب ايضا محدودي التفكير ولا يحاولن الوصول الى مبتاغهم بطريقة صحيحة بل بطريقة سريعة غير شرعية ويحاولن قدر الامكان الربح السريع والكثير من مواقعهم والكل يريد ربح 3000 دولار في شهر وكل يريد الف الضغطات على اعلانات التي في مواقهم دون يدركوا ان عليهم العمل بجهد حتى يصلو الى مبتغاهم

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

المستخدم العربي للبرنامج لديه افكار خطيرة عن البرنامج منها انه يمكنه ربح الاف الدولارات غير ان الربح من البرنامج يتطلب معادلة مهمة جدا وهي : زوار كثيرون + محنوى حصري = الربح

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

نأتي الان الى كيفية عمل البرنامج :

انواع الادسنس

ادسنس للفيدز
ادسنس للبحث
ادسنس للجوال
ادسنس للدومين
ادسنس للفيديو

كيفية عمل الادسنس

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

سعر الضغطات الاعلانيه

لم يتحدث جوجل باي شكل رسمي أو غير رسمي عن سعر الضغطه علي الاعلانات في المواقع المختلفه، ويعتبر جوجل اسعار الضغط من "اسراره التي لا يعتقد انه قد يبوح عنها في يوم ما" وهذا اضاف قدر من القلق لدي بعض المعلنيين. لكن ذكر بعض المدونين المشاهير مثل دارين روز Darren Rowse ان جوجل يقتسم الارباح مع اصحاب المواقع بنسمه 6:4 لصالح صاحب الموقع الالكتروني، وان هذا "لا يرتبط اطلاقا بنوع الاعلانات".

القالب Aristo المعرب

2010-11-20T12:25:00.004Z

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

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

كما عودناكم في تقديم افضل القوالب والتي نحتارها بعناية تامة للتناسب مع اذواقكم وتتلائم مع سيرورة التطور نقدم لكم اليوم قالب مميز ورائع ذو تصميم احترافي وبتنقية web2.0.

نبذة تعريفية عن القالب :

القالب متكون من : سايد بار واحدة - عمودين

مقتبس من قالب وردبريس

قالب بروميوم

مصمم القالب Web2feel

محول القالب الى منصة بلوجر Lasantha Bandara

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

اضافة اقرأ المزيد
وهاك ترقيم الصفحات

صورة للقالب:

(اضغط على الصورة لتظهر بحجمها الاصلي )

نأتي الان الى شرح كيفية تعديل القالب :

اولا يفضل استعمال محرر لكي تتم عملية التعديل بشكل سلس ودون مشاكل وينصح استعمال برنامج notepad++

تنويه قبل استعمال القالب يرجى تغيير الاعدادات التالية :
تغيير اللغة من : settings / formatting / language الى اللغة العربية

لتعديل الميتا تاغ نبحث عن

<meta content='DESCRIPTION HERE' name='description'/>

<meta content='KEYWORDS HERE' name='keywords'/>

لتعديل الفايفإكون :

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

لتعديل النافبار العلوية نبحث عن :

<div id='catmenucontainer'>

لتعديل النافبار السفلية نبحث عن

<div id='foxmenucontainer'>

لتعديل النافبار في الفوتر نبحث عن :

<div id='footmenu'>

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

تم بحمد الله

قالب Abtely المعرب

2010-11-18T13:25:00.003Z

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

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

اخواني الكرام منذ ساعة تقريبا انتهيت من تعريب قالب Abtely المميز

صورة للقالب :

(اضغط على الصورة لتظهر بحجمها الاصلي)

ناتي الان لشرح لكيفية التحكم بالقالب

اولا شي قبل ان نركب القالب يجب تغيير اعددات اللغة :

اتجه الى الاعدادات "settings" ثم " formatting" ثم تغيير اللغة الى " العربية "

ثانيا بعد الخطوة الاولى نركب القالب

الان لتغيير favicon نتجه الى dashboard--> layout- -> Edit HTML

ونبحث عن :

<link href='ضع هنا رابط الايقونة' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

ولتعديل الناف بار نبحث عن

<div class='menu'>

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

تم بحمد الله

عيد مبارك سعيد على جميع الامة الاسلامية

2010-11-15T14:10:00.002Z

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

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

اخواني الكرام بحلول عيد الأضحى المبارك لعام 1431هـ - 2010 وـكل عام و أنتم بخير و اعاده الله علينا و عليكم و على جموع الأمة الأسلامية بالخير والبركة

وندعو الله ان يسود السلام في عالمنا الاسلامي ويزيح عنا ظلم العالم الغربي ويجمع اخوتنا في صف واحد دون فراق

دعاء عيد الاضحة المبارك

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

القالب الاحترافي Thrilling المعرب من مدونة علمني

2010-11-11T12:54:00.011Z

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

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

في اطار سعينا نحن ومدونة مواقعنا المفضلة الى تقديم الافضل ودعم المدون العربي وتقديم له كافة التسهيلات من اجل ان يرقى بإبداعه وتقديم الافضل الى المحتوى العربي على الانترنت اليوم نقدم الى زورانا اللاحباء قالب احترافي بتعريب كامل "والكمال لله"

اولا لناخذ نبذة تعريفية عن القالب :

القالب برخصة GPL ويمنع استعماله تجاريا
القالب مقتبس من قالب للوردبريس
القالب ذو تصميم احترافي وانيق
مصمم القالب : Thrilling
محول القالب الى منصة بلوجر Bloganol
معرب القالب مدونة علمني بدعم مواقعنا المفضلة

صورى للقالب قبل التعريب :

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

يمكنك تعديل الهدير ولوغو كما تشاء
اضافة Tabbedمدمجة
اضافة الاشتراك في الخلاصات عبر البريد مدمجة كذلك
اعلانات بحجم 125/125 و300/250
اضافة اخر المقالات
ايقونات المشاركة في الشبكات الاجتماعية
وcss وjavascript مضغوطة
القالب مجاني وليس تجاري

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

اولا نافبار العلوية :

نبحث عن هاته الاسطر :

    <ul class='nav1'>
      <li><a expr:href='data:blog.homepageurl'>الرئيسية</a></li>
      <li><a href='http://www.3alymni.info/' title='Blog Archives'>ارشيف المدونة</a></li>
      <li><a href='http://www.3alymni.info/' title='Support'>الدعم الفني</a></li>
      <li><a href='http://www.3alymni.info/' title='Sitemap'>خريطة المدونة</a></li>
      <li><a href='http://www.3alymni.info/' title='About Us'>من نحن</a></li>
      <li><a href='http://www.3alymni.info/' title='Contact Us'>اتصل بنا</a></li>
    </ul><!--/nav1-->
  </div><!-- end .grid_12 -->
</div>
<!--/top-->

وتعدلونها بما يناسبكم

نافبار السفلية :

<div id='topmenu'>
    <ul class='grid_15' id='nav'>
      <li><a href='http://www.3alymni.info/' title='View all posts filed under Parent Category II'>صفحة مستقلة</a></li>

      <li>
        <a href='http://www.3alymni.info/' title='View all posts filed under Parent Category III'>صفحة مستقلة2</a>

        <ul class='children'>
          <li><a href='http://www.3alymni.info/' title='View all posts filed under Child Category III'>صفحة مستقلة فرعية</a></li>
        </ul>
      </li>

      <li>
        <a href='http://www.3alymni.info/' title='View all posts filed under Parent Category I'>صفحة مستقلة</a>

        <ul class='children'>
          <li><a href='http://www.3alymni.info/' title='View all posts filed under Child Category I'>صفحة مستقلة فرعية</a></li>

          <li>
            <a href='http://www.3alymni.info/' title='View all posts filed under Child Category II'>صفحة فرعية</a>

            <ul class='children'>
              <li><a href='http://www.3alymni.info/' title='View all posts filed under Grandchild Category I'>صفحة مستقلة</a></li>

لتعديل صندوق الاشتراكات

نبحث عن وتعدلونها بما يناسبكم

<div class='box1' id='box1'>  

     <h4 style='font-size: 22px; font-weight: bold; letter-spacing: -1px;'>اشترك الان في الخلاصات:</h4>

  <a href='http://feeds2.feedburner.com/3alymni' title='Subscribe to the RSS feed'><img alt='RSS' border='0' src='http://www.bloganol.com/blogger/templates/thrilling/images/ico-rss-trans.png' style='float: right; vertical-align: middle; padding-left: 10px;'/></a>

  <p style='padding: 5px 0pt;'><a href='http://feeds2.feedburner.com/3alymni' title='Subscribe to updates via RSS'>احصل الان على جميع تحديثاث المدونة!</a><br/>(ما&#39; هو? &#8212; <a href='http://www.youtube.com/watch?v=0klgLsSxGsU' target='_blank' title='RSS in Plain English'>اعرف اكثر عن RSS</a>)</p>
  <br style='clear: both;'/>
  
  <a href='http://feedburner.google.com/fb/a/mailverify?uri=3alymni' title='Get email updates delivered to your email inbox!'><img alt='subscribe' border='0' src='http://www.bloganol.com/blogger/templates/thrilling/images/mail-forward-trans.png' style='float: right; vertical-align: middle; padding-left: 10px;'/></a>
  <p style='padding: 5px 0pt;'>او احصل على التحديثات مباشرة الى صندوق بريدك الخاص:</p>
  <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=427503&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='text-align: center;' target='popupwindow'>

   <input name='email' style='width: 140px;' type='text'/>
   <input name='uri' type='hidden' value='427503'/>
   <input name='loc' type='hidden' value='en_US'/>
   <input onmouseover='style.cursor=&apos;pointer&apos;' style='margin: 5px; cursor: pointer;' type='submit' value='Subscribe'/>
  </form> </div><!--/widget-->

نصل الان الى تعديل الاعلانات حجم 125/125

نبحث عن الاسطر التالية :
ما باللون الازرق هو رابط المعلن
وما باللون الاحمر هو للصورة الاعلان

<div class='box2'>
       
    <div class='ads'> 
                
        <a href='http://www.3alymni.info'><img alt='' src='http://www.bloganol.com/blogger/templates/thrilling/images/ad-125x125.gif'/></a>

        <a href='http://www.3alymni.info'><img alt='' class='last' src='http://www.bloganol.com/blogger/templates/thrilling/images/ad-125x125.gif'/></a>

    </div>

  
<div class='ads'>    
    <a href='http://www.3alymni.info'><img alt='' src='http://www.bloganol.com/blogger/templates/thrilling/images/ad-125x125.gif'/></a>

    <a href='http://www.3alymni.info'><img alt='' class='last' src='http://www.bloganol.com/blogger/templates/thrilling/images/ad-125x125.gif'/></a>
   </div>
                     
</div>
<!--/box2 -->

الان صندوق تحديثاث تويتر

نبحث عن ونعدل ما هو بلون الاحمر باسم حسابك في تويتر

<div class='box1'>
  <div class='spacer'>

            <h2><img alt='' src='http://www.bloganol.com/blogger/templates/thrilling/images/twitter-trans.png' style='margin: -5px -5px -5px 5px;'/>تحديثات تويتر</h2>

            
      <span class='author_photo' style='float: left; margin: 0 8px 0 0;'><a href='http://twitter.com/OS161'><img alt='' height='48' src='http://a1.twimg.com/profile_images/572732506/9134_1047076433959_1737131433_88890_6289792_n_normal.jpg' width='48'/></a></span>

        <script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/os161.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>

      
      <br style='clear: both;'/>
      
      <h3 style='margin-top: 10px;'><a href='http://twitter.com/os161' style='color: #363636;'>تابعني على تويتر&#8594;</a></h3>
       
  </div>
 </div>

الان حانة دور صندوق صور فليكر

نعدل ما باللون الازرق برابط الصور

<div class='box2'>
        <div class='top'/>
        <div class='spacer flickr'>           
            <h3><a href='http://www.flickr.com/photos/78725254@N00/' title=''><span style='color:#363636'>أخر</span><span style='color:#0063DC'>الصور</span><span style='color:#FF0084'>على</span><span style='color:#363636'>فليكر</span></a></h3>
            <script src='http://www.flickr.com/badge_code_v2.gne?count=9&amp;display=latest&amp;size=s&amp;layout=x&amp;source=user&amp;user=78725254@N00' type='text/javascript'/>  
  </div><!--/spacer -->
        <div class='fix'/>

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

تم بحمد الله

واجهة غوغل ادسنس الجديدة

2010-11-11T12:50:00.003Z

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

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

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

لترجيب الواجهة نضغط على :

الواجهة الجديدة:

الان ساضع شرح عالسريع لكيفية جلب الكود الاعلاني في الواجهو الجديدة

اولا نتجه الى my ads ثم الى ad units ثم new ad units

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

كيفية اضافة زر تويتر"تابعني " الى بلوجر

2010-11-11T12:35:00.000Z

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

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

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

اولا ندخل الى الموقع سنجد الواجهة هكذا :

ضع اسم حاسبك في تويتر
اختر تسمية الزر
اخر لون الزر
اختر جهة الزر يسار- يمين
اختر حجم الزر
اضغط لجلب الكود

بعد الانتهاء سيظهر لنا الكود المصدري للأداة :

ننسخه ونتجه الى تصمميم ثم اضافة اداة نختار html/javascript ونلصق الكود ونضغط موافق

وهكذا نكون قد اضفنا زر تويتر باأسهل الطرق

تحياتي

كيفية اضافة "اقرأ المزيد" الاتوماتيكية

2010-11-10T17:05:00.001Z

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

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

اهلن باحبتي في الله في تدوينة تجديدة واضافة جديدة اليوم ساشرح كيفية اضافة " اقرأ المزيد " الاتوماتيكية الى منصة بلوجر

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

مثال على الاضافة :

أولا نتجه صوب : Dashboard > Design > Edit HTML

تنويه : يرجى تحميل نسحة احتياطية للقالب قبل الشروع في اضافة الاضافة .

ثم نوسع القالب

ونبحث عن هذا السطر :

</head>

ثم نضيف الكود الموالي قبل السطر اعلاه

<!-- Auto read more script Start -->
<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail
summary_noimg = 430; //summary length when no image
summary_img = 340; //summary length when with image
img_thumb_height = 200;
img_thumb_width = 200;
</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(thumbnail_mode == "yes") {
 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>
<!-- Auto read more script End -->

بعد ذلك نبحث عن :

<data:post.body/>

ونستبدلها بــ:

<!-- Auto read more Start -->
<!-- http://www.3alymni.info -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>اقرأ المزيد...</a>
</b:if>
</b:if>
<!-- Auto read more End -->

ثم احفظ القالب

قالب free Gallery معرب من مدونة علمني

2010-11-06T14:46:00.002Z

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

السلام عليكم ورحمة الله وبركاته اهلن بكم احبتي في الله في تدوينة جديدة

اليوم بحول الله سأعرض لكم قالب معرب عربته بعد طلب من احد الاخوة الكرام

اسم القالب : free Gallery

مصمم القالب : الاخ حسن

تعريب القالب : مدونة علمني

صورة للقالب :

في نهاية الموضوع أشكركم و أتمنى منكم متابعة جديدي دائماً

مدونة علمني

قالب facesocial v0.1 بنسخته العربية

facesocial v0.1 blogger template

أول قالب رمضاني من تصميم مدونة علمني

هل ازعجك الشكل الجديد لمحادثة فيسبوك ؟ عندنا الحل

قالب كريسميس معرب

المنصة الجديد متاحة للجميع على مسودة بلوجر

اضف زر facebook send boutton بشكل صحيح

الان أضف صندوق الاعجاب بتصميم جديد معدل

قالب globe design معرب

كيفية اضافة هاك colorbox الى بلوجر

اضف الان تعليق الى الصور بالــcss3 وبدون اوامر javascript

تحديثات واصلاحات جديدة لمنصة بلوجر

قالب infrared معرب

قالب businesslead معرب

كيفية اضافة like box بخصائص css

قالب snatch معرب

قالب Mimoza معرب

قالب blogger newspaper صديق ال seo الان معرب

سلايدشو جد مميزة بــ css3

رسميا أداة الاشتراك بالنشرة البريدية من بلوجر

قالب Eureka نسائي ومعرب

Blogger Buzz: جديد منصة بلوجر

اختراق عرب بلوجر

اصدار النسخة المرتقبة 3.1 لمنصة وردبريس

اجعل من مدونتك صديقة لمحركات البحث عبر Meta Tag

القالب لاخباري الشهير Simplex Transcript معرب

رسميا تطبيق بلوجر على نظام الاندرويد

الان احمي حسابك في ادسنس

تصميم جديد لمنصة تمبلر على الايفون والاندرويد

احفظ حقوق مقالتك على طريقة المواقع الشهيرة

قالب Games Hero المعرب

العالم العربي ومجال الاعلام الجديد

قالب Fives المميز الان معرب

قالب Diadema المعرب

قالب Thunderbolt المعرب

قالب News Media المعرب

كيفية اضافة Share Buttons عائمة الى مدونتك

قالب الاحترافي Andromeda معرب من مدونة علمني

قائمة بأفضل 10 Slideshow مخصصة لــ wordpress

Media Library Gallery

Google AJAX Feed Slide Show Widget

Fancy Box For Wordpress

WordPress Content Slideshow

Featured Posts Slideshow

Flickr Photo Album

Cincopa WordPress Plugin

NextGEN-ImageFlow

DM Albums

قالب karizma المعرب من مدونة علمني

اختصر روابط مقالات مدونتك بشكل تلقائي

قالب mobigadget المعرب من مدونة علمني

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

قالب Jocasta معرب

اضافة هاك "معلومات الكاتب" الى بلوجر كما في الوردبريس

القالب community المعرب

قالب بنوتي معرب من مدونة علمني

ادوات جديدة من مدونة علمني

العرب وبرنامج غوغل ادسنس

انواع الادسنس

كيفية عمل الادسنس

سعر الضغطات الاعلانيه

القالب Aristo المعرب

قالب Abtely المعرب

عيد مبارك سعيد على جميع الامة الاسلامية

القالب الاحترافي Thrilling المعرب من مدونة علمني

واجهة غوغل ادسنس الجديدة

كيفية اضافة زر تويتر"تابعني " الى بلوجر

كيفية اضافة "اقرأ المزيد" الاتوماتيكية

قالب free Gallery معرب من مدونة علمني