ستارت كاش

حل مشكلة خطأ فتح صفحة تحريرHtml لمنصة بلوجر الجديدة

الزيارات:

السلام عليكم ورحمة الله تعالى وبركاته ،مرحبا بكل متتبعي مدونة ستارت كاش ،اليوم سوف أقدم لكم حل حصري لمشكلة عدم فتح صفحة "تحرير Html للمدونة " من إكتشافي بعد محاولات عديدة لحل هذه المشكلة

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

الآن لنتوجه لتطبيق الطريقة ،(تعتمد هذه الطريقة أولا على السرعة في عميلة النقر بمؤشر الماوس)

1.توجه على حسابك بموقع بلوجر
2.توجه للمدونة المراد فتح القالب الخاص بها وذلك من خلال الزر "قالب"
3.قبل فتح صفحة القالب بثواني قم بالضغط على الزر "نسخ إحتياطي/إستعادة" بأقصي سرعة ممكنة ثم إختيار "تنزيل النموذج الكامل" وذلك بعدة نقرات لفتحها بسرعة قبل إكتمال فتح صفحة القالب .(من الممكن أن لا تنجح من المحاولة الأولى ،لكن حاول أن تكون سريعا في عملية النقر على الزرين "نسخ إحتياطي/إستعادة" و "تنزيل النموذج الكامل")
4.سوف يتم تحميل نسخة القالب ،وهذا لا يهمنا الآن ،قم بإغلاق النافذة ثم إضغط على زر "تحرير Html" ثم "متابعة" ،وسوف تلاحظ أنك قد تمكنت من فتح تحرير Html الخاصة بقالب مدونته
5.الآن قم بحذف كود الجافا سكريبت المسبب لهذه المشكلة وذلك بالبحث عن هذا الكود وحذفه :

<script language='javascript' type='text/javascript'>

if (top != self) {

top.location.href = location.href;

}

</script>

وأخيرا مبروك عليك تصليح قالب المدونة

تابع القراءة ..

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

الزيارات:

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

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

الشرح :-

1- حسنا أول شئ نأخذ نسخه احتياطيه من القالب تجنبا لحدوث أى اخطاء

2- توجه إلى قالب المدونة، ثم تحرير HTML و نقوم بتوسيع عناصر القالب.

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

body {

ثم نقوم بإضافة الكود التالى :

background-size: cover;

أسفل :

background: url(URL de la img) no-repeat center center fixed;

ليظهر بشكل شبيه بهذا:

body {
background: url(URL de la imagen) no-repeat center center fixed;background-size: cover;margin:0;
color:#000;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

إنتهى الشرح احفظ القالب و قم بالمعاينة

تابع القراءة ..

نشر مواضيع المدونه والمواقع تلقائياً على الفيس بوك و تويتر

الزيارات:

Unknown | الخميس, فبراير 21, 2013 | اضافات بلوجر | الشبكات الأجتماعية | دروس بلوجر 1 تعليقات حتى الآن

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

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

من هنا

تابع الصور ومعها الشرح :

ويمكنك تسجيل الدخول
مباشره من دون ان تقوم بالتسجيل وذلك بإستخدام حسابك في OpenID اي في اي حساب تملكه مثل Google أو Flickr
او اي حساب آخر تملكه .

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

إذا اعجبك الموضوع ، قم بنشره على الازرار المفضلات الاجتماعية اسفله و لك جزيل الشكر في انتظار تشجيعاتكم

تابع القراءة ..

بلوجر علي الاي فون Blogger on iphone

الزيارات:

AboYazan | الاثنين, فبراير 18, 2013 | دروس بلوجر كن أول من يعلق!

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

الآن نتطرق الى صور التطبيق الرسمي من صفحة الاي تونز

لتحميل التطبيق اضغط هنا

المصدر

تابع القراءة ..

اضافة التسميات بخاصية Css3

الزيارات:

AboYazan | الاثنين, فبراير 11, 2013 | اضافات بلوجر | دروس بلوجر كن أول من يعلق!

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

كيفية تخصيص اقسام المدونة مع CSS3؟

علينا أولا تحرير بعض إعدادات التسمية لدينا مثل الصورة التاليه.

الآن انتقل إلى لوحة تحكم المدون ثم القالب
تذكير :- لا تنسى ان تأخذ نسخه من القالب
انقر على تحرير HTML

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

]]></b:skin>

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

/*CSS3 Bricks Style Labels By http://start4cash.blogspot.com/ */

#textwidget {

    color: #666;

    font-size: 0.925em;

    font-style: italic;

    line-height: 1.6em

}

