Add Translation Widget to Blogger

وانا بقرأ مقاله لقيتها في مدونه جميله جدا اسمها

blogger accessories

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

وهذا الكود يشمل هذه هذه اللغات

Arabic , Bulgarian , Chinese ( simplified and traditional) , Croatian , Czech , danish , Dutch , Finnish , French , German , Greek , Hindi , Italian , Japanese , Korean ,Norwegian , Polish , Portuguese ,Romanian , Russian , Spanish and Swedish.

Add this code to new widget ...AS
open ur blog and go to the Layout > Page elements > Add a Gadget and then paste this code and make SAVE

<div style="padding:10px 10px 10px 10px;text-align:center;">

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Car&hl=en&ie=UTF8'); return false;" title="Translate English to Arabic"><img border="0" style="cursor:pointer; cursor:hand;" alt="Translate English to Arabic" width="24" src="http://i263.photobucket.com/albums/ii150/mohamedrias/Arabic_Flag.png" height="18" title="Translate English to Arabic"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Translate to Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_chinese_s.png" height="18" title="Translate to Chinese (Simplified) BETA"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cbg&hl=en&ie=UTF8'); return false;" title="Translate English to Bulgarian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Bulgarian_Flag.png" height="18" title="Translate to Bulgarian"/></a>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-TW&hl=en&ie=UTF8'); return false;" title="Translate English to Traditional Chinese"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Mandarin_Flag.png" height="18" title="Translate to traditional Chinese"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Chr&hl=en&ie=UTF8'); return false;" title="Translate English to Croatian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Croatian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Croatian_Flag.png" height="18" title="Translate to Croatian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Ccs&hl=en&ie=UTF8'); return false;" title="Translate English to Czech"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Czech" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Czech_Flag.png" height="18" title="Translate to Czech"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cda&hl=en&ie=UTF8'); return false;" title="Translate English to Danish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to danish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Danish_Flag.png" height="18" title="Translate to Danish"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cnl&hl=en&ie=UTF8'); return false;" title="Translate English to Dutch"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Dutch" src="http://i40.photobucket.com/albums/e208/winglord01/nederlands.gif" height="18" title="Translate to Dutch"/></a>


<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfi&hl=en&ie=UTF8'); return false;" title="Translate English to Finnish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Finnish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Finnish_Flag.png" height="18" title="Translate to Finnish"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Translate English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to French" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_fr.gif" height="18" title="Translate to French"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Translate English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to German" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_german_s.png" height="18" title="Translate English to German"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cel&hl=en&ie=UTF8'); return false;" title="Translate English to Greek"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Greek" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_gr.gif" height="18" title="Translate to Greek"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Chi&hl=en&ie=UTF8'); return false;" title="Translate English to Hindi"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Hindi" src="http://i323.photobucket.com/albums/nn467/techbookmark/hindi.png" height="18" title="Translate to Hindi"/></a>


<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt=" Translate English to Italian" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_italian_s.png" height="18" title=" Translate English to Italian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Japanese BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_japanese_s.png" height="18" title="Translate English to Japanese BETA"/></a>


<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title=" Translate English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Korean BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_korean_s.png" height="18" title="Translate English to Korean BETA"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cno&hl=en&ie=UTF8'); return false;" title="Translate English to Norwegian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Norwegian" src="http://i536.photobucket.com/albums/ff328/pmhrid/norway_flag.png" height="18" title="Translate to Norwegian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cpl&hl=en&ie=UTF8'); return false;" title="Translate English to Polish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Polish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Polish_Flag.png" height="18" title="Translate to Polish"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cpt&hl=en&ie=UTF8'); return false;" title="Translate English to Portuguese"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Portuguese" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_pt.gif" height="18" title="Translate to Portuguese"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cro&hl=en&ie=UTF8'); return false;" title="Translate English to Romanian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Romanian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Romansh_Flag.png" height="18" title="Translate to Romanian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Translate English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Russian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Russian_Flag.png" height="18" title="Translate to Russian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title=" Translate English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Russian BETA " src="http://i263.photobucket.com/albums/ii150/mohamedrias/_russian_s.png" height="18" title=" Translate English to Russian BETA "/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Translate English to Spanish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Spanish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Spanish_Flag.png" height="18" title="Translate English to Spanish"/></a>


