‏إظهار الرسائل ذات التسميات Blogger Tools. إظهار كافة الرسائل

السبت، 25 أغسطس 2012

هاك لتحويل الزائر من مدونة الى اخرى - redirect blog

هاك لتحويل الزائر من مدونة الى اخرى - redirect blog
الكثير من المدونين قد ينشأ مدونة ما ويكتشف بعد ذلك بأن رابطها غير ملائم ، او يريد ان يغير اسم الرابط ليعبر اكثر عن محتوى المدونة ، ومن المشاكل التي يقع فيها صاحبنا هذا هو كيف يحول زواره من الرابط القديم الى الرابط الجديد لمدونته ، حتى الان لا توفر بلوجر هذه الميزة في منصتها ، أمل ان يتم ذلك في اقرب وقت ممكن للمدونات المجانية
- من لوحة التحكم اضغط على تصميم – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم

2- ابحث عن :
<head>

  3- اضف هذا الكود تحتها مباشرة :

<meta HTTP-EQUIV='REFRESH' content='0; url=ضع الرابط الجديد هنا'/>

- احفظ القالب ومبروك عليك
اقرء المزيد

الثلاثاء، 21 أغسطس 2012

تغيير وسم العنوان لمدونتك ليكون أكثر توافقية مع محركات البحث Change the Title Tags for your Blog

Change the Title Tags for your Blog
بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد , السلام عليكم ورحمة الله وبركاته , تغيير وسم العنوان لمدونتك ليكون أكثر توافقية مع محركات البحث , إذا ألقيت نظرة على مدونتنك عن عرضها بواسطة أي متصفح تجد أنه يعرض في أعلاه

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

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

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

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

نفتح محرر HTML في البلوجر و نبحث على الوسم <head> و تحته مباشرة نضع الكود التالي :


<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
نسجل العمل و ننتظر تحديث الروابط من قبل محرك البحث غوغل :).



اقرء المزيد

الجمعة، 10 أغسطس 2012

Comodo Dragon Internet Browser 21.0

Comodo Dragon Internet Browser 21.0
Comodo Dragon is a Chromium technology-based Browser that offers you all of Chrome's features PLUS the unparalleled level of security and privacy you only get from Comodo. Including a greater level of privacy than Chromium technology offers.
Features:

  • Improved Privacy over Chromium
  • Easy SSL Certificate Identification
  • Fast Website Access
  • Greater Stability and Less Memory Bloat
  • Incognito Mode Stops Cookies, Improves Privacy
  • Very easy to switch from your Browser to the Dragon.
Free Download 29.66MB (Freeware) Comodo Dragon Internet Browser 21.0
اقرء المزيد

الأحد، 5 أغسطس 2012

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

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

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


وطبعا بعد التعديل وجعله احترافى يكون هكذا


اتبع الخطوات لتنفيذ الموضوع

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


بعض ذلك

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

يفتح معك مربع البحث ضع به الاتى

]]></b:skin>

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

/*-----Custom Labels Cloud widget by www.MyBloggerTricks.com----*/
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out; 
-o-transition: all 0.5s ease-out; 
-webkit-transition: all 0.5s ease-out; 
-ms-transition: all 0.5s ease-out; 
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg); 
-o-transform: rotate(7deg); 
-webkit-transform: rotate(7deg); 
-ms-transform: rotate(7deg); 
transform: rotate(7deg); 
filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1; 
}