a.tag {

    color: #777;

    font: 9px verdana;

    text-transform: uppercase;

    transition: border-color .218s;

    background: #f4f4f4;

    background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));

    display: inline-block;

    text-shadow: 0 1px 0 #fff;

    -webkit-transition: border-color .218s;

    -moz-transition: border .218s;

    -o-transition: border-color .218s;

    transition: border-color .218s;

    background: #f3f3f3;

    background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));

    background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));

    border: solid 1px #ccc;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    margin: 0 4px 4px 0;

    padding: 3px 5px;

    text-decoration: none

}

a.tag:hover {

    color: #333;

    border-color: #999;

    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);

    box-shadow: 0 1px 2px rgba(0,0,0,0.15)

}

a.tag:active {

    color: #000;

    border-color: #444

}

.slides {

    font-size: 85%;

    line-height: 130%;

    overflow: hidden;

    padding: 0;

    margin: 30px 0 10px;

    border-bottom: 1px solid #000

}

/*CSS3 Bricks Style Labels By http://start4cash.blogspot.com/ */

ثم ابحث عن الكود التالى

<b:widget id='Label1' locked='false'

حدده حتى تجد

</b:widget>

استبدل الكود من

<b:widget id='Label1' locked='false'

الى

</b:widget>

بالكود التالى

<b:widget id='Label1' locked='false' title='Labels Cloud' type='Label'>

    <b:includable id='main'>

        <b:if cond='data:title'>

            <h2>

                <data:title/>

            </h2>

        </b:if>

        <div class='textwidget'>

            <div expr:class='"widget-content " + data:display + "-label-widget-content"'>

                <b:if cond='data:display == "list"'>

                    <ul>

                        <b:loop values='data:labels' var='label'>

                            <li>

                                <b:if cond='data:blog.url == data:label.url'>

                                    <span expr:dir='data:blog.languageDirection'>

                                        <data:label.name/>

                                    </span>

                                    <b:else/>

                                    <a class='tag' expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

                                </b:if>

                                <b:if cond='data:showFreqNumbers'>

                                    <span dir='ltr'>(

                                        <data:label.count/>)</span>

                                </b:if>

                            </li>

                        </b:loop>

                    </ul>

                    <b:else/>

                    <b:loop values='data:labels' var='label'>

                        <span expr:class='"label-size label-size-" + data:label.cssSize'>

                            <b:if cond='data:blog.url == data:label.url'>

                                <span expr:dir='data:blog.languageDirection'>

                                    <data:label.name/>

                                </span>

                                <b:else/>

                                <a class='tag' expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

                            </b:if>

                            <b:if cond='data:showFreqNumbers'>

                                <span class='label-count' dir='ltr'>(

                                    <data:label.count/>)</span>

                            </b:if>

                        </span>

                    </b:loop>

                </b:if>

                <b:include name='quickedit' />

            </div>

        </div>

    </b:includable>

</b:widget>

و اخيرا اضغط حفظ القالب

تابع القراءة ..

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

الزيارات:

Unknown | الاثنين, فبراير 04, 2013 | دروس بلوجر | نشر المدونات كن أول من يعلق!

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

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

<h3 class=’post-title entry-title’>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’><data:post.title/></a>
<b:else/>
<b:if cond=’data:post.url’>
<b:if cond=’data:blog.url != data:post.url’>
<a expr:href=’data:post.url’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>

قم بتغيير h3 الواقعه في نهاية الكود وفي بدايته بهذا h1

ثم اضغط حفظ للقالب . هذا فقط كل شئ .

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

< بالتوفيق للجميع >

تابع القراءة ..

اضافة شريط تسلسل دخولك للتدوينات

الزيارات:

AboYazan | الأحد, يناير 13, 2013 | اضافات بلوجر | دروس بلوجر كن أول من يعلق!

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

تذكير :- اولا و قبل كل شئ هناخد نسخه احتياطيه من القالب تجنبا لأى اخطاء

الخطوة الاولى :-

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

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

1- ابحث عن :

]]></b:skin>

2- انسخ الكود التالي والصقه فوقها مباشرة ..