<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Csv&hl=en&ie=UTF8'); return false;" title="Translate English to Swedish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Translate English to Swedish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Swedish_Flag.png" height="18" title="Translate to Swedish"/></a>
<div style="display:none;">
<small><a href="http://rias-techno-wizard.blogspot.com" target="_blank">Grab this widget</a></small></div>
</div>

والكود ده لازم تاخد بالك انه بيحول من الانجلش لاي لغه اخري اما بق لو المدونه بتاعتك اساسها لغه عربيه لازم تعمل تعديل علي الكود كما هو التالي

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=en%7Car&hl=en&ie=UTF8'); return false;" title="Translate English to Arabic"><img border="0" style="cursor:pointer; cursor:hand;" alt="Translate English to Arabic" width="24" src="http://i263.photobucket.com/albums/ii150/mohamedrias/Arabic_Flag.png" height="18" title="Translate English to Arabic"/></a>

الجزء الملون باللون الاخضر يمثل اللغه الاساسيه للمدونه وهنا اللغه الاساسيه هي الانجلش ولكن اذا كانت اللغه العربيه هي اللغه الاساسيه يجب عليك تغيير هذا الجزء الملون بالاخضر الي هذه الاكواد

Arabic = ar ; Bulgarian = bg ; Chinese Simplified = zh-CN ; traditional Chinese = zh-TW ; Croatian = hr ; Czech = cs ; Danish = da ; Dutch = nl ; Finnish = fi ; French = fr ; German = de ; Greek = el ; Hindi = hi ; Italian = it ; Japanese beta = ja ; Korean = ko ; Norwegian = no ; Polish = pl ; Portuguese = pt ; Romanian = ro ; Russian = ru ; Spanish = es ; and lastly Swedish = sv .

وهذا التغيير ينطبق علي الكود الاول كامل

Read more...

Add Google Adsense within the blogger posts

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

لا يمكن استخدام
built-in gadgets
لوضع اكواد الادسنس داخل كل موضوع في المدونه
وايضا لايمكن وضع كود الادسنس داخل الموضوع في الوسط ولكن فقط يوضع في الاسفل او اعلي الموضوع مع ميزه جعل نص الموضوع يحيط بالاعلان

الخطوات

1. Get your Adsense code from the Adsense website
2. Parse the code to replace special characters with HTML entities
3. In Blogger, go to Layout, then choose Edit HTML
4. Make a backup of your template by clicking Download Full Template
5. Click Expand Widget Templates
6. Search for <data:post.body/> or <p><data:post.body/></p>

7. Place your Adsense code on the line immediately above this
8. Save the template

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


اما الطريقه الثانيه فهي اسهل وهي تقوم بعدم اظهار الاكواد في الصفحه الرئيسيه في المدونه لكل موضوع ولكن عند اختيارك لموضوع واحد لقراءته داخل المدونه يظهر الاعلان في الموضوع

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

<b:if cond='data:blog.pageType == "item"'>
PUT YOUR ِAdsense CODE HERE
</b:if>

وبذلك يكون شكله في النهاره

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float: left;'>
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-xxxxxxxxxxxxxxxx&quot;;
google_ad_host = &quot;pub-xxxxxxxxxxxxxxxx&quot;;
google_ad_slot = &quot;xxxxxxxxxx&quot;;
google_ad_width = 336;
google_ad_height = 280;
//--&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;
</div>
</b:if>
<p><data:post.body/></p>

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

Read more...

Edit your Blog from ur desktop

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

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

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

4- محرر كتابه وايسيوايج غني وذو امكانيات كبيره

5-سهوله تسليم الصور واشياء اخري

1. Microsoft Windows Live Writer

Live Writer is my favorite blog editor, and perhaps the best at the moment. If you've got used to Microsoft Office applications, you can find this software easy to use.It has a clean and familiar interface with rich text editor, spelling check,

Another great feature that takes Live Writer ahead of other competitors is the support of pluggins to add more funtions to this software

2. ScribeFire

Scribefire is not a stand alone software. It is a Firefox addons which helps you post to your blog from Firefox browser. It supports many blogging services including WordPress, LiveJournal, Xanga, Windows Live Spaces, Performancing, MySpace, Tumblr, Movable Type, Drupal and Blogger. ScribeFire supports drag-and-drop, lets you share your blog post on sites like Digg, Fark, and Reddit etc. from within Scribefire, and also ping service to ping-o-matic, Weblogs...

