إضافة إحصائيات لمدونتك statistics Widget

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

اليوم نلتقي مع درس خفيف عن كيفية وضع إضافة لإحصائيات مدونتك، هذه الإضافة تقوم بإظهار عدد المواضيع و التعليقات لزوارك.

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

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

<script style="text/javascript">function numberofposts(json) { document.write('عدد المواضيع :' + json.feed.openSearch$totalResults.$t + '<br>'); }function numberofcomments(json) { document.write('عدد التعليقات :' + json.feed.openSearch$totalResults.$t ); }</script>
<script src="http://widget-blogs.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberofposts"></script>
<script src="http://widget-blogs.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberofcomments"></script>

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

لا تنسى تغير رابط مدونتي الموجود باللون الأحمر برابط مدونتك.

Read more

مربع إعلان لبلوغر مع خاصية الإغلاق Box warning

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

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

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

 

و طريقة الإضافة سهلة للغاية ما عليك سوى نسخ الكود الموجود بالأسفل و لصقه في صندوق إضافة أداة الخاصة ب Html/JavaScript و إدخال بعض التعديلات عليه.

<style type="text/css">
#aviso{
width:500px; /* عرض النافدة */ padding:5px; position:absolute; z-index:5000;}
.caja-aviso{
border:4px double #0080FF; /* لون الحدود */ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 8px 8px 6px #808080; -moz-box-shadow: 8px 8px 6px #808080; box-shadow: 8px 8px 6px #808080;
background-color: #CEECF5; /* لون الخلفية */
padding: 10px; font-family: Verdana, Geneva, sans-serif;
color: #0B173B; /* لون النص */ }
.letrero-aviso {

font-size:18pt;
font-weight:bold;
color:#B4045F;
text-shadow: 0px 0px 10px #BA55D3;}
</style>

<div id="aviso" style="left:300px; top:100px; padding:0;">
<div align="right" style="margin-bottom:-30px;"><b><a href="javascript:closeit()" ><font face="Arial" size="1">إغلاق</font> <img valign="middle" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9e5m600XtJvaqhb_pEJXtRVCdf-kC9cWnl1OvouKXdLUElejk3i2_aziTYPoStDL39M84tP2vNI3stezU0Bd2WmmpIyJna4VAH25MaEoIWQiobXXpjgrI6i-Ycgk1WtOrXBMaBh7z2Rep/" style="vertical-align:middle;"/></a></b></div>

<br/>
<fieldset class="caja-aviso">
<legend class="letrero-aviso" align="center">إعلان</legend>
... هنا قم بوضع الكلام أو الرسالة التي تريد إصالها لزوار مدونتك  ...
<br/><div align="right"><a href="http://www.facebook.com/إسم صفحتك" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUWTPoAhlIyGjpeBFXTiQoaAxfA2GetFUkq4w-CWeMoL3HPEPjHDwFZdGlxMUAfpxrlp6njKNGgHfREvUVnbH1zzJ_5Ct67PrrIY1LGxPL2_z4rPp-yPDbZ-yGwGke5LuqDyzLTSFz8Tky/" width="26"/></a>
<a href="http://twitter.com/إسم حسابك" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHis-hUyHt-FXsf_RQKvfzxjUKVBqT7W1svcYWPokcm5JMGm02nauHs-vh65G5N66r627_GqNikHpVdGGedbFZ89HiUX9L8HzsIR70ds3LCrHkorPHe7qUmzfCQ9PY2UV0bRwT2lde6-xZ/" width="25"/></a></div>
</fieldset>

<script>
function closeit(){
document.getElementById("aviso").style.visibility = "hidden";
}
</script>

</div><div class="clear"/></div>

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

Read more

إضافة صندوق معجبي تويتر Twitter Fan Box

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

اليوم سأقدم تدوينة سريعة عن طريقة وضع صندوق لمعجبي تويتر، و هو شبه بصندوق معجبي الفيس بوك. يمكنك زيارة الموضوع من هنا إضافة مربع الفيسبوك بشكل عائم و منزلق Fan Box .

طريقة الإضافة بسيطة توجه لإضافة أداة Html/JavaScript و ضع بها الكود التالي:

<div class="textwidget">
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox">
<script type="text/javascript">fanbox_init("إسم صفحتك");</script></div>
</div>
<style>
.FB_SERVER_IFRAME {
width: 290px !important; /* عرض الإضافة*/ height: 250px !important; /* إرتفاع الإضافة*/ }
</style>

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

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

Read more

إضافة مربع الفيسبوك بشكل عائم و منزلق Fan Box

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

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

 

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

أتركك الأن مع معاينة الإضافة و شرح التركيب

1- توجه إلى لوحة تحكم المدونة

2- تصميم ثم تحرير HTML

3- إبحث عن الوسم التالي </head>

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>

5- بعد ذالك إبحث عن الكود التالي ]]></b:skin>