.breadcrumbs{
padding:5px 0px 5px 5px;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

3- الان ابحث عن :

<div class='post hentry uncustomized-post-template'>

4- وانسخ الكود التالي بعدها مباشرة :

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
انت تقرأ .. » <a expr:href='data:blog.homepageUrl'>الرئيسية</a> »
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>

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

وبالتوفيق لي ولكم

تابع القراءة ..

مشاركة التدوينات على جوجل بلس Google Plus

الزيارات:

AboYazan | الخميس, يناير 10, 2013 | دروس بلوجر كن أول من يعلق!

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

اليوم هنشرح درس مهم لأصحاب المدونات

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

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

لنشر موضوع ما على جوجل بلس ما عليك سوى التوجه من لوح تحكم مدونتك إلى قائمة المشاركات و هناك ستجد تحت كل موضوع بعد تضليله خيار "المشاركة" بضغطه سيظهر مربع المشاركة :-

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

انتهى الدرس

تابع القراءة ..

تغيير خلفية صندوق تعليقات مدونة بلوجر

الزيارات:

AboYazan | الأحد, يوليو 22, 2012 | اضافات بلوجر | دروس بلوجر كن أول من يعلق!

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

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

]]></b:skin>

5. قم بوضع الكود الموجود بالاسفل قبله مباشرة.

#mbt-form iframe{
background:#ffffff url(IMAGE-LINK) repeat;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#2F97FF;
width:560px; height:213px !important;
}
#mbt-form a{
color:#fff;
}

لا تنسى تغيير تلك العباره IMAGE-LINK داخل الكود باي رابط صوره من الموجودين في اخر التدوينه وللقيام بتغيير عرض صندوق التعليقات يمكنك التلاعب بهذا الرقم داخل الكود كمنا يحلو لك ويتناسب مع مدونتك width:560px .
6. الان قم بالبحث مجددا عن هذا الكود:

<div class='comment-form'>

7. قم باستبداله بالكود التالى

<div id='mbt-form'>

8. قم بحفظ قالب مدونتك ومبروك عليك التغيير الجديد

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

Happy Christmas Background

IMAGE LINK:
http://www.backgroundlabs.com/backgrounds/318.jpg

GARDEN

http://www.backgroundlabs.com/backgrounds/40.jpg

AQUA

http://www.backgroundlabs.com/backgrounds/434.gif

BLUE OCEAN

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_XJltk5N6idVGaw2W_SkDhd48dKqLBNEANQuAx4X24n79YqrSxOw_4XjgVgUj1ytRSNR8B0ZjHvr2DR8TuJ1sqYEgIl5M2rpLPnJF7N_9_0GFBmCUYeynkTEO9iW1DBTIcE7D7W4wRaM/s400/1.png

CHECKER

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCNMy2VmCUDt6Wlytm4k2EzmYX1QK5ze36dAzZiFkny96urqCWMkW81ehTcKk9p_ltLcgApfBXPnuX8TK6jDUvLqy5xXmTro8OBqxCFLJbGNPLFrpY92_Jz-VJWRXXYzBocqoK0zal1mk/s400/2.png

CHALK

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOevCaXrJrzjlKJJPxKQzwO2_18-_ucz3HIErbEVH_drkxIibfM_SD4QElsJfhnWuxXx79BOkuvTXa9Kr4sn0nkEz-M_4mRbsGp4qjPudsmVPYcMBhgTDMAfG2GN2ZnBpmkJLRAu5zaD8/s400/4.png

WOODEN

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA7Wb9VL2bvcp6nzyrjtVUD0mIsf7RGVTNxs4loDVhFL-NzqI6ODs0YV0jGYT0rj6-gkNR9ADwMZWygpWOzk9qiSbEDPKjZuDhSvRPZu1ysBStGS-FbEj_fKuqP-Ph4ZNzgIlBWQ5l2wg/s400/7.png

Blocks

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjimUy8zUqrNKK0tX3sMKwaHvh0ahyNcXN5eWRCwP3gYXRtx_6Axz8sApcE6ciTsQNCWijXNMBK0qZ55bn9b8972Uov6PA6ORMSue3xnbxFvGnyzqqEbmx1SCLmYPvTemg8izKmFAR1ujc/s400/9.png

TILES

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCqe_JRdSK-GAZv49eWtA5O_eRT2NpINHyvRmZnTW_2vjNXnhGHgJxWhCXG3ARcOxG6qrQo5pzrVT8YZlEbt61orZftx4ySBZJ6Vr_qb8asLHg4mASTHDJfzfYd7vvu9uhMOdC2NSRjNg/s400/8.png

METALLIC

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2LFOHj5_RNfi5QcQ3AO0tuQF-3COMkHB3GbblRcCMNm1c2GnWyNi92eJG0D5Kg4Vqjzkgj_8VXJdoIj2aBxJgMd8pZ-2uKubUB6zYPPZzK_qESLgVLAKNO_cE53SW_WmUQIfvhmGqVxA/s400/12.png