3. Zoundry Raven

Zoundry Raven is another free advanced WYSIWYG-blog editor with XHTML source editing, drag and drop images, video, and text from the Web, unicode (UTF-8) support, preview posts in your blog's template, multiple blogs management.

The interface is similar to Microsoft Outlook with folder tree on the left, post titles on the upper, and the content is in the lower part. Writing a new is also like writing a new email.

This editor is provided as portable software so that you could put in your flash drive and let you blog on the road.

4. W.bloggar

w.bloggar is a professional blog editor for advanced users. It has a lot more advanced features built-in than Live Writer.

With w.bloggar you can save posts locally for further publishing, import text files, post to many blogs and ping to Weblogs.Com, blo.gs, Technorati and ping-o-matic. There is also a portable version so that you can take with your anywhere on a USB drive.

5. Qumama

Qumana has a very simple and user friendly interface with the left side bar lists all your blogs and the main pane lists the recent posts of the selected blog. The pane below it displays the content of the selected post.

To ceate new post, clicking on ‘New post’ and the post editor will be opened in a new window. The post editor has common formatting options and also lets you configure some post settings, like aloowing comments or tracbacks.

Read more...

How to Add Custom Social Bookmark Icons at the end of Your Blogger Blog Posts

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

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

Photobucket
ImageShack

بعد كده تفتح الموضوع ده وتختار اي اشكال من الايقونات دي وتعملها رفع علي المواقع اللي فوق دي
http://moih60.blogspot.com/2009/01/bookmark-icons.html

الخطوه الثانيه:
انك تعمل اديت للبلوج بتاعك عن طريق الذهاب الي
"Layout" tab. Select the "edit HTML" option.
بعد كده اعمل صح علي
"Expand Widget Templates"



الخطوه الثالثه:
دوس علي
Ctrl+F

واعمل لصق للكود ده



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



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

For Digg:

<a expr:href='"http://digg.com/submit?phase=2&url="+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='Digg It!' border='1' height='40px' src='insert your direct link to Digg icon image here' width='40px'/></a>

For Stumble:

<a expr:href='"http://www.stumbleupon.com/refer.php?url="+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='Stumble Upon' border='0' height='40px' src='insert your direct link to StumbleUpon icon image here' width='40px'/></a>

For Delicious:

<a expr:href='"http://del.icio.us/submit?url="+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='Add to Delicious' border='0' height='40px' src='insert your direct link to Delicious icon image here' width='40px'/></a>

For Twitter:

<a expr:href='"http://twitter.com/home?status=Reading%20this:+"+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='Tell Your Tweets' border='0' height='40px' src='insert your direct link to Twitter icon image here' width='40px'/></a>

For Reddit:

<a expr:href='"http://reddit.com/submit?url="+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='I Reddit!' border='0' height='40px' src='insert your direct link to Reddit icon image here' width='40px'/></a>

For Techorati:

<a expr:href='"http://www.technorati.com/faves?add="+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='Add to Your Faves' border='0' height='40px' src='insert your direct link to Technorati icon image here' width='40px'/></a>

For Facebook:

<a expr:href='"http://www.facebook.com/sharer.php?u="+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='Face It!' border='0' height='40px' src='insert your direct link to Facebook icon image here' width='40px'/></a>

For Mixx:

<a expr:href='"http://www.mixx.com/submit?page_url="+ data:post.url + "&amp;title="+ data:post.title' target='_blank'><img alt='Mixx it Up!' border='0' height='40px' src='insert your direct link to Mix icon image here' width='40px'/></a>

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

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

Read more...

Change the appearance of Feedburner Email Subscription Form

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

Original post

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


<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=Your feed ID here', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="http://feeds.feedburner.com/~e?ffid=Your feed ID here" name="url"/><input type="hidden" value="your blog name" name="title"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://www.feedburner.com" target="_blank">FeedBurner</a></p></form>


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

background: #00BB11

بعد هذا الكود

text-align:center;

ليطبح كما في الشكل التالي

<form style="border:1px solid #ccc;padding:3px;text-align:center;background: #00BB11;"

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

background: url(your image url here);