6- و ألصق هذا الكود فوقه مباشرة

.slide_likebox {
float:right;
width:288px;
height:345px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjmWogY-mjlX0RHyHWlESXKwWHzKdecjQhRYi0f9MT0A3if5633we_NpCHgpaeadg1w2Kwrje1igvcYZFLAzTyE5cjOfKF_qj7gz4SFCxik3ScU7OaI6pAWLhei8kvTCozG2FD1K4XPXY/) no-repeat !important;
display:block;
right:-250px;
padding:0;
position:fixed;
top: 130px;
z-index:1002;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap {
margin-top:2px;
margin-left:-5px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap iframe {margin:-1px}

7- قم بحفظ القالب الأن

بعد وضع هذه الأكواد توجه إلى تصميم عناصر الصفحة و قم بإضافة أذاة Html/JavaScript و ضع بها الكود التالي

<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/Psi.Arabe&amp;width=238&amp;colorscheme=light&amp;connections=15&amp;stream=false&amp;header=false&amp;height=350" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:228px; height:320px;" allowtransparency="true"></iframe></div></span></div></div>

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

أتمنى أن يكون موضوع اليوم قد نال إعجابك، و إن فعل فلا تبخل علينا بتعليقاتك

Read more

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

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

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

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

قم بالدخول للمدونة ثم تصميم / تحرير HTML / ثم قم بتوسيع القالب لن بعض الأكواد تكون مخفية.

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

• قم بالضغط على زر Ctrl لكن دون أن تفلته 
• في نفس الوقت إضغط على الزر F

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

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

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


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


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

إقرأ المزيد على مدونة أسرار بلوغر: http://widget-blogs.blogspot.com/2011/03/how-to-use-search-bar-to-find-code-in.html#ixzz1q4FHYRac

Read more

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

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

google , yahoo , msn , araby

google
http://www.google.com/addurl/?continue=/addurl

yahoo
http://search.yahoo.com/info/submit.html

msn
http://search.msn.com/docs/submit.aspx

محرك بحث عربي - araby
http://www.araby.com/SearchServices?type=send_site

وهنا دليل قوقل
www.google.com.sa/dirhp

ثانيا ً : ألأدلة - جميع الوصلات جاهزة للإضافة موقع فيصل يقوم بإرسال رابط مدونتك أو موقعك إلى اشهر محركات البحث
http://www.faisal1.com/sendweb.htm

اضف مدونتك في addme
http://www.addme.com/submission/free...sion-start.php

أضف مدونة في arabsgate
http://www.arabsgate.com/cgi-bin/links/add.cgi

أضف مدونة في websy
http://www.websy.com/submit/

أضف مدونة في دليل مزاج
http://www.f3f3.com/ad_new.php

أضف مدونة في دليل مفضلة العرب
http://www.x5x5.com/suggest.html

أضف مدونة في لدليل المواقع العربية
http://www.raddadi.com/?action=dleel.didSite

أضف مدونة في دليل موج الغلا
http://www.mojalgala.com/link/newlink.html

أضف مدونة في دليل المدونات العربية
http://dalil.4uloads.com/add-url.html

أضف مدونة في الباحث الاسلامي
http://www.islamicfinder.org/index.p...link_cur_cat=0

أضف مدونة في المجانية
http://www.hail1.com/auto/accounts.cgi


أضف مدونة في albahhar
http://nwapp.albahhar.net.ae/pls/news/AddUrl.AddNewUrl

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

لا تنسى دعاك وتعليقك على الموضوع

Read more

كيف تقوم باضافة اداة ( المواضيع الاكثرة قراءة او زيارة ) في مدونة بلوقر ؟

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

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

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

<script language="JavaScript">
aBold = true;
numposts=200;
maxshowresult=5;
home_page = "http://arab-editors.blogspot.com/";
</script>
<script src="http://sites.google.com/site/taliblogsite/file/popularpostblogger-min.txt" type="text/javascript"></script>

يمكنك التعديل على السكريبت واليك بعض الشرح :

numposts= عدد المواضيع التي يقوم باحصائيها والبحث فيها
maxshowresult= اكبر عدد من النتائج المراد ضهورها 
home-page = "عنوان مدونتك" وبعده علامة / 

ملاحظة : أثناء إضافتك عنوان المدونة لا تنسى إضافة '/' آخر العنوان .

Read more

أضف موقعك في 30 موقع في كبسة زر

مجانا وفي خمس خطوات اضف موقعك في 30 موقع بواسطة فيدبينج واكسب باك لينك وبيج رانك

نشر مواضيعك مجانا واكسب باك لينك وبيج رانك وارشفه وانتظر الزوار 

الطريقة موضحه في الصورة

هذا الموقع عمله فقط نشر المواقع حيث انه يقوم بنشر الموقع في ثلاثين موقع 
 والتعامل معه في غاية البساطه خمس خطوات فقط
اذهب للموقع من هنا

خطوات الارسال

1. اسم الموقع
2. رابط الموقع او العنوان
3. رابط RSS او ATOM  وهذا اختياري
4. تحديد الكل
5. النشر او الارسال

لاتغلق الموقع انتظر حتى يتم الانتهاء من الارسال كامل واثناء ذلك سيتم عرض سير الارسال من امامك

Read more

كيفية إضافة نمودج إتصال بتقنية PHP

* السلام عليكم

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

خاصة عندما لا تريد أن تكشف عن البريد الإلكتروني للأشخاص للاتصال بك. 

لدينا اليوم موقعين يوفران لك هذا النمودج و بكل سهولة.

*اولا وقبل كل شيئ لمادا تقنية ال PHP ؟

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

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

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

كتحويل الزائر الى موقعها او وضع اعلانات خارجية و غيرها..

المهم موقعين مخاترين و مميزان لاضافة نمودج الاتصال الى BLOGGER

الموقع الاول


زيارة الموقع foxyform 


foxyform

هو موقع جد مميز لانشاء form خاص بك

من مميزاته :

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

يمكنك التحكم في ستايل ال form ليناسب موقعك أو مدونتك

لن تخسر زائرك..لان ارسال الرسالة يتم في نفس الصفحة و بدون تحديثها

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

حقا فهو موقع يستحق التجربة




الموقع الثاني





زيارة الموقع jotform 


jotform

*مزايا استخدام JotForm!

-مجاني تماما ؛

-و المعلومة الموثوقة بها ، مع ما يزيد على 350،000 من المستخدمين ؛

-خيارات عديدة للتخصيص ، بما في ذلك الخلفية ؛

-إمكانية تعديل نموذج تم إنشاؤه في وقت لاحق ؛

-القدرة على تحميل الملفات مثل الصور والنصوص وعروض الشرائح 

-سريع وبسيط ؛

-لا توجد إعلانات أو الشعارات ؛

-الحفظ التلقائي ؛


وJotForm هو شكل من أشكال الاتصال المميزة ،

*من بين خيارات :

-الخلفية ؛

-إمكانية ارفاق الملفات بالبريد ؛

-التقييم مع نجوم ؛

-امكانية اضافة مواقع لطرق الدفع 

-شكر وتقدير ، وتستخدم لمنع البريد المزعج. 


لإنشاء نموذج الاتصال في الموقع ، لا حاجة لإنشاء حساب ، 

لكنني أوصي بإنشاء حساب ، كي يكون لك إمكانية 

إجراء تغييرات على النموذج الخاص بك من خلال لوحة التحكم 

* إنشاء حساب

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

ولكن تذكر به أنه لا يمكنك تغيير شكل في وقت لاحق!

والخطوة الأولى هي الآن للوصول إلى موقع http://www.jotform.com.

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

استعداد حسابك تم إنشاؤه بالفعل ، وأكثر يجب عليك القيام به شيئا آخر قبل أن تبدأ في 

كي تشأ نمودجك : تأكيد حسابك! اعتقد أنه شيئ بسيط .. ، وأنا أراهن أنك فعلت هذا ربما ما 

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

التي بعث بها موقع لتأكيد حسابك :)

تم تنشأ نمودجك و هدا ليس بالصعب.

ملاحضة :

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

او ارسال رسالتك مع غلق التعليقات

هذا كل شيء 


و  الى لقاء قريب.

Read more