ياااااااااارب الدرس يكون عجبكوا و شكرااااااااااا

تابع القراءة ..

اضافة أزرار المشاركة الإجتماعية بتقنية jQeury الى المدونة

الزيارات:

AboYazan | السبت, يوليو 21, 2012 | اضافات بلوجر | الشبكات الأجتماعية | دروس بلوجر كن أول من يعلق!

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

أولا :- " ما هى تقنية jQeury؟ "

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

ثانيا :- شرح طريقة التركيب :-

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

تذكير:لا تنسى أن تأخد نسخة إحتياطية لمدونتك تجنبا لحدوث أى أخطاء
نبحث عن الكود التالى :

</head>

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

<style type="text/css"> /* Social share buttons By www.egy-grand.blogspot.com */ ul.social { list-style:none; margin:15px auto;display:inline-block; } ul.social li { display:inline; float:left; background-repeat:no-repeat; } ul.social li a { display:block; width:48px; height:48px; padding-right:10px; position:relative; text-decoration:none; } ul.social li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);} ul.social li.facebook { background-image:url("https://lh5.googleusercontent.com/-0zwhBirk998/T7-wLV5MRLI/AAAAAAAAAkM/5_ZDuKM0ebI/s48/facebook.png"); } ul.social li.twitter { background-image:url("https://lh6.googleusercontent.com/-nZtqbw9RyB0/T7-wN8Er73I/AAAAAAAAAk0/-CQCDPgK3r4/s48/twitter.png"); } ul.social li.googlebuzz { background-image:url("https://lh4.googleusercontent.com/-WdnOP76oVsY/T7-wL4HNXHI/AAAAAAAAAkU/mGjaZTY7j3U/s48/googlebuzz.png"); } ul.social li.stumbleupon { background-image:url("https://lh3.googleusercontent.com/-8D0Yfx6GWns/T7-wMXUWyaI/AAAAAAAAAkw/HMsFcC8_ECY/s48/stumbleupon.png"); } ul.social li.digg { background-image:url("https://lh5.googleusercontent.com/-VHozHP5CYyU/T7-wKh3juHI/AAAAAAAAAkA/m2aqKHYVwvE/s48/digg.png"); } ul.social li.delicious { background-image:url("https://lh6.googleusercontent.com/-JUr6QZGLk4Y/T7-wLNOW1vI/AAAAAAAAAkE/T47V8zmijt4/s48/delicious.png"); } ul.social li.linkedin { background-image:url("https://lh5.googleusercontent.com/-aG0EWXKIeu8/T7-wMOK94LI/AAAAAAAAAkg/fGarq2Ket14/s48/linkedin.png"); } ul.social li.reddit { background-image:url("https://lh4.googleusercontent.com/-nozr-wrxBV4/T7-wMDWQZDI/AAAAAAAAAk4/PbCUbyNen5E/s48/reddit.png"); } ul.social li.technorati { background-image:url("https://lh4.googleusercontent.com/-cHT2Fc4Zhpc/T7-wN2v9X-I/AAAAAAAAAlA/jCvR-oISzxE/s48/technorati.png"); } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#jqueryanime li").each(function () { $("a strong", this).css("opacity", "0"); }); $("#jqueryanime li").hover(function () { $(this).stop().fadeTo(500, 1).siblings().stop().fadeTo(500, 0.2); $("a strong", this).stop().animate({ opacity: 1, top: "-10px" }, 300); }, function () { $(this).stop().fadeTo(500, 1).siblings().stop().fadeTo(500, 1); $("a strong", this).stop().animate({ opacity: 0, top: "-1px" }, 300); }); }); /* Social share buttons By www.egy-grand.blogspot.com */ </script>

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

<data:post.body/>

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

<b:if cond='data:blog.pageType == "item"'> <ul class='social' id='jqueryanime'> <li class='facebook'> <a expr:href='"http://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "&t=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Share this on Facebook'><strong>Facebook</strong></a> </li> <li class='twitter'> <a expr:href='"http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url ' rel='nofollow' title='Tweet This!'><strong>Twitter</strong></a> </li> <li class='googlebuzz'> <a expr:href='"http://www.google.com/buzz/post?url=" + data:post.url + "&imageurl="' rel='nofollow' title='Post on Google Buzz'><strong>Google Buzz</strong></a> </li> <li class='stumbleupon'> <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'><strong>StumbleUpon</strong></a> </li> <li class='digg'> <a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Digg this!'><strong>Digg</strong></a> </li> <li class='delicious'> <a expr:href='"http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on del.icio.us'><strong>Delicious</strong></a> </li> <li class='linkedin'> <a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=&source="' rel='nofollow' title='Share this on LinkedIn'><strong>LinkedIn</strong></a> </li> <li class='reddit'> <a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on Reddit'><strong>Reddit</strong></a> </li> <li class='technorati'> <a expr:href='"http://technorati.com/faves?add=" + data:post.url ' rel='nofollow' title='Share this on Technorati'><strong>Technorati</strong></a> </li> </ul></b:if>