بعد هذا الكود

text-align:center;

ليصبح هكذا

<form action="http://www.feedburner.com/fb/a/emailverify" style="border:1px solid #ccc;padding:3px;text-align:center;background: url(your image url here);"

ثالثا.......لتغيير عرض مربع السبسكربشن
قم بتغيير هذا الكود

width:140px

وقم باضافه الر قم الذي تحتاجه بدلا من 140

رابعا......اضافه الكلا م وهي كلمه
enter your email here
الي مربع السبسكربش

قم بالبحث عن هذا الكود ثم قم بعد ذلك بازالته

<p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p>

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

<input type="text" style="width:240px" name="email" value="Enter your email address" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>

خامسا......تغيير طول الجزء الذي تستطيع ان تكتب داخله الايميل
قم باضافه هذا الكود بكامله
height:22px;

وذلك بعد الكود

style="width:255px;

سادسا......تغيير لون وشكل الخد في مربع السبسكربشن
قم باضافه هذا الكود
font-size:15px;color:#AA33FF

بعد هذا الكود
style="width:255px;

سابعا.....لازاله الجزء او الرابط للفيد بيرنر اسفل مربع السبسكربشن
فقط قم بازاله هذا الكود

<p>Delivered by <a href="http://www.feedburner.com" target="_blank">FeedBurner</a></p>

Read more...

How To Add “Read More” Expandable Posts Link To The Blogger

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

تم نقلها من المصدر
eblogtemplates

اول حاجه طبعا لازم تعمل حفظ للقالب بتاع المدونه عشان لو حصل اي خطأ ترجعله
طبعا في البدايه اذهب الي
Layout>>Edit HTML>>and then check expand widget templates

بعد كده دوس علي
Ctrl+F
هتلاقي مربع بحث ظهرك من تحت الشاشه انسخ الكود اللي تحت ده والصقه في مربع البحث


<data:post.body/>

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


<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style>


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

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

<data:post.body/>

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


<b:if cond='data:blog.pageType != "item"'><br /> <a expr:href='data:post.url'>Read more...</a> </b:if> </b:if>


لاحظ في الكود اللي فوق ده مكتوب كلمه

Read More

دي ممكن تغيرها لاي كلمه انتا عايزها سواء باللغه العربيه او بالانجليزيه

هتلاقي في الخر النتيجه زي اللي في الصوره كده



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

اذهب الي
“Settings” => “Formatting” and scroll all the way down to the bottom

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


<span class="fullpost">

</span>

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

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

<span class='fullpost'> and </span>

هتنزل الموضوع بتاعك عادي وتنزل الكود ده
<span class='fullpost'>
في نص الموضوع بحيث ان اللي قبل الكود ده هو اللي هيظهر في الصفحه الرئيسيه وبعد كده في اخر الموضوع خالص تخلي الكود التاني ده
</span>

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

Read more...

How to add different Meta Tags

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

SEO (Search Engine Optimisation)

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

First Sign in to Blogger dashboard » Layout » Edit html

and find this line

لسهوله البحث اضغط علي

Ctrl+F
بعد كده انسخ الكود اللي تحت ده وقم بلصقه داخل مربع البحث اللي ظهر من تحت في الشاشه هتلاقيه يتحدد باللون الاخضر

<b:include data='blog' name='all-head-content'/>

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

<b:if cond='data:blog.url == "YOUR BLOG URL"'>

<meta content='DESCRIPTION' name='description'/>
<meta content='KEYWORDS' name='keywords'/> </b:if>

لاحظ هنا يجب عليك تغيير اللينك الخاص بالمدونه وقم بوضع رابط المدونه لديك

وفي النهايه سيكون شكل الشكل النهائي كما في الصوره

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

How to add different Meta Tags

هيكون الرابط بتاعه مثلا

http://moih60.blogspot.com/2009/01/how-to-add-different-meta-tags.html

دلوقتي عايزين نضيف ميتا تاج للموضوع

ده عشان يشتغل عليه السيرش انجن بتاع الجوجل او اي سيرش تاني

كل ما عليك انك تعمله انك تنسخ الكود التاني ده وتغير اللينك بتاع المدونه ده.....الخط الاحمر .....وتبدله بكود الموضوع اللي منزله

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

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

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

Read more...