.label-size a  {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover  {
text-decoration: none;
}

 لو اردت ان يكون المنظر طبيعى 
يمكنك ان تمسح الكود هذا من الكود السابق

font-size:10px;

 تم نقلها وترجمتها لكم من موقع
Special Thanks To:
اقرء المزيد

الأحد، 29 يوليو 2012

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

السلام عليكم ورحمة الله تعالى وبركاته ،اليوم سوف أقدم لكم إضافة أرشيف المدونة المعتمد في مدونة أبو إياد ،جمالية وإنسيابية  هذه الإضافة تضفي رونقا إضافيا لترتيب وتزيين المدونة ما عليك سوى إنشاء صفحة جديدة على مدونتك من تحرير الرسائل ثم تعديل الصفحات ثم صفحة جديدة ,و لمعاينة الإضافة إضغط على الزر أرشيف المدونة من القائمة الرئيسية للمدونة .
ضع عنوانا للصفحة : فهرس المدونة ،أرشيف المدونة ...ثم إضغط على الزر تحرير HTML بجانب تأليف ثم قم بلصق الكود التالي مع تغيير الرابط ذي اللون الأحمر برابط مدونتك
    <script src="http://abuiyad.googlecode.com/svn/archive.js" type="text/javascript">
    </script>

    <script src="http://www.dl4-egy.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>

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

</head>

 ثم قم بلصق هذا الكود قبله :


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

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

#dafis-acc{

font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#333;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWHAB30ooye7sBW_ksEhEeSTWfyKhHSDakEvuxt4c5SWSpD-zUjqPpH2xfcC4W12f9MjF-Z3FDiG-2hiNhmDH_PkMmqFeJUA4sPRoTzuzDsHOIN7TI4K6TFi0ld9_f_KKkVLYaizGpRyE/d/bg5.gif) repeat-y scroll left center #E7F7FB;

padding:2px 0;

border:1px solid #339DC6;

}

.dafis-label{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihaWXGUfPmw-aWf_T_PL4Nb_cQ1W0NjNy-SNEi7tDkbEt3cNZjNj7SzVUNlhzi7sTlbOcFNk4GCwsvgh8U0QKfaNzVeGSzqYeSuQMMkHx84AOj-_4FXMdQAN2gmtWTPdd7nnkYvBcCNlc/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB;

font-weight:bold;

line-height:1.4em;

overflow:hidden;

white-space:nowrap;

vertical-align: baseline;

margin: 1px 3px;

outline: none;

cursor: pointer;

text-decoration: none;

padding: 2px 10px;

color: #fff;

text-shadow: 0 1px 1px rgba(0,0,0,.3);

border:1px solid #2F94BA;

}

.dafis-label:hover{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8gXtW8ygTeVBUWjlPg0CxJT-m34tjacSUo9soU-2ARGtm8wkBGZrpyLRWeanXKwHwpspzdYc8Fj_leZqetk0tPvD9kDcc_imjsdU0cniRtqJkyxQEF5QRZfGy0tg4qrtIbNYzfmlc_kQ/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB;

color:#003366;

}

.dafis-daf ol{

margin:0 0 0 30px !important;

padding:0 !important;

}

.dafis-daf ol li{

background-color:#C9E9F4;

line-height:1.5em;

margin:1px 3px !important;

white-space:nowrap;

text-align:right;

border:1px solid #339DC6;

}

.dafis-daf ol li a{

text-decoration: none !important;

color:#333 !important;

display:block;

padding-left:10px;

}

.dafis-daf ol li a:hover{

background: #7BC4DF;

border-left: 5px #333 solid;

padding-left: 5px;

text-shadow: 0 1px 1px rgba(0,0,0,.3); 

}
للمعاينة اضغط هنا

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

الجمعة، 2 مارس 2012

Google Chrome 19.0.1055.1 Dev

Google Chrome is a browser that combines a minimal design with sophisticated technology to make the web faster, safer, and easier

One box for everything

Type in the address bar and get suggestions for both search and web pages.

Thumbnails of your top sites

Access your favorite pages instantly with lightning speed from any new tab.

Incognito mode

Don't want pages you visit to show up in your web history? Choose incognito mode for private browsing.

Safe browsing

Google Chrome warns you if you're about to visit a suspected phishing, malware or otherwise unsafe website.

For information about alpha and developer builds, check out the Chrome dev channel here.

اقرء المزيد

الأحد، 11 سبتمبر 2011

How To Add Animated Favicon In Blogger


add-faviconFavicon is actually the icon that appears next to your Website URL in the browser address bar. A favicon is usually your blog logo. There are many free services that help to create favicons for you but most of these services use still images. I have used an animated favicon for my blog as you can see in your address bar.  It actually consists of a logo and then my blog title as text. The image and text together makes a more beautiful combination. So lets jump at the tutorial and create an attractive  cute favicon for your blog