ثم نضغط حفظ القالب و شاهد النتيجة اتمنى الأضافة تعجبكوا

تابع القراءة ..

ستارت كاش

حل مشكلة خطأ فتح صفحة تحريرHtml لمنصة بلوجر الجديدة

الزيارات:

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

الزيارات:

نشر مواضيع المدونه والمواقع تلقائياً على الفيس بوك و تويتر

الزيارات:

ويمكنك تسجيل الدخول
مباشره من دون ان تقوم بالتسجيل وذلك بإستخدام حسابك في OpenID اي في اي حساب تملكه مثل Google أو Flickr
او اي حساب آخر تملكه .

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

بلوجر علي الاي فون Blogger on iphone

الزيارات:

اضافة التسميات بخاصية Css3

الزيارات:

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

الزيارات:

اضافة شريط تسلسل دخولك للتدوينات

الزيارات:

تذكير :- اولا و قبل كل شئ هناخد نسخه احتياطيه من القالب تجنبا لأى اخطاء

الخطوة الاولى :-

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

مشاركة التدوينات على جوجل بلس Google Plus

الزيارات:

تغيير خلفية صندوق تعليقات مدونة بلوجر

الزيارات:

قم باتباع الخطوات البسيطه التي بالاسفل :

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

اضافة أزرار المشاركة الإجتماعية بتقنية jQeury الى المدونة

الزيارات:

البحث فى جوجل

الأقسام الرئيسية

اشترك فى القائمة البريدية

ضع إيميلك ليصلك كل جديد ستارت كاش

المتابعون

التبادل الاعلانى

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

Tags

مواقع صديقة

ستارت كاش

حل مشكلة خطأ فتح صفحة تحريرHtml لمنصة بلوجر الجديدة الزيارات:

شرح جعل خلفية المدونة تظهر بحجم كامل على جميع الشاشات الزيارات:

نشر مواضيع المدونه والمواقع تلقائياً على الفيس بوك و تويتر الزيارات:

ويمكنك تسجيل الدخول مباشره من دون ان تقوم بالتسجيل وذلك بإستخدام حسابك في OpenID اي في اي حساب تملكه مثل Google أو Flickr او اي حساب آخر تملكه .

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

بلوجر علي الاي فون Blogger on iphone الزيارات:

اضافة التسميات بخاصية Css3 الزيارات:

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

اضافة شريط تسلسل دخولك للتدوينات الزيارات:

تذكير :- اولا و قبل كل شئ هناخد نسخه احتياطيه من القالب تجنبا لأى اخطاء

الخطوة الاولى :-

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

مشاركة التدوينات على جوجل بلس Google Plus الزيارات:

تغيير خلفية صندوق تعليقات مدونة بلوجر الزيارات:

قم باتباع الخطوات البسيطه التي بالاسفل :

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

اضافة أزرار المشاركة الإجتماعية بتقنية jQeury الى المدونة الزيارات:

البحث فى جوجل

الأقسام الرئيسية

اشترك فى القائمة البريدية

ضع إيميلك ليصلك كل جديد ستارت كاش

المتابعون

التبادل الاعلانى

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

Tags

مواقع صديقة

حل مشكلة خطأ فتح صفحة تحريرHtml لمنصة بلوجر الجديدة

الزيارات:

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

الزيارات:

نشر مواضيع المدونه والمواقع تلقائياً على الفيس بوك و تويتر

الزيارات:

ويمكنك تسجيل الدخول
مباشره من دون ان تقوم بالتسجيل وذلك بإستخدام حسابك في OpenID اي في اي حساب تملكه مثل Google أو Flickr
او اي حساب آخر تملكه .

بلوجر علي الاي فون Blogger on iphone

الزيارات:

اضافة التسميات بخاصية Css3

الزيارات:

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

الزيارات:

اضافة شريط تسلسل دخولك للتدوينات

الزيارات:

مشاركة التدوينات على جوجل بلس Google Plus

الزيارات:

تغيير خلفية صندوق تعليقات مدونة بلوجر

الزيارات:

اضافة أزرار المشاركة الإجتماعية بتقنية jQeury الى المدونة

الزيارات: