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

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

- يدعم اعلانات ادسنس
- القالب بثلاثة اعمدة
- يدعم كافة الاضافات
- صديق لمحركات البحث
- العنوان بانر ارتفاع 175 ويمكن تعديله
- جيد في التحميل
- عرض  990
- متوافق مع جميع المتصفحات
- كود تمييز التعليقات
- اضافة ارقام الصفحات .
- اضافة مواضيع ذات صلة .
- اضافة زر اعجبني من فيسبوك .













ابحث عنه في القالب وغيره برابط البانر الخاص بك .


اشكركم للمحافظة على حقوق التصميم .
تحياتي لكم عدي عرار - سما بلوجر

windows-live-writer يعتبر برنامج windows live writer من انجح برامج التدوين ، ويدعم اكثر من منصة تدوين منها بلوجر – وورد بريس – جوملا – ليف جورنال – وتيباد والمزيد من منصات التدوين المشهورة ، ما اسعى اليه في هذه التدوينة هو توضيح بعض الميزات المفيدة والممتعة في هذا البرنامج ، والتي لا توفرها منصات التدوين من الموقع نفسه ، انا واثق بأنك بعد ان تقوم بقراءة الاسباب ستنتقل الى استخدام هذا البرنامج في كتابة تدويناتك والتمتع بذلك ، فلنبدأ على بركة الله :

1- يمكن ان تقوم بكتابة المواضيع بدون وجود اتصال بالانترنت .

نعم يمكنك ذلك ، وسيتم حفظها في جهازك الى حين اتصالك بالانترنت وترسلها الى مدونتك
 logo_offline_pr_02

2- امكانبة الحصول على معاينة مباشرة .

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

3- يمكن ان تقوم بأضافة اكثر من مدونة وتنشر في اي مدونة تريدها .

النقطة بسيطة ومفهومة وهذه صورة للتوضيح
 مميزات برنامج windows live writer

4- امكانية اضافة تأثيرات الى الصور وتذيلها (اهم الاسباب)

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

مثال على التأثيرات والاشكال  في الصور

1
نسخ (2) من 1
نسخ (3) من 1
نسخ (4) من 1 نسخ (5) من 1
نسخ (7) من 1

5- فتح الروابط في نافذة جديدة .

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

6- تمييز الفقرة عن العنوان .

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

7- اضافة الجداول بشكل جميل وتحكم اكثر .

 اضافة جدول - سما بلوجر

8- وهناك الكثير من الاسباب الاخرى مثل سهولة اضافة فيديو من اليوتيوب ، وتعيين تاريخ مستقبلي للنشر

التاريخ المستقبلي

هل ما زلت تحتاج الى المزيد من الاسباب كي تجعل تدوينتك اكثر تنسيقا وجمالا .
 windows-live-writer-logo[15]

                                          حمل برنامج windows live writer

ارجو ان اكون قد اتيت اليكم بما هو مفيد ، وبالتوفيق ادعو دائما لي ولكم .

السلام عليكم ،
comment-bubble
احبائي متابعي وزوار مدونة سما بلوجر ، سأشرح لكم في هذه التدوينة كيفية اضافة ايقونة بجانب عنوان الرسالة او التدوينة يظهر بها عدد التعليقات في هذه التدوينة ، الاضافة تعبر عن الاحترافية في الاداء ، وتضفي جمالا وحيوية وتكسر الروتين المعتاد في قوالب بلوجر المنتشرة ، يستخدم هذه الاضافة الكثير من اصحاب المدونات العالمية المشهورة .
04-07-2010 04-37-14 م
انا واثق انها نالت اعجابك ،
عاين الاضافة في هذه المدونة


اذا اعجبتك الاضافة تابع قراءة طريقة التركيب .....

__________________________________________________________________

الخطوة الاولى

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

الخطوة الثانية

1- ابحث عن :

]]></b:skin>

2- واستبدلها بـ :كود رقم1
/*------Commment Bubble Start------*/

.comment-bubble {
float : left;
width : 48px;
height : 48px;
background : url(http://farm5.static.flickr.com/4138/4759798941_0051d9bd44_t.jpg) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
padding:0px 0px 0px 0px;
}

/*------Commment Bubble End Introblogger------*/

]]></b:skin>

 3- ابحث عن :

<h3 class='post-title entry-title'>
 4- اضف الكود التالي بعدها مباشرة : كود رقم 2

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>


5-  اذا لم تجد الجملة في النقطة رقم 3  ابحث عن :
<b:if cond='data:post.link'>

 6- واضف الكود رقم 2 قبلها او اعلاها مباشرة

 7- احفظ القالب ومبروك عليك الاضافة .

8- هذا ملف يحتوي على مجموعة من الايقونات الجميلة لهذه الاضافة حمله من هذا الرايط :
http://www.box.net/shared/8qauybczns




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

السلام عليكم ،


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

 <a href="http://sma-b.blogspot.com" target="_blank"><img src="http://www.pagerankbar.com/pr.png" alt="Google Page Rank Checker" border="0" /></a>


 <a href="http://sma-b.blogspot.com" target="_blank"><img src="http://www.pagerankbar.com/prdisplay.png" alt="Display Google Page Rank" border="0"



 <a href="http://sma-b.blogspot.com" target="_blank"><img src="http://www.pagerankbar.com/prbutton.png" alt="Page Rank Checker Button" border="0" /></a>



<a href="http://sma-b.blogspot.com"  title="Free PageRank checking tool" target="_blank"><img src="http://www.free-pagerank-checker.com/pr.php?url=www.yoursite.com"  border="0" alt="PageRank" /></a>


 <a href="http://sma-b.blogspot.com" target="_blank" title="Get your Google PageRank"><img src="http://www.urltrends.com/pagerankimg.php" border="0" height="25" width="100" alt="Get your Google PageRank"></a>


 <a href="http://sma-b.blogspot.com" target="_blank"><img src = "http://www.pagerank-button.com/pagerank5.php" alt="PR Checker" border="0" /></a>


 <a href="http://sma-b.blogspot.com" target="_blank"><img src = "http://www.pagerank-button.com/pagerank3.php" alt="PR Checker" border="0" /></a><br />


 <a href="http://sma-b.blogspot.com" target="_blank"><img src = "http://www.pagerank-button.com/pagerank6.php" alt="PR Checker" border="0" /></a><br />


 <a href="http://sma-b.blogspot.com"><img src="http://www.prbuttons.com/pagerank-display.php?a=getCode&s=vgsun" title="Free PageRank Display Code" border="0px" alt="PageRank" /></a>


 <a href="http://sma-b.blogspot.com"><img src="http://www.prbuttons.com/pagerank-display.php?a=getCode&s=Technical" title="Free PageRank Display Code" border="0px" alt="PageRank" /></a>


 <a href="http://sma-b.blogspot.com"><img src="http://www.prbuttons.com/pagerank-display.php?a=getCode&s=csblue" title="Free PageRank Display Code" border="0px" alt="PageRank" /></a>



<a href="http://sma-b.blogspot.com"><img src="http://www.prbuttons.com/pagerank-display.php?a=getCode&s=Google" title="Free PageRank Display Code" border="0px" alt="PageRank" /></a>


 <a href="http://sma-b.blogspot.com"><img src="http://www.prbuttons.com/pagerank-display.php?a=getCode&s=wpblue" title="Free PageRank Display Code" border="0px" alt="PageRank" /></a>


 <a href="http://sma-b.blogspot.com"><img src="http://www.prbuttons.com/pagerank-display.php?a=getCode&s=gsblack" title="Free PageRank Display Code" border="0px" alt="PageRank" /></a>


 <a href="http://sma-b.blogspot.com" target="_blank"><img src="http://www.selfseo.com/pagerank.php?type=small" alt="Do it yourself SEO" border="0">



 <a href="http://sma-b.blogspot.com" target="_blank"><img src="http://www.selfseo.com/pagerank.php?type=pink" alt="Webmaster Tools" border="0">


 <a href="http://sma-b.blogspot.com" target="_blank"><img src="http://www.selfseo.com/pagerank.php?type=apple" alt="Search Engine Optimization Articles" border="0">


 <a href="http://sma-b.blogspot.com" target="_blank"><img src="http://www.selfseo.com/pagerank.php?type=large" alt="Search Engine Optimization Articles" border="0">


 <a href="http://sma-b.blogspot.com" target="_blank"><img src="http://pr.proxin.cn/pr.php?u=http://YourSite.Com&s=44" alt="Google PageRank Checker" border="0" /></a><br />


 <a href="http://sma-b.blogspot.com" target="_blank"><img src="http://pr.proxin.cn/pr.php?u=http://YourSite.Com&s=42" alt="Google PageRank Checker" border="0" /></a>


كما يمكنكم زيارة هذا الموقع لمزيد من الاشكال الجميلة :

السلام عليكم ،

اعتقد بأنك قد شاهدت مدونات منصة wordpress ، وكيف تكون كل تدوينة متبوعة بصندوق يظهر بعض المعلومات التي يكتبها المؤلف عن نفسه مع صورة له ، والكثير منا تمنى ان يحصل على هذه الاضافة في مدونات blogspot ، في هذه التدوينة سأبين بأذن الله طريقة اضافة هذا الصندوق الجميل في مدونات بلوجر ، قبل اي شيء شاهد معاينة لهذه الاضافة من الرابط التالي :

تابع بقية التدوينة اذا اعجبتك الاضافة ....
__________________________________________________________________


- طريقة تركيب الاضافة -

الخطوة الاولى

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

الخطوة الثانية

1 - ابحث عن :
]]></b:skin>
2- واستبدلها بـ هذا الكود :كود رقم 1
 /***** Author Box ********************/

.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}

.author-box p {
margin: 0;
padding: 0;
}

.author-box img {
background: #FFFFFF;
float: right;
margin: 0 0 10px 10px;padding: 4px;
border: 1px solid #E6E6E6;
}

]]></b:skin>
 3- ثم ابحث عن :
<div class='post-footer-line post-footer-line-1'>

4- واضف الكود التالي بعدها مباشرة : كود رقم 2

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='' class='avatar avatar-70 photo' height='70' src='http://2.bp.blogspot.com/_0JSsw4H6sns/TDBi2u-pkzI/AAAAAAAADbU/HpGA8el0h_U/S220/adi+arar.png' width='70'/><b>اكب هنا العنوان</b><br/>
اكتب عنك ما تريد داخل الصندوق<br/></p>
</div>
</b:if>

 5- تستطيع ان تضيف الكود السابق في عدة اماكن اخرى في قالب مدونتك مثل:
بعد او قبل : <div class='post-footer'>
 لتظهر في اول التدوينة اضف الكود قبل : <data:post.body/>

6- احفظ القالب ومبروك عليك الاضافة .

 __________________________________________________________________

الخطوة الثالثة

طريقة تخصيص الاضافة

 في الكود رقم 1 :

القسم الاول الكتابة والحدود في الصندوق :
.author-box {
background: #F7F7F7;    لون الخلفية الرئيسية للصندوق

margin: 20px 0 40px 0;     الابعاد عن الهوامش

padding: 10px;                   بعد الكتابة عن الحد

border: 1px solid #E6E6E6;   لون الحد وسمكه
overflow: auto;
}


القسم الثاني - الصورة داخل الصندوق :
.author-box img {
background: #FFFFFF; :      لون الخلفية قبل اظهار الصورة

   right - left   مكان الصورة                 float: right;
margin: 0 0 10px 10px;    الابعاد عن الهوامش

padding: 4px;                  عرض اطار الصورة

border: 1px solid #E6E6E6;       سمك خط اطار الصورة ولونه
}


في الكود رقم 2 :

 height='70        ارتفاع الصورة
  width='70       عرض الصورة

وهذا هو رابط صورة المدون غيره برابط صورتك ، على ان تكون الصيغة png
http://2.bp.blogspot.com/_0JSsw4H6sns/TDBi2u-pkzI/AAAAAAAADbU/HpGA8el0h_U/S220/adi+arar.png
اتمنى ان يكون الشرح وافي ومتكامل ، وبالتوفيق دوما ادعو لي ولكم .

السلام عليكم ،
Israel-Palestine-conflict-tank
هذه التدوينة استثنائية ، وليس لها اي علاقة بالتدوين ، ولكن ما شدني الى كتابتها عدة اسباب منها كوني عربي مسلم فلسطيني هذا اولا ، كما ان ما يحدث في فلسطين لا يهزنا نحن كعرب ومسلمين فقط بل يهز كل من يملك الضمير والانسانية وكل صاحب كرامة ابي وحر ، لا اعلم السر الرئيسي الذي يجعل كل العالم يقف ضدنا " على الاقل هذا ما استخلصه من الادانات " .
palastinianlandloss8tz
على مر التاريخ كانت ارض فلسطين ارض عربية ، ولم يستطع اي ممن غزوها من ان يغير هذا المبدأ ، الا في وقتنا الحاضر ، فأصبح اليهود هم اصحاب الارض والمدافعين عنها ، ونحن من احتلها في الماضي وجاء الوقت الذي يحررها اليهود من "الارهابين والقتلة والمخربين اعداء الديمقراطية والسلام اصحاب الصواريخ والرشاشات " هل استغربت من كلامي ، هذا ما يرسخ في رؤوس اليهود وممن اتبع هواهم في كافة انحاء العالم .
ارهاب اسرائيل ضد فلسطين israel-palestine-conflict-24 
اعلم بأن قلوبكم معنا ولا تستطيعون ان تفعلوا شيئا ، فالحكام اجلهم الله لم يتركوا لنا شيئا لنفعله سوى ان نركض وراء لقمة العيش ، لا اريد ان انغص عليكم اكثر ... فأنتم لستم من كوكب المريخ ، وتعرفون ما يجري ...........
israeli_police_attack_the_aqsa-fd9541230737298
طبعا عمنا جوجل عامل تصويت بين فلسطين واسرائيل ، وبين دول اخرى مقابل اسرائيل مثل تركيا وايران ، وتنظيم حزب الله وحماس مقابل اسرائيل ، والمزيد .
31278649uy7
نتيجة التصويت حتى الان 43.2% لفلسطين - 56.8% لبني صهيون .
سارع بالتصويت لفلسطين العربية على هذا الرابط :
http://www.israel-vs-palestine.com/PS/EN/vote/page/1

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

Search

عبر فيس بوك

زوارنا الاعزاء

المتوجدون الان