How To Create Animated Favicons?




  1. Go To favicongenerator
  2. And just at the bottom of the page upload your blog logo or any icon you wish to make as your favicon and also add your blog title as the scrolling text. You will find all the help at favicongenerator
image
    3.  Hit the Generate Favicon Button and you will be taken to this page,
image
Here you will see many images just right click the animated one and save it to your computer.
     4. Now upload the image to your Picasa album by reading this post –> Store Animated Images in Blogger and Learn how to get Image URLs

How To Add Your Favicon To Blogger Now?

  1. Go To Blogger > Design > Edit HTML
  2. And Search For <b:skin> and just above it paste the code below,
<link href='ADD YOUR FAVICON LINK HERE' rel='icon' type='image/gif'/>
     3.  Replace ADD YOUR FAVICON LINK HERE with the image URL of the favicon you saved in Picasa album.
     4.  Save your template and you are done!
View your blog to see it in action on the address bar and tabs. Hope you liked it! Questions are always welcomed :>>
اقرء المزيد

الخميس، 1 سبتمبر 2011

ConvertXToDVD 4.0.5.315 Final Multi

ConvertXtoDVD - a program designed for converting video into a format compatible with DVD Video, and burn to DVD. The program supports most popular format Mpeg, Mpeg, Mpeg4, MP4, VOB, WMV, DV, AVI, and streaming video. The program does not need external AVI-codecs, because it uses its own. ConvertXtoDVD automatically create segments (chapters), supports multiple audio tracks, with subtitles (. SRT .SUB / IDX. SSA). The program also supports the creation of simple menus for DVD, you can set a background, choose a color and font settings for the labels

Can convert AVI, Mpeg, Mpeg4, DivX, Xvid, MOV, WMV, WMV HD, DV, MKV, DVD to DVD. Image format is automatically detected or you have a choice. Version 3 has a completely rewritten interface with subtitles support and a lot of new settings.
The program has all the features that are required when converting video files to conventional DVD:- Change aspect ratio- Supports NTSC and PAL- Quality mpeg2 encoder- And much more ...

Feautures:
- Video formats supported: avi, divx, xvid, mov, mkv, flv, mpeg-1, mpeg2-, mpeg-4, nsv, dvr-ms, tivo, ts, ifo, vob, asf, wmv, realmedia, rm, rmvb, ogm, existing files from digital camcorders, TV/Sat, capture cards, etc. No external codecs needed like avi codec download
- Create DVD menus with different templates available, possibility to add background video, image or audio, have chapter and audio/subtitle menus
- Conversion advisor wizard, control of the conversion speed vs. quality
- Fast and quality encoder, typically less than 1 hour for converting 1 movie, and supports Multi-Core processors!
- Included burning engine with burn speed control choice of SAO or packet writing methods, supports all DVD formats
- Custom and or automatic chapter creation with markers and preview window
- Advanced file merging possibilities
- Audio formats supported internal and external: AC3, DTS, PCM, OGG, MP3, WMA and more...
- Subtitles files supported internal and external: SRT, .SUB/IDX, .SSA with color and font selection, and supports tags like italic, bold
- Video output for video standard (NTSC, PAL), TV Screen (Widescreen 16:9, Fullscreen 4:3) and DVD Resolution (Full D1, Boradcast D1, Half D1, SIF), or choose automatic for all choices listed above. Also convert video from NTSC to PAL or PAL to NTSC
- Video post processing settings like video resize-pad/cropping and de-interlacing options
- Multilingual support
- Optimized for Windows 2000/XP/Vista





اقرء المزيد

الأربعاء، 31 أغسطس 2011

شرح إنشاء مدونة الكترونية على موقع بلوجر كوم Blogger.com

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد , السلام عليكم ورحمة الله وبركاته , شرح إنشاء مدونة الكترونية على موقع بلوجر كوم Blogger.com , وقبل أن تنشا مدونة الكترونية لابد أن تدخل الى موقع Blogger.Com ثم قم بتسجيل دخولك الى الموقع عبر حسابك في موقع Gmail وهي خدمة بريد Google.Com . ثم تابع معي الشرح بالصور





سجل دخولك الى موقع بلوجر عبر حسابك في موقع جوجل




قم بملأ البيانات ثم اضغط استمرار





إضغط أنشيء مدونتك ثم تابع





اكتب عنوان مدونتك , ثم URL الخاص بالمدونة ثم اضغط استمرار





اختر النموذج أو القالب الذي تريده



الآن مبروك تم إنشاء مدونتك .. اضغط لبدأ التدوين

الآن تم بفضل الله إنشاء مدونتك ..
تم بحمد الله ..

اقرء المزيد

شرح التسجيل في برنامج جوجل أدسنس Google Adsense

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










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

اقرء المزيد

شرح إضافة خلاصة المواضيع بجانب التصنيفات لمدونات بلوجر

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








  • ثم قم بتغييره لهذا الكود



  • Subscribe





  • ثم احفظ قالبك ..
    لتصبح الإضافة بهذا الشكل


    اقرء المزيد

    السبت، 27 أغسطس 2011

    كود الفتحة الاجبارية لمدونات بلوجر

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

    حم04; ملف الجافا سكريبت 
    Download here 


    2 افتح الملف بواسط577; notepad
    3قم بالبحث (CTRL+F). عن الرابط  التالي :

    http://dl4-egy.blogspot.com

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


    تم عوŸ0;ه برابط الموقع الدي تريد ان تعمل له فتحة إجبارية في مدونتك 
      قم بحفض التغييرات (CTRL+ S)

    4 ارفع الملف الى موقع لك على    http://sites.google.com

    5 إنتقل إلى لوحة  تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " 
    ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.

    قم بالبحث (CTRL+F). عن الكود التالي :
    <head>  



     
    ثم اضف تحته  هذا الكود مباشرة بعد التعديل عليه









    اقرء المزيد

    الجمعة، 26 أغسطس 2011

    Adding meta tags to blogger(blogspot) blogs,websites-SEO


    If you don't know what meta tags are, and the importance of adding meta tags, here is the detailed article on how to add them to your blogger(blogspot) blogs or any website.

    Adding meta tags is very important if you want to get some good traffic from search engines like google,yahoo,msn,etc,especially the meta description part is the most important one.

    If you don't know what meta tags are,Meta tags are the tags which describes your site and tells the search engines what your site is all about. Adding meta tags is an important factor in Organic Search Engine Optimization (SEO). Meta tags allows search engines to index your web pages more accurately. In other words,Meta tags communicate with the search engines and tells more information about your site and make your webpages index correctly and accurately.
    Here is an example. This is what I got when I typed 'Blogger Tricks' in the Google Search Engine.



    blogger tricks

    As

    you can see in the above screenshot, " Blog about Blogger Tips, Blogger

    Templates, Widgets, hacks, Blogger Tricks,etc. " is the meta tags

    description which I added to my site.
    You have to add two meta tags to the head section of your blogger template. One is the Meta description which describes your site and another one is Meta Keywords which tells about your site keywords(what your site is all about).
    Here is how to add meta tags to your blogger(blogspot) blog:
    1.Sign in to your blogger dashboard>Select the 'Design' link[see the screenshot below]
    blogger design
    2.Click on the 'Edit html' tab
    click on the 'edit html' tab



    Here is the code you have to add

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



    DESCRIPTION HERE:Write your blog description
    KEYWORDS:Write the keywords of your blog
    AUTHOR NAME:Write the author's name(Your name)


    { UPDATE : }
    Now..You don't need to do it manually.. I created an automatic Meta Tags Generator to make this process easy for you!
    Just go to this page and Enter some basic information like keywords,description,etc.. It will automatically generate you error free, effective Meta tags. Once done, copy that code and follow the next step.

    3.Add the above code just after this [Look at the below screenshot]
    <b:include data='blog' name='all-head-content'/>

    add the code just like this
    Don't forget to add description and keywords.
    and save the changes.


    IMPORTANT:
    Many people are just filling the meta description with keywords. DON'T DO THAT. Google and other search engines will ban your site from the search engines list if you repeat your keywords too often. Make sure you don't repeat any keyword more than 3 times.
    That's it!You have successfully added the metatags to your blogger(blogpsot) blog.If you want to check whether you added the meta tags correctly or not,just type 'meta tags analyzer tool' in the google and you will find so many sites which can check whether you have added the tags correctly or not.

     
    اقرء المزيد

    إخفاء عنوان الأداة من المدونة وإظهاره في تصميم القالب

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

    ولتطبيق هذه الفكرة ،توجه إلى  "تصميم" ثم حدد أحد الأدوات الجانبية التي ليس لها عنوان ،بطبيعة الحال سوف يكون العنوان الإفتراضي هو HTML/JavaScript ،إضغط على تحرير هذه الأداة ثم ضع لها عنوان مناسب .

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


















    الآن قم بحذف ما لون بالأحمر من الكود ثم قم بحفظ القالب  .

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

    الاثنين، 7 فبراير 2011

    خريطة مدونة ابو اياد




    إقرأ المزيد على مدونة أبو إياد http://www.abu-iyad.com/2010/07/table-of-contents-widget-for-blogger.html#ixzz1DHpqpYXG
    اقرء المزيد

    الأربعاء، 22 ديسمبر 2010

    How To Solve Google Sitemap Feed Proxy Errors – One Tip Solution

    You all know how to submit your blog sitemap to Google if not you can Google for it and can find 1000 tutorials on this single topic but something that most of you might have observed are the Google Sitemap Errors! How do you solve them? Why so many errors when you have done everything the right way? The answer is simple , read on. What actually happens is the fact that most bloggers burn their feeds at feedburnerAtom feed system provided by Blogger. So most bloggers have redirected their default feeds to feedburner as shown despite the default
    redirecting-site-feed
    When we submit our RSS or Atom feeds at Google Webmaster Tools Site we are actually submitting the redirected feed hosted by feedburner. The disadvantage of doing so is that when Google Robot crawls your blog it basically indexes the data provided by the default BlogSpot feed system but since you have redirected your default feeds to feedburner, Google robot has to contact two feed systems at a time! first from BlogSpot and then from Feedbuner and thus it turns out into a confusion and results as Feed Proxy Errors which is surely a headache for every newbie blogger. Unfortunately the internet has almost rare tutorials on this issue. The reason behind doing a professional SEO course was indeed learning how to solve all such problems. Luckily I have come up with a solution.
    The mistake everyone makes is by adding the following sitemap data,
    http://YOURBLOGNAME.blogspot.com/rss.xml
    OR
    http://YOURBLOGNAME.blogspot.com/atom.xml
    But this results in dozens of feed proxy errors. To solve this issue simply submit the following sitemap data,
    http://YOURBLOGNAME.blogspot.com/feeds/posts/default?redirect=false
    Note:- You only need to add feeds/posts/default?redirect=false  because your blog URL will be added by default.
    where , feeds/posts/default?redirect=false is the code that redirects Google only to the default BlogSpot Atom Feed system.
    Finally the results for your blog will look like that for mine,
    no-errors
    fully-indexed
    Impressive isn’t it! Adopt the right method and you will see a positive change too. Search Engine do really count for 75% of the traffic to your blog so make sure you smoothen the path for them by optimizing your sitemap as guided in today’s post.

    اقرء المزيد

    Random Ad Banners Widget For Blogger

    In most blogs which are selling ad spots you often have seen random Ad banners appearing when the page is refreshed. Ever wondered how to show random Ad Banners in Blogger? In today's tutorial we will learn how to create a Random Banner Widget for blogger which will show random Ad banners when a visitor visits a new page on your blog. Using this widget you can display as many Ad banners on a Sponsor Area as you want!
    This widget is exactly similar to our previous 125 by 125 AD Banner Widget and in fact it is the most awaited one and have been requested several times by our readers. Just last night I succeeded in creating a simple Java script that uses Array of images and thus displays random images on Page refresh.

    Lets have a demo of the widget before jumping to the tutorial. Note:- Refresh the page to see new Ad banners.

    How To Add Random Ad Banner Widget To Your Blogs


    Simply follow these steps,
    1. Go To Blogger > Design > Page Elements
    2. Choose HTML/JavaScript Widget
    3. And Paste the following code inside it,
    <div align="center">
    <table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
    <tbody><tr>
    <td><center>

    <!--  BANNER#1  -->
    <script language="JavaScript">
    images = new Array(2);

    images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
    images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
    index = Math.floor(Math.random() * images.length);
    document.write(images[index]);
    </script>

    </center></td>
    <td><center>
    <!--  BANNER#2  -->
    <script language="JavaScript">
    images = new Array(2);

    images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
    images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
    index = Math.floor(Math.random() * images.length);
    document.write(images[index]);
    </script>

    </center></td>
    </tr>
    <tr>

    <td><center>
    <!--  BANNER#3  -->
    <script language="JavaScript">
    images = new Array(2);

    images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
    images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
    index = Math.floor(Math.random() * images.length);
    document.write(images[index]);
    </script>

    </center></td>
    <td><center>
    <!--  BANNER#4  -->
    <script language="JavaScript">
    images = new Array(2);

    images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
    images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
    index = Math.floor(Math.random() * images.length);
    document.write(images[index]);
    </script>

    </td></center>
    </tr>
    </tbody></table>
    <table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
    <tbody>
          <tr>
           <td><center><a href="
    URL OF ADVERTISER" rel="nofollow"><img width="265" height="37" border="0" alt="Advertise Now!" src="file:///C:/Documents%20and%20Settings/Mohammad/Desktop/ADVERTISE-HERE.gif" /></a></center></td>
          </tr>

        </tbody></table>
    </div>





    MAKE THE FOLLOWING CHANGES:-
    1.  Replace URL OF ADVERTISER with the website link of the advertiser
    2.  Replace URL OF BANNER’S IMAGE-1  and URL OF BANNER’S IMAGE-2 with the Image links of the Advertiser’s banners
    3.  Replace AD DESCRIPTION with some information related to the Ad. The description appears on mouse hover.
    4.  If you want to increase the distance between the ad blocks then edit width="265"
    Now after making the necessary customization view your blog to see a beautiful 125 by 125 Banner widget that will change Banners on every different page.
    اقرء المزيد

    Google Translate Flags Widget For Blogger


    I’m sure that we are all not from the same country, and we all can’t read and understand all languages in the world, and as a blogger my self, sometimes i want to translate some blogs from various languages to English. The usual way is to copy the page url and then i go to Google translate service and paste the url there then hit enter.
    We can all short cut all this steps for our visitors by adding a great widget to our blog. it’s easy and one step trick.


    Widget Features
    This widget is a great one and the best translate widget ever and here are the features.
    • This Widget Auto detect your blog language and translate it to the readers chosen language.
    • Support 12 different languages, English, French, Germany, Spanish, Italian, Dutch, Brazilian, Russian, Japanese, Korean, Arabic And Chinese.
    • Auto Adjustment, No matter where do you add this widget, it’ll be auto adjusted with your blog template.
    widget to our blog. it’s easy and one step trick.

    How To Add It To Blogger.
    It’s very easy to add this widget to your blog, just go to your blogger dashboard >> Layout >> and on page elements page, Click Add A Gadget and choose HTML/JavaScript
    Leave the title empty or type any title for your widget, and in the content area paste the following code.

    =====================================================================
    <style>

     .google_translate img {
            filter:alpha(opacity=100);
            -moz-opacity: 1.0;
            opacity: 1.0;
            border:0;
            }
            .google_translate:hover img {
            filter:alpha(opacity=30);
            -moz-opacity: 0.30;
            opacity: 0.30;
            border:0;
            }
            .google_translatextra:hover img {
            filter:alpha(opacity=0.30);
            -moz-opacity: 0.30;
            opacity: 0.30;
            border:0;
            }
      </style>

     <div>

     <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ0pp1piEiu3aANHGOOkhB2ov2cGbaC6FZOGUIcDNMKm2zrNVrAoAQ4uL8LXuA2dn3hiEG53r368u9XnIYcfwA8B9-fXNHzLmXvquWApdZGkCH4g-lQuDBhyphenhyphenxK-ipZwbG0ogxmnxsAYWg/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>

     <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU3u1ylwgck8lo6XV3r-UU8IgMHmYzF3f5ObDMeDKTE9dKDCaaacZpY3IsoGbOythPE3I-1bqn6Bz6ZlPKnHN8l93sCaZ3caXrLiSHvAx-asRNhZgVU5Nwe576GjXOvfvdDPgIDz1zEQI/s200/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

     <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4YOXlpL0W5H5fgyaK8CknrzcIaPaijhkiJl9oygyLcMMwaZMwW9aUM9nk_jcjNDXv6zROg-VXiGkNXneqk-qu4NgycsDjdhWRVGSZkPtOAEWP1wdKtX5Z-jNPoS3lWQKZ4Xl6VXq3mKA/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

     <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YjAkxVmoiYAacyxTGW2AWHMcM1aIaXziZtqCV53YjiSjw1m12mLdsO8mn5BEJ1nshL9b-R-waEOxmL8ThY09mvU1nPbAnfkZklchsPKd3JXmdKgY7JEWkQl0WKwF1hOjrBH3UWSSbKY/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

     <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5GpMGLJwniSDI017DZierId0yGNMy58yRTRNpxKKBbP12wjED59InEEluB-iK9Nom07evte2sombv1cugUlsgY_h9kKda1ykbpvif-CQyQabkGJy8Okli4DaJGro9Nu1f7R4tUKqj6-o/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

     <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTSFYhepF3gn1Qi_WiQPCP8FVxiNeWd7PKTz4EMaxR9k6O1csTgVjoUMDNUgtBKGfdjNmk9Dk3ys7MF7UVATsner_-L2-O_iyWi5DOdU4QVHcfXcH66Vrdn17YcKg_uMKCeLksXS_1hGs/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_5jj3-gYlmTu15MGHRnzJHjxfU8aRW40dQ9Y0HrZ9vEfg0X-PM-94XXqA3pTk5zp1BTQMuaBigotrRgebzsz7JCr21YnUB9dYLnC2LobJT_vTWKiHugRtOjIQv4CeMycwcuRF7krdtrw/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

     <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmz0JuKlEfZEFVpsaQWu5DDp62jUK98jOsSWDQoRXWmGuqvagajZ-gDwg5ATPjzOnNoGVH7_2PvlghE-UA0tAqa0KOXbhhsWm0zQXia4uxFz65lnb9uOYcBh8vqU6r720EqurjloBi4ac/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

     <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB10koAd3X0jc_8-dLszFSGk-27j4GFPBnUOhnDW4vvLg8pESozxkgeZwcN9AqkViOxP5CbysAIc4ISZf93oTsm5cLKjZ4gNH5vS0SkRrqZgoXi1GW-qS1OEO0jx9CUoAARs2DOOg8_7s/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

     <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivrx5z2Jx_t6YZ6qAbC3Xp5t90L4epLXYbIhxx8QPywOw6pFQ5-iDJWyOpqJOEh1T76U-8Rf1W-6KP1Bq8rhf3VCCKs92-vPqeW8MoVj1R9NvivqU99d5bOu5b7NiyV_OrG-QS06S9JRo/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

     <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaVhVH7xvySxULhqdUCT9_J06rkzzaww0WYPFA1NdpHi_hhSCHrCQ4P6_NoKo1FXNvTBwQsARJIcB2dqAp6eiu4b05HThBPDw7fbOYcnTYJz7XUGfAomGVqzqYE7_3J-OW76Jp3Kg73pQ/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

     <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFWFLgbdopl5_9D8ZIZDMMXWln2XBE9KNMwJjnIjMg4zYS_Dw4gKwU9UlnQN5_DgtRw9NXHoPoKW99iFhtfT6Z9ohmQ1_8ntjXYQoaoWwW5-7B5WGGrJ84OZbs_GCtz03fFk41ZPCnE_o/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>      </div>
      <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>

     <br/>
            <a href="http://www.dl4egy.blogspot.com/"><font size="1px">this widget by www.dl4egy.blogspot.com</font></a>
    ==========================================================================

    And click Save
    The check your blog.

    Dont Forget To Say Thanks

    اقرء المزيد
    Blogger Template by Ramy darwish