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

<div dir="ltr" style="text-align: left;" trbidi="on"><table cellpadding="0" cellspacing="0" class="tr-caption-container tr_bq" style="margin-left: auto; margin-right: auto; text-align: justify;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGhA4KlTo6ar9B4lCDHFBmYupvc7bx83iqCIyYvUXCtNP4s4lhsBDf9h7MmFFL05KT15Zcocx7fihaNZMb661yigwqXu_y-fu83tsmwUFh1l4UpJ8Xrs39JA5vwwwMmsuIPT13q0fwfy4/s1600/%25D8%25B1%25D9%2585%25D8%25B6%25D8%25A7%25D9%2586_%25D9%2583%25D8%25B1%25D9%258A%25D9%2585.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="رمضان كريم" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGhA4KlTo6ar9B4lCDHFBmYupvc7bx83iqCIyYvUXCtNP4s4lhsBDf9h7MmFFL05KT15Zcocx7fihaNZMb661yigwqXu_y-fu83tsmwUFh1l4UpJ8Xrs39JA5vwwwMmsuIPT13q0fwfy4/s400/%25D8%25B1%25D9%2585%25D8%25B6%25D8%25A7%25D9%2586_%25D9%2583%25D8%25B1%25D9%258A%25D9%2585.jpg" title="رمضان كريم" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">رمضان كريم</td></tr></tbody></table><div dir="rtl" style="text-align: justify;"><div style="text-align: justify;">السلام عليكم ورحمة الله تعالى وبركاته، في هذا الموضوع وبمناسبة حلول شهر رمضان المبارك ادخله الله علينا باليمن والبركات وقبول الدعوات والطاعات، احببت ان اشارككم اضافة حلوة لمدونات بلوجر وهي اضافة "<b>رمضان كريم</b>" لتباركوا لزوار ومتتبعي مدونتكم هذا الشهر الفضيل وخلق علاقات جيدة معهم وكسب الاجر والثواب في نفس الوقت. لن اطيل عليكم، الأن نمر الى طريقة التركيب.</div></div><div dir="rtl" style="text-align: justify;"><div style="text-align: justify;"><br /></div></div><div dir="rtl" style="text-align: justify;"><div style="text-align: justify;">الإضافة هي كود HTML بسيط يتكون من صورة وبعض خصائص CSS.</div></div><div dir="rtl" style="text-align: justify;"><div style="text-align: justify;"><br /></div></div><h3 dir="rtl" style="text-align: justify;">طريقة تركيب اضافة رمضان كريم في بلوجر</h3><div dir="rtl" style="text-align: justify;"></div><ul dir="rtl" style="text-align: right;"><li style="text-align: justify;">قم بالتوجه الى لوحة تحكم مدونتك > ثم إلى تخطيط</li><li style="text-align: justify;">إختر مكان مناسب > ثم اضغط على اضافة اداة جديدة > اختر اضافة أداة HTML/JAVASCRIPT</li><li style="text-align: justify;">لا تقم بكتابة اي شئ في العنوان، ثم قم بلصق الكود التالي في صندوق الأكواد</li><li style="text-align: justify;">قم بالحفظ ومبرووك علك اضافة رمضان كريم</li></ul><h3 dir="rtl" style="text-align: justify;">كود رمضان كريم</h3><div dir="rtl" style="text-align: justify;"><br /></div><blockquote style="text-align: left;"><div style="text-align: left;"><div style="position: fixed; top: 40%; left: 1%;"></div><div style="text-align: left;"><img alt="Blog Tips" background-color:="" src="<span style=">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-hy6mAjJgtWRPOjJ3AquGyHtE4wJ6US5Dn3N1E5WDFn5LE69qEICEbPXGsM4bQy7SpVwYBw3APr4NgO7157vGntMafc38HWuoonHftnjNGOrhOq4lmf9RqaxpJAkVZpUvbWxThFB-SbU/s1600/%25D8%25B1%25D9%2585%25D8%25B6%25D8%25A7%25D9%2586_%25D9%2583%25D8%25B1%25D9%258A%25D9%2585.png</span>" /></div><div style="text-align: left;"></div></div></blockquote><div dir="rtl" style="text-align: justify;"><u>بعض التعديلات :</u></div><div dir="rtl" style="text-align: justify;"><br /></div><div dir="rtl" style="text-align: justify;">الرابط المحدد باللون <span style="background-color: yellow;">الأصفر</span> هو رابط الصورة بمكنك تغييره باي صورة تود</div><div dir="rtl" style="text-align: justify;">كما يمكنك تغيير الرقمان 40 و 1 الى ان تصل الى النتيجة التي تريدها</div><div dir="rtl" style="text-align: justify;"><br /></div><div dir="rtl" style="text-align: justify;"><br /></div><div dir="rtl" style="text-align: center;">الى هنا ينتهي الشرح وبهذه المناسبة أقول لكم :</div><div dir="rtl" style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUAb9XmqndC7x93BmxNOfFqKg0eYISU5lhAyRPM9ow0O6NX0eRV3WxvWu4WIXBKA90Lx01YsrE2kDS_pLJVpP1aOWHgysVhR9-h3kIm5Op4-GssS-PrT08zZHfIvoXO9_HC9R60zvhnW4/s1600/%25D8%25A7%25D8%25B6%25D8%25A7%25D9%2581%25D8%25A9_%25D8%25B1%25D9%2585%25D8%25B6%25D8%25A7%25D9%2586_%25D9%2583%25D8%25B1%25D9%258A%25D9%2585.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUAb9XmqndC7x93BmxNOfFqKg0eYISU5lhAyRPM9ow0O6NX0eRV3WxvWu4WIXBKA90Lx01YsrE2kDS_pLJVpP1aOWHgysVhR9-h3kIm5Op4-GssS-PrT08zZHfIvoXO9_HC9R60zvhnW4/s1600/%25D8%25A7%25D8%25B6%25D8%25A7%25D9%2581%25D8%25A9_%25D8%25B1%25D9%2585%25D8%25B6%25D8%25A7%25D9%2586_%25D9%2583%25D8%25B1%25D9%258A%25D9%2585.png" /></a></div><div dir="rtl" style="text-align: center;"><br /></div><div dir="rtl" style="text-align: center;"><br /></div></div>

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

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

مزيد من المعلومات »

صندوق اعجابات الفيس بوك الجديد والأنيق

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP-LJxU1uYluGAgy9ARTUi92wemyNngyfBLSfOb9jFTXE1dpZMxwGOvC_eFTsgmaH0nzN0iILZpATo3Q_8A_Grbgr4ZLUrYowzXQOvqqTU9wxYLdD1wMmKwgnjVabRtfk2S6ea4tSgtPs/s1600/%D8%B5%D9%86%D8%AF%D9%88%D9%82_%D8%A7%D8%B9%D8%AC%D8%A7%D8%A8%D8%A7%D8%AA_%D8%A7%D9%84%D9%81%D9%8A%D8%B3_%D8%A8%D9%88%D9%83_%D8%A7%D9%84%D8%AC%D8%AF%D9%8A%D8%AF_%D9%88%D8%A7%D9%84%D8%A3%D9%86%D9%8A%D9%82.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="صندوق اعجابات الفيس بوك الجديد والأنيق" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP-LJxU1uYluGAgy9ARTUi92wemyNngyfBLSfOb9jFTXE1dpZMxwGOvC_eFTsgmaH0nzN0iILZpATo3Q_8A_Grbgr4ZLUrYowzXQOvqqTU9wxYLdD1wMmKwgnjVabRtfk2S6ea4tSgtPs/s1600/%D8%B5%D9%86%D8%AF%D9%88%D9%82_%D8%A7%D8%B9%D8%AC%D8%A7%D8%A8%D8%A7%D8%AA_%D8%A7%D9%84%D9%81%D9%8A%D8%B3_%D8%A8%D9%88%D9%83_%D8%A7%D9%84%D8%AC%D8%AF%D9%8A%D8%AF_%D9%88%D8%A7%D9%84%D8%A3%D9%86%D9%8A%D9%82.PNG" title="صندوق اعجابات الفيس بوك الجديد والأنيق" /></a></div><div dir="rtl" style="text-align: center;"><br /></div><div dir="rtl" style="text-align: center;">السلام عليكم ورحمة الله تعالى وبركاته، مرحبا بكم متتبعي وزوار مدونة <a href="http://tadwinpro.blogspot.com/" target="_blank">تدوين باحتراف</a></div><div dir="rtl" style="text-align: right;"><div style="text-align: justify;">نعتذر لكم عن طول الغياب وعدم وضع مواضيع واضافات جديدة والناتج طبعا عن انشغالي بالدراسة، لكن ان شاء الله في هذا  الموضوع سأتطرق الى اضافة جيدة شاهدتها كثيرا في المدونات والمواقع الاخبارية خصوصا، وهي <b>اضافة صندوق اعجابات الفيس بوك الجديد</b> والذي اتاحت استخدامه في الأسابيع القليلة الماضية، حقا هو صندوق جذاب وأنيق قامت شركة الفيسبوك باضافة بعض التعديلات والمسات كإظهار كوفر الصفحة وزر "إنشر". لتكتشف المميزات بنفسك يمكنك المعاينة المباشرة من مدونة <a href="http://tadwinpro.blogspot.com/" target="_blank">تدوين باحتراف</a> في الفقرة الموالية.</div><div style="text-align: center;"><span href="https://www.blogger.com/null" id="demo">المعاينة</span><br />(استغل الفرصة وكن من متابعينا الأوفياء)</div></div><div dir="rtl" style="text-align: center;"><br /><div class="fb-page" data-hide-cover="false" data-href="https://www.facebook.com/tadwintop" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/tadwintop"><a href="https://www.facebook.com/tadwintop">‎تدوين باحتراف‎</a></blockquote></div></div><br /></div></div><br /><div class="fb-xfbml-parse-ignore"><div dir="rtl" style="text-align: justify;">كما رأيت فالاضافة الجديدة من شركة فيس بوك أنيقة جدا ومتغيرة عن الاضافة السابقة.</div><div dir="rtl" style="text-align: justify;"><br /></div><div dir="rtl" style="text-align: justify;"><h3>طريقة التركيب</h3>في البداية توجه إلى صفحة الإضافة على الفيسبوك من هنـــا : <a href="https://developers.facebook.com/docs/plugins/page-plugin" id="url" rel="nofollow" target="_blank">Page Plugin</a><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdz6GxTuPK_8hd0TBh79OUK8m3cmtltzLBkQWH8pR6cw-loay4633ANtmJCkG45OPYqXLbN7JDGrwJqcHcOBZRnwM-Dw80rD0KNcm0fVDAor4R5aa6ZOmyKdwrkQXAL4w__mfe-Ks_2XQ/s1600/%D8%B5%D9%86%D8%AF%D9%88%D9%82_%D8%A5%D8%B9%D8%AC%D8%A7%D8%A8%D8%A7%D8%AA_%D8%A7%D9%84%D9%81%D9%8A%D8%B3_%D8%A8%D9%88%D9%83_%D8%A7%D9%84%D8%AC%D8%AF%D9%8A%D8%AF.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="صندوق اعجابات الفيس بوك الجديد " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdz6GxTuPK_8hd0TBh79OUK8m3cmtltzLBkQWH8pR6cw-loay4633ANtmJCkG45OPYqXLbN7JDGrwJqcHcOBZRnwM-Dw80rD0KNcm0fVDAor4R5aa6ZOmyKdwrkQXAL4w__mfe-Ks_2XQ/s1600/%D8%B5%D9%86%D8%AF%D9%88%D9%82_%D8%A5%D8%B9%D8%AC%D8%A7%D8%A8%D8%A7%D8%AA_%D8%A7%D9%84%D9%81%D9%8A%D8%B3_%D8%A8%D9%88%D9%83_%D8%A7%D9%84%D8%AC%D8%AF%D9%8A%D8%AF.PNG" title="صندوق اعجابات الفيس بوك الجديد" /></a></div><div style="text-align: center;"><br /></div><div style="text-align: right;">1- ادخل هنا رابط صفحتك على الفيس بوك</div><div style="text-align: right;">2- هنا يمكنك وضع عرض محدد للإضافة</div><div style="text-align: right;">3- هنا يمكنك وضع طول محدد للإضافة</div><div style="text-align: right;">4- هنا يمكنك التحكم في اظهار او اخفاء الكوفر (الغلاف)</div><div style="text-align: right;">5- هذا الزر يخول لك اظهار او اخفاء المنشورات</div><div style="text-align: right;">6- هنا يمكنك اظهار او اخفاء صور المعجبين بالصفحة</div><div style="text-align: right;"><br /></div><div style="text-align: right;">بعد الانتهاء من تعبئة المعلومات كاملة اضغط على "Get Code" للحصول على الأكواد</div><div style="text-align: right;"><br /></div><div style="text-align: right;">ستنبثق لك هاته الصفحة والتي بها الأكواد </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirmTHcw8LludpnuEbChPBJkyXljuv10CKfP7iKd0Dy0PEczUBFJNlMtsI64R-Qq2-QVF-dsos-EgegSS8ND7tVSxVhJ2QwoOGZYQle1D7eCZl2Sg1ghqYE20jxfhmcymQXJsCA2Lzr_G4/s1600/%D8%B5%D9%86%D8%AF%D9%88%D9%82_%D8%A5%D8%B9%D8%AC%D8%A7%D8%A8%D8%A7%D8%AA_%D8%A7%D9%84%D9%81%D9%8A%D8%B3_%D8%A8%D9%88%D9%83_%D8%A7%D9%84%D8%AC%D8%AF%D9%8A%D8%AF.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="صندوق اعجابات الفيس بوك الجديد" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirmTHcw8LludpnuEbChPBJkyXljuv10CKfP7iKd0Dy0PEczUBFJNlMtsI64R-Qq2-QVF-dsos-EgegSS8ND7tVSxVhJ2QwoOGZYQle1D7eCZl2Sg1ghqYE20jxfhmcymQXJsCA2Lzr_G4/s1600/%D8%B5%D9%86%D8%AF%D9%88%D9%82_%D8%A5%D8%B9%D8%AC%D8%A7%D8%A8%D8%A7%D8%AA_%D8%A7%D9%84%D9%81%D9%8A%D8%B3_%D8%A8%D9%88%D9%83_%D8%A7%D9%84%D8%AC%D8%AF%D9%8A%D8%AF.PNG" title="صندوق اعجابات الفيس بوك الجديد" /></a></div><div style="text-align: right;">قم باختيار اللغة من الزر رقم 1</div><div style="text-align: right;"><br /></div><div style="text-align: right;">الكود الأول قم بوضعه في قالب مدونتك قبل الوسم  <span id="url"></body></span></div></div></div></div></div><div dir="rtl" style="text-align: right;">وذلك بعد تحويله بهاته <a href="http://tadwinpro.blogspot.com/p/blog-page_26.html" rel="nofollow" target="_blank">الأداة</a></div><div dir="rtl" style="text-align: right;"><br /></div><div dir="rtl" style="text-align: right;">بعد ذلك قم بنسخ الكود الثاني وضعه في اي مكتن تريد ان تضهر فيه الإضافة ومبرووك عليك.</div><div dir="rtl" style="text-align: right;"><br /></div><div dir="rtl" style="text-align: center;">إذا اعجبتك الاضافة او كان لديك اي استفسار او اي غموض لا تتردد في وضعه في <u><b><span style="color: red; font-size: large;">التعليقات</span></b></u> وسأكون سعيد للإجابة على كل الأسئلة.</div></div>

صندوق اعجابات الفيس بوك الجديد والأنيق

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

مزيد من المعلومات »

سلايد شو تلقائي لمدونات بلوجر

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" dir="rtl" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEituml5VxC2FvIv6Nzbu5cSzE7fUNgdEXuYNQkpvx-lBVPd6G_v4JQbSH9pd9I5fyuZURxwPaDsaLFH2id4T6ahh8r9miqlbxaVjCyoyispRjhVa92o4BygPWfi8yecFc0fajQdgxBYE2Y/s1600/%D8%B3%D9%84%D8%A7%D9%8A%D8%AF%D8%B4%D9%88-%D8%AA%D9%84%D9%82%D8%A7%D8%A6%D9%8A-%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA-%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="سلايد شو تلقائي لمدونات بلوجر" border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEituml5VxC2FvIv6Nzbu5cSzE7fUNgdEXuYNQkpvx-lBVPd6G_v4JQbSH9pd9I5fyuZURxwPaDsaLFH2id4T6ahh8r9miqlbxaVjCyoyispRjhVa92o4BygPWfi8yecFc0fajQdgxBYE2Y/s1600/%D8%B3%D9%84%D8%A7%D9%8A%D8%AF%D8%B4%D9%88-%D8%AA%D9%84%D9%82%D8%A7%D8%A6%D9%8A-%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA-%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" title="سلايد شو تلقائي لمدونات بلوجر" width="400" /></a></div><div dir="rtl" style="text-align: justify;">السلام عليكم ورحمة الله تعالى وبركاته، مرحبا بكم متتبعي وزوار مدونة تدوين باحتراف، في هذا الموضوع ان شاء الله سنتطرق الى <b>سلايد شو</b> لمدونات <a href="http://tadwinpro.blogspot.com/2013/12/How-to-Create-blog-in-blogger.html" target="_blank">بلوجر</a> وطريقة تركيبه والتعديل عليه، حقا فالسلايد شو هو اضافة يحبها العديد من المدونين لما لها من فوائد اذ يقوم بعرض آخر المواضيع في المدونة بشكل جذاب بحيت يمكن الزائر الى الولوج الى هذه المواضيع بكل سهولة فالسلايد شو الذي سنتطرق اليه في هذه التدوينة ذو شكل جذاب وأنيق وما يميزه عن باقي السلايدشوهات الآخرى هو كونه متجاوب مع جميع الشاشات، ويمكنك وضعه في أي موضع تريد في مدونتك بلوجر بحيث سيأخذ قياسات المكان الذي وضعته فيه بالاضافة الى كونه متحرك وتلقائي. لمعرفة كود السلايد شو وطريقة تركيبه والتعديل عليه تابع الشرح.</div><div dir="rtl" style="text-align: justify;"><br /></div><div dir="rtl" style="text-align: justify;"><h3>معاينة السلايد شو</h3></div><div dir="rtl" style="text-align: center;"><a href="http://adf.ly/1ERAtV" id="demo" rel="nofollow" target="_blank">معاينة</a></div><h3 dir="rtl" style="text-align: justify;">تركيب السلايد شو</h3><div dir="rtl" style="text-align: right;"></div><ul dir="rtl" style="text-align: right;"><li>توجه الى لوحة تحكم مدونتك</li><li>ثم اضغط على تخطيط Layout</li><li>قم باضافة اداة جديدة في المكان الذي تود ان تضع فيه السلايد شو</li><li>اختر اداة <span id="url">html/javascript</span> ثم الصق كود السلايد شو في الصندوق وقم بالحفظ</li></ul><div dir="rtl" style="text-align: justify;"><br /></div><h3 dir="rtl" style="text-align: justify;">كود السلايد شو</h3><div style="text-align: justify;"><blockquote class="tr_bq" style="text-align: left;"><style><br />/* CSS Slider Recent Post */<br />#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}<br />#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}<br />#slides ul{height:320px}<br />#slides li{width:50%;height:100%;position:absolute;display:none}<br />#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4), #slides li:nth-child(5){display:block}<br />#slides li:nth-child(1){right:0;top:0}<br />#slides li:nth-child(2){right:50%;width:25%;height:50%}<br />#slides li:nth-child(3){right:75%;width:25%;height:50%}<br />#slides li:nth-child(4){right:50%;top:50%;width:25%;height:50%}<br />#slides li:nth-child(5){right:75%;top:50%;width:25%;height:50%}<br />#slides li:nth-child(1) h4 {overflow:hidden;font-size:25px;bottom:0;color:#fafafa;width:100%;<br />padding:10px 10px 10px 90px;text-align:left;text-transform:uppercase;background:rgba(0,0,0,0.3);<br />height:90px;font-family:'Oswald';text-shadow:2px 2px 0 rgba(0,0,0,0.2);line-height:32px;left:0;}<br />#slides li:nth-child(1) .label_text {font-size:30px;display:block;bottom:10px;left:10px;<br />padding:0;font-family:'Oswald';box-shadow:5px 3px 0 rgba(0,0,0,0.2);}<br />#slides li:nth-child(1) span.dd {display:block;font-size:30px;padding:12px 15px;<br />background:#ff6553;margin:0;}<br />#slides li:nth-child(1) span.dm {display:block;font-size:14px;background:#333;color:#fff;<br />padding:5px 21px;text-transform:uppercase;margin:0;}<br />#slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;}<br />#slides a{display:block;width:100%;height:100%;overflow:hidden}<br />#slides img{display:block;width:100%;height:auto;border:0;padding:0;background-color:#333;-moz-transform:scale(1.0) rotate(0);-webkit-transform:scale(1.0) rotate(0);-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;}<br />#slides li a:hover img {-moz-transform:scale(1.1) rotate(1deg);-webkit-transform:scale(1.1) rotate(1deg);-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;}<br />#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://2.bp.blogspot.com/-0haO2Mfkjjk/VDgZww2tfEI/AAAAAAAAHAk/zhu3INYSkHA/s1600/fade.png);background-position:50% 40%;background-repeat:repeat-x;}<br />#slides h4{position:absolute;bottom:40px;margin:0;font-size:13px;font-family:'Oswald';<br />right:10px;padding:5px 10px;color:#f9f9f9;z-index:3;line-height:20px;font-weight:normal;<br />background:rgba(41,41,41,0.7);text-align:right;text-transform:uppercase;margin-left:10px;}<br />#slides .label_text{font-size:12px;color:#fff;bottom:10px;z-index:3;left:10px;<br />position:absolute;background:rgba(255,101,83,0.8);padding:3px 6px;font-family:'Oswald';<br />text-transform:uppercase;}<br />#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname,#slides li:nth-child(4) .autname,#slides li:nth-child(5) .autname{display:none;}<br />#slides .overlayx,#slides li{transition:all .4s ease-in-out}<br />#slides li:nth-child(1) .overlayx{display:none;}<br />#slides li:hover .overlayx{opacity:0.1}<br />@media only screen and (max-width:800px){<br />#slides li:nth-child(1) h4 {font-size:18px;line-height:24px;}}<br />@media only screen and (max-width:600px){<br />  #slides ul{height:600px}<br />  #slides li:nth-child(1){width:100%;height:50%}<br />  #slides li:nth-child(2){top:50%;height:25%;right:0;width:50%}<br />  #slides li:nth-child(3){right:50%;top:50%;width:50%;height:25%}<br />  #slides li:nth-child(4){right:0;top:75%;height:25%;width:100%}<br />  #slides li:nth-child(5){display:none;}}<br />@media only screen and (max-width:480px){<br />#slides li:nth-child(1) h4 {font-size:13px;line-height:16px;}}<br /></style><br /><br /><br /><div id="featuredpost"></div><br /><script type='text/javascript'><br />//<![CDATA[<br />function FeaturedPost(a){(function(e){var h={blogURL:"",MaxPost:5,idcontaint:"#featuredpost",ImageSize:500,interval:10000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://3.bp.blogspot.com/-v45kaX-IHKo/VDgZxWv0xUI/AAAAAAAAHAo/QJQf8Dlh3xc/s1600/grey.gif",MonthNames:["يناير","فبراير","مارس","ابريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var c=h.blogURL;var d=h.MaxPost*200;if(h.blogURL===""){c=window.location.protocol+"//"+window.location.host}g.html('<div id="slides"><ul class="randomnya"></ul></div><div id="buttons"><a href="#" id="prevx" title="prev"></a><a href="#" id="nextx" title="next"></a></div>').addClass(h.loadingClass);var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail"in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'" title="'+k+'"><div class="overlayx"></div><img class="random" src="'+u+'" title="'+k+'"><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l)};var b=function(){var i="/-/"+h.tagName;if(h.tagName===false){i="";e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}else{e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}(function(){setTimeout(function(){e("#prevx").click(function(){e("#slides li:first").before(e("#slides li:last"));return false});e("#nextx").click(function(){e("#slides li:last").after(e("#slides li:first"));return false});if(h.autoplay){var k=h.interval;var l=setInterval("rotate()",k);e("#slides li:first").before(e("#slides li:last"));e("#slides").hover(function(){clearInterval(l)},function(){l=setInterval("rotate()",k)});function j(){e("#nextx").click()}}g.removeClass(h.loadingClass)},d)})()};e(document).ready(b)})(jQuery)};function rotate(){$('#nextx').click();};document.write('')<br />//]]><br /></script><br /><script type='text/javascript'><br />//<![CDATA[<br />$(document).ready(function () {<br />FeaturedPost({<br />blogURL:"<span id="url">http://tadwinpro.blogspot.com/"</span>,<br />MaxPost:8,<br />idcontaint:"#featuredpost",<br />ImageSize:500,<br />interval:10000,<br />autoplay:true,<br />tagName:false<br />});<br />});<br />//]]><br /></script></blockquote></div><div dir="rtl" style="text-align: justify;"><br /></div><h3 dir="rtl" style="text-align: justify;">تعديلات على السلايد شو</h3><div dir="rtl" style="text-align: justify;"><ul><li>غير <span id="url">http://tadwinpro.blogspot.com/</span> برابط مدونتك</li></ul><div style="text-align: center;">إلى هنا يكون الموضوع قد انتهى، أتمنى أن ينال السلايد شو اعجابكم ولا تنسى التعبير برأيك في <u>التعليقات</u></div></div></div>

سلايد شو تلقائي لمدونات بلوجر

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

مزيد من المعلومات »

توجيه زوار مدونة بلوجر إلى مدونة أخرى

<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJkyWqP0rqbqex8XDK4rwnsIvQQhNrjSqpfwNwaEMJ1LQCfFKGM6hgyGXv9n7gRbF8KjpJIckpz1MnzfPdkFXfVRSFHv_eI-wZ-fbXqH-JCQyZ5vFpOwTkWa_du2T0N7gec7x9QqJ9gU0/s1600/%D8%AA%D9%88%D8%AC%D9%8A%D9%87-%D8%B2%D9%88%D8%A7%D8%B1-%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83-%D8%A8%D9%84%D9%88%D8%AC%D8%B1-%D8%A5%D9%84%D9%89-%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D8%A3%D8%AE%D8%B1%D9%89.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="توجيه زوار مدونة بلوجر إلى مدونة أخرى" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJkyWqP0rqbqex8XDK4rwnsIvQQhNrjSqpfwNwaEMJ1LQCfFKGM6hgyGXv9n7gRbF8KjpJIckpz1MnzfPdkFXfVRSFHv_eI-wZ-fbXqH-JCQyZ5vFpOwTkWa_du2T0N7gec7x9QqJ9gU0/s1600/%D8%AA%D9%88%D8%AC%D9%8A%D9%87-%D8%B2%D9%88%D8%A7%D8%B1-%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83-%D8%A8%D9%84%D9%88%D8%AC%D8%B1-%D8%A5%D9%84%D9%89-%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D8%A3%D8%AE%D8%B1%D9%89.png" title="توجيه زوار مدونة بلوجر إلى مدونة أخرى" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">توجيه زوار مدونتك بلوجر إلى مدونة أخرى</td></tr></tbody></table><div dir="rtl" style="text-align: justify;">الكثير من المدونين وأصحاب المواقع ينشؤون مدونات جديدة ويهملون القديمة نظرا لسبب معين، لكن المشكل التي تواجهم في مدوناتهم الجديدة هي ضعف عدد الزوار وارتفاء في ترتيب ألكسا مقارنة بالمدونات القديمة، لذلك في هذه التدوينة سنقوم بالتطرق لإضافة مهمة من أجل <b>توجيه زوار مدونة بلوجر إلى مدونة أخرى</b>، أذ بمجرد زيارة الزائر لمدونتك القديمة عن طريق رابطها او عن طريق نتائج البحث في محركات البحث سيتوجه تلقائيا وبسرعة إلى رابط المدونة الجديدة ، جميلة أليس كذلك؟ نعم، هذه هي الإضافة التي سنحاول التطرق اليها في هذا الموضوع.</div><div dir="rtl" style="text-align: justify;"><br /></div><div dir="rtl" style="text-align: justify;">اولا المعاينة من هنا : <a href="http://site24.blogspot.com/" id="demo" rel="nofollow" target="_blank">مثال مباشر</a><br /><br />عند زيارتك للمثال التجريبي السابق ستلاحظ أن عند الدخول الى ذالك الرابط سيتم اعادة توجيهك إلى مدونة <a href="http://tadwinpro.blogspot.com/" rel="nofollow" target="_blank" title="تدوين باحتراف">تدوين باحتراف</a>.<br /><br /><h3>طريقة توجيه زوار مدونتك بلوجر إلى مدونة أخرى</h3><div><ul><li>توجه إلى لوحة تحكم مدونتك القديمة طبعا</li><li>ثم الى "<b>القالب</b>"، قم بالضغط على تحرير HTML</li><li>إبحث عن  <span id="url"></head></span></li><li>ثم أضف فوقه/قبله الكود التالي :</li></ul><h3>كود توجيه زوار مدونتك</h3></div><div dir="ltr" style="text-align: left;"><blockquote class="tr_bq"><!--Start redirection code--><br /><script type='text/javascript'><br />  var d='<data:blog.url/>';<br />  d=d.replace(/.*\/\/[^\/]*/, '');<br />  location.href = '<span style="background-color: #cc0000; color: white;">http://tadwinpro.blogspot.com/</span>';<br /></script><br /><!--End redirection code--> </blockquote><div dir="rtl" style="text-align: right;"><u>التعديل على الإضافة</u></div><div dir="rtl" style="text-align: right;"><br /></div><div dir="rtl" style="text-align: right;">قم يتغير <span style="background-color: #cc0000; color: white;">الرابط</span> بالرابط الذي تريد ان توجه الزائر اليه، يعني رابط المدونة الجديدة</div><div dir="rtl" style="text-align: right;"><br /></div><div dir="rtl" style="text-align: right;">الى هنا يكون موضوع توجيه زوار مدونة بلوجر إلى مدونة أخرى قد انتهى أتمنى أن تستفيد من الإضافة وان تكون قد نالت إعجابك.</div><div dir="rtl" style="text-align: right;"><br /></div><div dir="rtl" style="text-align: right;">لا تنسى المشاركة في الموضوع عن طريق الضغط على الازرار في الأسفل، وشكرا.</div></div></div></div>

توجيه زوار مدونة بلوجر إلى مدونة أخرى

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

مزيد من المعلومات »

صندوق اقتباس لمدونات بلوجر

<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><img alt="صندوق اقتباس لمدونات بلوجر" border="0" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDgoUDpqdFG-XYdL24nsCTHpl2oKqmfUguvKwtBEDu3T2mAMIXt9Ln-VuqIThG2_89Iy83npmeAIGyf_5z3linYoTuzKF-F4p5fonu_Hr9k8G9Y9pV3cRPssDFCNty5jbx7i5kqe0xVDk/s1600/%D8%B5%D9%86%D8%AF%D9%88%D9%82-%D8%A7%D9%82%D8%AA%D8%A8%D8%A7%D8%B3-%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA-%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" style="margin-left: auto; margin-right: auto;" title="صندوق اقتباس لمدونات بلوجر" width="400" /></td></tr><tr><td class="tr-caption" style="text-align: center;">صندوق اقتباس لمدونات بلوجر</td></tr></tbody></table><div dir="rtl" style="text-align: justify;"><br /></div><div dir="rtl" style="text-align: justify;">السلام عليكم ورحمة الله تعالى وبركاته ، مرحبا بكم في هذا الموضوع الجديد سنحاول التطرق الى اضافة مهمة في مدونات بلوجر، فبعد ان طلب مني احد متابعي مدونة <a href="http://tadwinpro.blogspot.com/" target="_blank">تدوين باحتراف</a> طريقة اضافة الأكواد والنصوص في صناديق أنيقة في مشاركات مدونات بلوجر، قمت بوضع هذا الموضوع من اجل التطرق لهذه الاضافة والكود المسؤول عنها ومناقشة الكود لفهمه وفهم طريقة التعديل عليه. الكود الذي سنتطرق اليه في هذا الموضوع هو عبارة عن تنسيق Style css. تابعو معنا الشرح.</div><div dir="rtl" style="text-align: justify;"><br /></div><h3 dir="rtl" style="text-align: justify;">كود صندوق اقتباس لمدونات بلوجر</h3><div><blockquote class="tr_bq">/** Style Css blockquote By:Tadwinpro.blogspot.com **/<br />.post blockquote {<br />position: relative;<br />z-index: 50;<br />background: <span style="background-color: #cccccc;">#f9f9f9</span> url(<span style="color: red;">http://3.bp.blogspot.com/-tabzcxz1DTU/VNaDBpOCgcI/AAAAAAAAA90/AngvGg9lyPQ/s1600/blockquote.png</span>) no-repeat <span style="color: #741b47;">top</span> <span style="color: #bf9000;">left</span>;<br />border: 1px solid #999;<br />color: #222;<br />display: block;<br />margin: 10px 0 10px;<br />padding: 20px 15px 17px;<br />overflow: auto;<br />max-height: 250px;<br />font: normal <span style="color: #783f04;">14</span>px tahoma;<br />line-height: 27px;<br />background-size: <span style="background-color: #073763; color: white;">20%</span>;<br />}</blockquote></div><h3 dir="rtl" style="text-align: justify;">بعض التعديلات على الكود لتفهمه وتعدل عليه كما تريد</h3><div dir="rtl" style="text-align: justify;">الرابط الملون لاللون <span style="color: red;">الأحمر </span>هو رابط الصورة الموجودة في أقصى اليسار (ان كنت تود تغييرها فقط استبدله برابط صورة اخرى، او ان كنت لا تريد ان تكون اي صورة فاحذفه)</div><div dir="rtl" style="text-align: justify;">الكلمة <span style="color: #741b47;">top </span>هي المسؤولة عن تموضوع الصورة في الأعلى (إن كنت تود ان تضهر في الأسفل استبدلها بـ: Bottom)</div><div dir="rtl" style="text-align: justify;">الكلمة <span style="color: #bf9000;">left </span>مسؤولة عن ظهور الصورة في اليسار (استبدلها بـ: right ان كنت تودها ان تضهر في اليمين)</div><div dir="rtl" style="text-align: justify;">القيمة <span style="color: #783f04;">14px</span> هي حجم الخط</div><div dir="rtl" style="text-align: justify;">القيمة <span style="background-color: #073763; color: white;">20%</span> هي حجم الصورة في حالة اردت تصغير الصورة او تكبيرها فغير الفيمة الى ما يناسبك.</div><div dir="rtl" style="text-align: justify;"><br /></div><h3 dir="rtl" style="text-align: justify;">أين سأضع الكود؟</h3><div><div dir="rtl" style="text-align: right;">طبعا الكود عبارة عن تنسيق css يتم وضعه ضمن أكواد css في القالب.</div><div dir="rtl" style="text-align: right;">اولا اتجه الى لوحة تحكم مدونتك ثم القالب ثم تعديل HTML، الآن ابحث عن الكود التالي <span style="background-color: #999999; color: #f3f3f3;">]]></b:skin></span> عن طرق الضغط على زر ctr+F ثم ضع الكود السابق فوقه اي قبله، ثم اضغط على <b>حفظ</b> .</div><div dir="rtl" style="text-align: right;"><br /></div><div dir="rtl" style="text-align: right;">الآن بعدما أضفنا الكود، كلما يجب عليك فعله الآن هو عندما تريد اضافة كود في صندوق او اي اقتباس داخل اي موضوع ما عليك الا تحديد النص بالماوس والضغط على زر الاقتباس <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizs6sl_xJ7oRti399NZ9q-HzE3odd1zmJSlmWKfrS_AxnSWUKIY9zKVwu0DEUU2BDBXzCUkfrJas2WbZBOiR_qXkSe7vPMg7l51OsiL401NN5hBKttTsNAhoBM7RkG_WcwFcwNhH09UZQ/s1600/blockquote-icon.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizs6sl_xJ7oRti399NZ9q-HzE3odd1zmJSlmWKfrS_AxnSWUKIY9zKVwu0DEUU2BDBXzCUkfrJas2WbZBOiR_qXkSe7vPMg7l51OsiL401NN5hBKttTsNAhoBM7RkG_WcwFcwNhH09UZQ/s1600/blockquote-icon.PNG" /></a> ثم الضغط على "إنشر" وعند الدخول الى التدوينة في مدونتك ستلاحظ ان النص الذي قمت بتحديده قد اضيف في الصندوق.</div><div dir="rtl" style="text-align: right;"><br /></div><div dir="rtl" style="text-align: right;">الى هنا يكون الموضوع قد انتها، ونكون قد تطرقنا الى موضوع و<b>اضافة صندوق اقتباس لمدونات بلوجر</b> .</div><div dir="rtl" style="text-align: right;"><br /></div><div dir="rtl" style="text-align: right;">اذا اعجبتك الاضافة لا تنسى دعمنا عن طريق عمل الآتي وشكرا:</div><div dir="rtl" style="text-align: right;"><br /></div></div><!---------------------> <br /><div style="-moz-border-radius: 3px; -moz-box-shadow: 0px 0px 20px 0px rgba(74,74,74,1); -webkit-border-radius: 3px; -webkit-box-shadow: 0px 0px 20px 0px rgba(74,74,74,1); background: #f8f8f8; border-radius: 3px; border: 1px solid #ddd; box-shadow: 0px 0px 20px 0px rgba(74,74,74,1); margin: 0 auto; padding: 10px; width: 60%;"><div dir="rtl" style="text-align: center;"><span style="background-color: #ffe599;"><u>كن من متابعينا على الفيس بوك</u></span><br /><u style="background-color: #ffe599;"><br /></u></div><div dir="rtl" style="text-align: center;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Ftadwintop&width&height=62&colorscheme=light&show_faces=false&header=false&stream=false&show_border=false" style="border: none; height: 62px; overflow: hidden;"></iframe> </div><div dir="rtl" style="text-align: center;"><br /></div><div dir="rtl" style="text-align: center;"><u style="background-color: #ffe599;">كن من أعضاء المدونة</u></div><div dir="rtl" style="text-align: center;"><span style="color: red;"><b>~ <a href="https://www.blogger.com/follow-blog.g?blogID=1317057795183709653" rel="nofollow" target="_blank">من هنا</a> ~</b></span></div><div dir="rtl" style="text-align: center;"><br /></div></div></div><br /><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F-Yx-6r8gLmTw%2FVNdBTrybpXI%2FAAAAAAAAA-M%2FzD4VqEtf38s%2Fs1600%2Fblockquote-icon.PNG&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizs6sl_xJ7oRti399NZ9q-HzE3odd1zmJSlmWKfrS_AxnSWUKIY9zKVwu0DEUU2BDBXzCUkfrJas2WbZBOiR_qXkSe7vPMg7l51OsiL401NN5hBKttTsNAhoBM7RkG_WcwFcwNhH09UZQ/s1600/blockquote-icon.PNG" -->

صندوق اقتباس لمدونات بلوجر

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

مزيد من المعلومات »

اضافة نافذة منبثقة - كود نافذة منبثقة لمدونات بلوجر

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="rtl" style="text-align: justify;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs1x3obGr6rdtRS8nhUjNacvmQKXLcI1m6RlEqb0gTGul-ttl8NEJgkEi950rwX1ntnf0ysSWu7iClpCKYjw0hm02mGh9VH_buBRGTew4GzqfjcX0dH_UqRrXUWBDxOYICOYyXfPayrq0/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D9%86%D8%A7%D9%81%D8%B0%D8%A9+%D9%85%D9%86%D8%A8%D8%AB%D9%82%D8%A9.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="اضافة نافذة منبثقة" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs1x3obGr6rdtRS8nhUjNacvmQKXLcI1m6RlEqb0gTGul-ttl8NEJgkEi950rwX1ntnf0ysSWu7iClpCKYjw0hm02mGh9VH_buBRGTew4GzqfjcX0dH_UqRrXUWBDxOYICOYyXfPayrq0/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D9%86%D8%A7%D9%81%D8%B0%D8%A9+%D9%85%D9%86%D8%A8%D8%AB%D9%82%D8%A9.jpg" title="اضافة نافذة منبثقة" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضافة نافذة منبثقة</td></tr></tbody></table><div style="text-align: center;"><br /></div></div><div dir="rtl" style="text-align: justify;">في هذا الموضوع ان شاء الله سنتطرق الى اضافة رائعة وجميلة الكثير يبحث عنها وهي <b>اضافة نافذة منبثقة</b> لمدونات بلوجر. الاضافة عبارة عن كود جافا سكربت Java Script تقوم بتركيبه في مدونتك وعند دخول اي زائر الى مدونتك والضغط في اي مكان فيها تنبثق نافذة عبارة عن موقع.</div><div dir="rtl" style="text-align: justify;">فائدة هذه الاضافة هي ان بعض المدونات تبحث عن عدد كبير من الزوار وتقوم باضافة الكود الخاص <b>بالنافذة المنبثقة</b> عند مدونات اخرى بمقابل مادي وبالتالي الطرفين يربحان.<br /><br />معاينة مباشرة : <a href="http://bg-temp.blogspot.com/" rel="nofollow" target="_blank">من هنا</a></div><div dir="rtl" style="text-align: justify;"><h3>طريقة اضافة كود نافذة منبثقة في مدونة بلوجر</h3></div><div dir="rtl" style="text-align: justify;"><br /><ul><li>اذهب الى لوحة تحكم مدونك</li><li>قم بالتوجه الى تخطيط Layout</li><li>اضف أداة جديدة Html/JavaScript ثم ضع فيها الكود التالي وقم بالحفظ</li></ul><div><br /></div></div><div dir="rtl" style="text-align: justify;"><h3>كود النافذة المنبثقة لبلوجر</h3></div><div dir="rtl" style="text-align: justify;"><br /></div><blockquote class="tr_bq" style="text-align: left;"><script type="text/javascript"><br />document.body.onclick= function(){<br />window.open('<b><span style="color: red;">http://tadwinpro.blogspot.com/</span></b>', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=<span style="color: #274e13;">950</span>, height=<span style="color: #3d85c6;">650</span>, left = 300, top = 50');<br />}</script></blockquote><h3 dir="rtl" style="text-align: justify;">تعديلات على كود النافذة المنبثقة</h3><div dir="rtl" style="text-align: justify;">الرابط الملون <span style="color: red;">بالأحمر</span> عوضه برابط المدونة الذي تود ان يظهر في النافذة المنبثقة.</div><div dir="rtl" style="text-align: justify;">الرقم المكتوب <span style="color: #274e13;">بالأخضر</span> هو عرض النافذة المنبثقة.</div><div dir="rtl" style="text-align: justify;">الرقم المكتوب <span style="color: #3d85c6;">بالأزرق</span> هو طول النافذة المنبثقة.</div><div dir="rtl" style="text-align: justify;"><br /></div><div dir="rtl" style="text-align: justify;">الى هنا يكون الموضوع قد انتهى، وإلى موضوع واضافة اخرى ان شاء الله.</div><div dir="rtl" style="text-align: justify;"><br /></div><div dir="rtl" style="text-align: center;">لا تنسى التعليق على الموضوع، هل أعجبتك الإضافة ما رأيك فيها ؟</div></div>

اضافة نافذة منبثقة - كود نافذة منبثقة لمدونات بلوجر

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

مزيد من المعلومات »

إضافة تأثير الظل الى صور مواضيع مدونة بلوجر

<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4zUIrrHb-duZ1gIM8CzQN5IOglkkEXYPSoOdQghspw9j67Os4ggqMA-LC2N0Tqq82fCZ87QA218vx1FIS6UmLkkJ14zfc6vr_FMULB2Sh0FHi0z_ZiA0PkQqUxVBsaMHOKCkGQLBNs0U/s1600/%D8%A5%D8%B6%D8%A7%D9%81%D8%A9+%D8%AA%D8%A3%D8%AB%D9%8A%D8%B1+%D8%A7%D9%84%D8%B8%D9%84+%D8%A7%D9%84%D9%89+%D8%B5%D9%88%D8%B1+%D9%85%D9%88%D8%A7%D8%B6%D9%8A%D8%B9+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="إضافة تأثير الظل الى صور مواضيع مدونة بلوجر" border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4zUIrrHb-duZ1gIM8CzQN5IOglkkEXYPSoOdQghspw9j67Os4ggqMA-LC2N0Tqq82fCZ87QA218vx1FIS6UmLkkJ14zfc6vr_FMULB2Sh0FHi0z_ZiA0PkQqUxVBsaMHOKCkGQLBNs0U/s1600/%D8%A5%D8%B6%D8%A7%D9%81%D8%A9+%D8%AA%D8%A3%D8%AB%D9%8A%D8%B1+%D8%A7%D9%84%D8%B8%D9%84+%D8%A7%D9%84%D9%89+%D8%B5%D9%88%D8%B1+%D9%85%D9%88%D8%A7%D8%B6%D9%8A%D8%B9+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.PNG" title="إضافة تأثير الظل الى صور مواضيع مدونة بلوجر" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">إضافة تأثير الظل الى صور مواضيع مدونة بلوجر</td></tr></tbody></table><div dir="rtl" style="text-align: justify;">السلام عليكم ورحمة الله تعالى وبركاته ،<br />في هذا الموضوع ان شاء الله ساضع بين ايديكم اضافة رائعة، تضفي جمالية لمدونتك على بلوجر<br />الاضافة هي اضافة تاثير الظل على الصور المتواجدة في مواضيع مدونتك عن طريق كود CSS يتم اضافتة في القالب.<br /><br />للمعاينة يمكنك زيارة الرابط التالي : <a href="http://adf.ly/wk9M7" rel="nofollow" target="_blank">من هنا</a><br /><br />طريقة تركيب الكود :<br /><br /><ul><li>توجه الى مدونتك >> ثم تحرير html</li><li>لا تنسى اخذ نسخة احتياطية لمدونتك</li><li>قم بالبحث عن ]]></b:skin> عن طريق ctr+f</li><li>اضف فوق الكود السابق ما يلي :</li></ul><br /><blockquote class="tr_bq" style="text-align: left;">.post-body img {<br />padding: 2px;<br />border-radius: 2px;<br />box-shadow: 1px 30px 30px -26px #A9A7A7;<br />border: 1px solid #D8D8D8;<br />background: linear-gradient(to bottom,#fefefe 0%,#EDEDED 100%);<br />}</blockquote><br /><ul><li>قم باحفظ، ومبروووك</li></ul></div><div style="text-align: center;"><br />اتمنى ان تنال الاضافة اعجابكم، ودمتم سالمين</div></div>

إضافة تأثير الظل الى صور مواضيع مدونة بلوجر

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

مزيد من المعلومات »

إضافة صندوق إعجابات فيس بوك منبثق

<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNxVZVOaFNAGHKhIwsgkFTGGJ6DKWA5QkC63R-tfPqV-kiA6qS_L3GarlaPSobyTqEMFyCBIvqFAwVgkh3pc1_HaPGW5KyWktBh-r3gjoNM-Gaz8MmR5B8ckicR3hPgJGUGoUYhKu0T6c/s1600/%D8%A5%D8%B6%D8%A7%D9%81%D8%A9+%D8%B5%D9%86%D8%AF%D9%88%D9%82+%D8%A5%D8%B9%D8%AC%D8%A7%D8%A8%D8%A7%D8%AA+%D9%81%D9%8A%D8%B3+%D8%A8%D9%88%D9%83+%D9%85%D9%86%D8%A8%D8%AB%D9%82.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="إضافة صندوق إعجابات فيس بوك منبثق" border="0" height="357" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNxVZVOaFNAGHKhIwsgkFTGGJ6DKWA5QkC63R-tfPqV-kiA6qS_L3GarlaPSobyTqEMFyCBIvqFAwVgkh3pc1_HaPGW5KyWktBh-r3gjoNM-Gaz8MmR5B8ckicR3hPgJGUGoUYhKu0T6c/s1600/%D8%A5%D8%B6%D8%A7%D9%81%D8%A9+%D8%B5%D9%86%D8%AF%D9%88%D9%82+%D8%A5%D8%B9%D8%AC%D8%A7%D8%A8%D8%A7%D8%AA+%D9%81%D9%8A%D8%B3+%D8%A8%D9%88%D9%83+%D9%85%D9%86%D8%A8%D8%AB%D9%82.png" title="إضافة صندوق إعجابات فيس بوك منبثق" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">إضافة صندوق إعجابات فيس بوك منبثق</td></tr></tbody></table><div dir="rtl" style="text-align: justify;">مرحبا بكم زوار مدونة تدوين باحتراف، ان شاء الله في هذا الموضوع سنتطرق الى اضافة رائعة وهي <b>اضافة صندوق إعجابات فيس بوك منبثق</b> هذه الاضافة محبوبة عند البعض نظرا لما لها من فوائد خاصة لصفحات الفيسبوك، فالمدونات التي لها عدد كبير من الزوار تقوم بتركيبها وبالتالي يحصلون على اعجابات كثيرة في صفحاتكم على الفيسبوك.</div><div dir="rtl" style="text-align: justify;"><br /></div><div dir="rtl" style="text-align: justify;">معاينة : <a href="http://philo4bac.blogspot.com/" rel="nofollow" target="_blank">من هنا</a></div><div dir="rtl" style="text-align: justify;"><br /></div><div dir="rtl" style="text-align: justify;">طريقة التركيب :</div><div dir="rtl" style="text-align: justify;"><br /></div><div dir="rtl" style="text-align: justify;">في البداية يتوجب عليك اضافة هذا الكود الخاص بمكتبة الجيكويري (ان كان في مدونتك فلا داعي لان تضيفه)</div><div dir="rtl" style="text-align: justify;"><br /></div><div style="text-align: left;"><blockquote class="tr_bq"><script type="text/javascript" src="<span style="color: #351c75;">http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js</span>"></script></blockquote></div><div dir="rtl" style="text-align: justify;">الأن بعد اضافة الكود السابق ماعليك الا التوجه الى مدونتك ثم تخطيط ثم اضافة أداة HTML جديدة وتلصق الكود التالي :</div><div dir="rtl" style="text-align: justify;"><br /></div><blockquote class="tr_bq"><style type='text/css'><br />#makingdifferentpopup{<br />position: fixed;<br />top:100px;<br />z-index:9999;<br />display:none;<br />padding:0px;<br />right:600px;<br />border:10px solid rgba(82, 82, 82, 0.7);<br />-webkit-background-clip: padding-box; /* for Safari */<br />background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */<br />-webkit-border-radius:8px 8px 8px 8px;<br />-moz-border-radius:8px 8px 8px 8px;<br />border-radius:8px 8px 8px 8px;<br />width:400px;<br />height:360px;<br />overflow:hidden;<br />}<br />#makingdifferentpopup span{<br />font-size:20px !important;<br />font-weight:bold !important;<br />}<br />#makingdifferentpopup h1{<br />background:#6d84b4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVPpfQ6_nimLMvU-aJ4jryYH3KU-FRySHxfta76GoRlwcnOjjnVNJtpkLeeCtbxOWvjIGjMNJnUPIQHyvQv8aZ_-gj-LL9Idma6y5S1E5tbY29PDebJjiMoHF8rv5YijhJO3F9E6WoL4CC/s1600/%255Bwww.gj37765.blogspot.com%255Dh1.png) 98% no-repeat;<br />border:1px solid #3b5998 !important;<br />color:#FFFFFF !important;<br />font-size:20px !important;<br />font-weight:700 !important;<br />padding:5px !important;<br />margin:0 !important;<br />font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;<br />overflow:hidden !important;<br />}<br />.htmlarea{<br />font-size:12px !important;<br />font-weight:normal !important;<br />height:265px !important;<br />padding:1px !important;<br />background:#fff !important;<br />border-bottom:2px solid #ddd;<br />overflow:hidden !important;<br />}<br />#mdfooter{<br />text-align:left;<br />background:#F2F2F2 !important;<br />height:56px !important;<br />padding:10px 10px 10px 10px !important;<br />overflow:hidden !important;<br />}<br />#mdclose{<br />float:right;<br />background-color:#eee !important;<br />border:1px solid #ccc !important;<br />color:#111 !important;<br />font-weight:bold !important;<br />padding:5px 8px 5px 8px !important;<br />text-decoration:none !important;<br />display:inline-block !important;<br />font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;<br />outline:none !important;<br />position:relative !important;<br />font-size:18px !important;<br />margin:1px !important;<br />}<br />#mdclose:active{<br />top:1px;<br />left:1px;<br />}<br />.grabthis{<br />bottom:80px;<br />font:8px "lucida grande",tahoma,verdana,arial,sans-serif;<br />position:absolute;<br />right:6px;<br />text-align:right;<br />z-index: 99999;<br />}<br />.grabthis a{<br />color: #000;<br />text-decoration:none;<br />}<br />.grabthis a:hover{<br />text-decoration:underline;<br />}<br /></style><br /><script type='text/javascript'><br />jQuery(document).ready(function() {<br />function makingdifferent_ppopup()  {var sec = 20<br />var timer = setInterval(function() {<br />   $("#mdfooter span").text(sec--);<br />   if (sec == 0) {<br />      $("#makingdifferentpopup").fadeOut("slow");<br />      clearInterval(timer);<br />   }<br />},1000);<br />  var mdwh = jQuery(window).height();<br />  var mdpph = jQuery("#makingdifferentpopup").height();<br />  var mdfromTop = jQuery(window).scrollTop()+50;<br /> jQuery("#makingdifferentpopup").css({"top":mdfromTop});}<br />jQuery(window).fadeIn(makingdifferent_ppopup)<br />.resize(makingdifferent_ppopup)<br /> //alert(jQuery.cookie('sreqshown'));<br /> //var mdww = jQuery(window).width();<br /> //var mdppw = jQuery("#makingdifferentpopup").width();<br /> //var mdleftm = (mdww-mdppw)/2;<br />   var mdleftm = 500;<br /> //var mdwh = jQuery(window).height();<br /> //var mdpph = jQuery("#makingdifferentpopup").height();<br /> //var mdfromTop = (jQuery(window).scrollTop()+mdwh-mdpph) / 2;<br /> jQuery("#makingdifferentpopup").animate({opacity: "1", left: "0" , left:  mdleftm}, 0).show();<br />     jQuery("#mdclose").click(function() {<br />jQuery("#makingdifferentpopup").animate({opacity: "0", left: "-5000000"}, 1000).show();});});<br /></script><br /><div id="makingdifferentpopup"><br /><h1>انضم الينا على الفيسبوك</h1><br /><div class="htmlarea"><br /><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/<span style="background-color: #3d85c6;"><span style="color: white;">TadwinTop</span></span>&width=400&colorscheme=light&show_faces=true&border_color=%23fff&stream=false&header=false&height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:250px;" allowtransparency="true"></iframe><br /><div class="grabthis"><br />By <a href="http://tadwinpro.blogspot.com/" target="_blank">تدوين باحتراف</a> / <a href="http://tadwinpro.blogspot.com/2015/01/facebook-type-jquery-pop-up-with-like-box-timer-for-bloggerblog.html" target="_blank">الاضافة</a><br /></div><br /></div><br /><div id="mdfooter">Please wait..<span>20</span> Seconds<a href="#" id="mdclose" onclick="return false;">Cancel</a><br /></div><br /></div><br /><!-- End popup --></blockquote><div dir="rtl" style="text-align: justify;">الأن قم بتغيير <span style="text-align: left;">TadwinTop بمعرف صفحتك على الفيسبوك وقم بالحفظ.</span></div><div dir="rtl" style="text-align: justify;">ومبروووك عليك الاضافة.</div><div dir="rtl" style="text-align: justify;">لا تنسى نشر الموضوع مع اصدقائك عن طريق الأزرار في الاسفل وشكراا</div></div>

إضافة صندوق إعجابات فيس بوك منبثق

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

مزيد من المعلومات »

طريقة تثبيت أداة في السيدبار

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="rtl" style="text-align: justify;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ppky1rxBkEUGYXfwwSde2ASbNAMV2-pvcKKfVTAXEFYGSgrpDpJF6Wox2v-CKiQt8OwuhB9vC5s5CHIcuZFO_XUZiRBMJXl2zs2Uw0tOQeNzK4EA16OGJ9ZuNBxO6LAjD4fx6Nrdt4U/s1600/%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA+%D8%B5%D9%86%D8%AF%D9%88%D9%82+%D8%A7%D9%84%D8%A3%D8%AF%D9%88%D8%A7%D8%AA+%D8%A8%D8%A7%D9%84%D8%B3%D9%8A%D8%AF%D8%A8%D8%A7%D8%B1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="تثبيت صندوق الأدوات بالسيدبار" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ppky1rxBkEUGYXfwwSde2ASbNAMV2-pvcKKfVTAXEFYGSgrpDpJF6Wox2v-CKiQt8OwuhB9vC5s5CHIcuZFO_XUZiRBMJXl2zs2Uw0tOQeNzK4EA16OGJ9ZuNBxO6LAjD4fx6Nrdt4U/s1600/%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA+%D8%B5%D9%86%D8%AF%D9%88%D9%82+%D8%A7%D9%84%D8%A3%D8%AF%D9%88%D8%A7%D8%AA+%D8%A8%D8%A7%D9%84%D8%B3%D9%8A%D8%AF%D8%A8%D8%A7%D8%B1.png" title="تثبيت صندوق الأدوات بالسيدبار" width="400" /></a></td></tr><tr><td class="tr-caption">تثبيت صندوق الأدوات بالسيدبار</td></tr></tbody></table></div><div dir="rtl" style="text-align: justify;">مرحبا بكم من جديد في تدوينة جديدة، هذه المرة مع اضافة رائعة لمدونات بلوجر. في هذا الموضوع ان شاء الله سنتطرق الى طريقة من اجل جعل اداة في السيدبار تتحرك الى الأسفل عند النزول الى اسفل المدونة، هذه الاضافة اصبحت مطلوبة لما لها من فوائد عديدة بحيث يمكن ان تقوم بتطبيقها على اعلان مثلا وبالتالي زيادة لفت انتباه الزوار، وبالتالي ارباح كبيرة.</div><div dir="rtl" style="text-align: justify;"><br />لمعاينة الاضافة ادعوك لزيارة هذه المدونة : <b><span style="color: #351c75;"><a href="http://philo4bac.blogspot.com/" rel="nofollow" target="_blank">هنا</a></span></b></div><div dir="rtl" style="text-align: justify;">ستلاحظ انك عند النزول الى الأسفل ستواجه اداة تتحرك معك دائما. اتمنى ان تكون الفكرة قد وصلت.</div><div dir="rtl" style="text-align: justify;">طريقة التركيب :</div><div dir="rtl" style="text-align: justify;"></div><ul dir="rtl" style="text-align: right;"><li style="text-align: justify;">توجه الى القالب ومن ثم تحرير</li><li style="text-align: justify;">ابحث عن الكود التالي : <span style="color: #38761d;">]]></b:skin></span> (استعمل ctr+F)</li><li style="text-align: justify;">ثم الصق الكود التالي فوقه/قبله</li></ul><br /><blockquote class="tr_bq">.sticky {<br />  position:fixed;<br />  top:50px;<br />  z-index: 100;<br />}</blockquote><div dir="ltr"><div dir="rtl" style="text-align: justify;"><ul><li>الأن ابحث عن <span style="color: #38761d;"></body> </span>وضع الكود التالي فوقه</li></ul><div dir="ltr" style="text-align: left;"><blockquote class="tr_bq"><script type='text/javascript'><br />$(document).ready(function() {<br />var stickyWidgetTop = $('#<span style="background-color: #0b5394; color: white;"><b>معرف الأداة</b></span>').offset().top;<br />var stickyWidget = function(){<br />var scrollTop = $(window).scrollTop();   <br />if (scrollTop > stickyWidgetTop) {<br />    $('#<span style="background-color: #0b5394; color: white;"><b>معرف الأداة</b></span>').addClass('sticky');<br />} else {<br />    $('#<b><span style="background-color: #0b5394; color: white;">معرف الأداة</span></b>').removeClass('sticky');<br />}<br />};<br />stickyWidget();<br />$(window).scroll(function() {<br />    stickyWidget();<br />});<br />});<br /></script></blockquote></div></div></div><div dir="rtl" style="text-align: justify;">لا تنسى تغيير "<span style="text-align: left;"><span style="background-color: #0b5394;"><span style="color: white;">معرف الأداة</span></span>" بمعرف الاضافة التي تود تحريكها</span></div><div dir="rtl" style="text-align: justify;"><span style="text-align: left;">طريقة معرفة معرف اي أداة :</span></div><div dir="rtl" style="text-align: justify;"></div><ul dir="rtl" style="text-align: right;"><li style="text-align: justify;">توجه الى تخطيط</li><li style="text-align: justify;">اختر الاداة المراد تطبيق الشرح عليها ثم اضغط على تحرير</li><li style="text-align: justify;">اذهب الى آخر عنوان URL وستجد المعرف هناك كما هو مبين في الصورة</li></ul><div style="text-align: justify;"><br /></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZpEy-RsjBiKkS9v-lyyDZoQLr33ov_-vCwelE7gMSFAOVFWexCWIaAk5TsXPdDM6UyS9u8Cyfr2ycfp-KtfFSAyHKlpx2TCd2IC5gN_3CB013o0PrSB2YjWqdw19QKvKgrCcT34ZQwMc/s1600/%D9%83%D9%8A%D9%81%D9%8A%D8%A9+%D8%A7%D9%84%D8%AD%D8%B5%D9%88%D9%84+%D8%B9%D9%84%D9%89+%D8%A7%D9%84%D9%85%D8%B9%D8%B1%D9%81.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="كيفية الحصول على المعرف" border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZpEy-RsjBiKkS9v-lyyDZoQLr33ov_-vCwelE7gMSFAOVFWexCWIaAk5TsXPdDM6UyS9u8Cyfr2ycfp-KtfFSAyHKlpx2TCd2IC5gN_3CB013o0PrSB2YjWqdw19QKvKgrCcT34ZQwMc/s1600/%D9%83%D9%8A%D9%81%D9%8A%D8%A9+%D8%A7%D9%84%D8%AD%D8%B5%D9%88%D9%84+%D8%B9%D9%84%D9%89+%D8%A7%D9%84%D9%85%D8%B9%D8%B1%D9%81.png" title="كيفية الحصول على المعرف" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">كيفية الحصول على المعرف</td></tr></tbody></table><div dir="rtl" style="text-align: center;">وفي الأخير ستلاحظ ان الاضافة شغالة ونتمنى منكم التفاعل عن طريق التعليقات ومشاركة الموضوع مع اضدقائك </div></div>

طريقة تثبيت أداة في السيدبار

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

مزيد من المعلومات »

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

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgynvrWUPF0PBo6DN3HBfxExu29nw63a2IAEjQ8ktDtAySjfv-QYaz9Gi3C1lgAngzWzL20F00cXLFsW_LUEH3vrPWwkQPh233kOA300Snty1UQXpzKpQnV63Thso7OzZMEtoY81mjQ3Jc/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%A7%D9%82%D8%B1%D8%A7+%D8%A7%D9%84%D9%85%D8%B2%D9%8A%D8%AF.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="شرح تركيب وتعديل اضافة اقرا المزيد" border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgynvrWUPF0PBo6DN3HBfxExu29nw63a2IAEjQ8ktDtAySjfv-QYaz9Gi3C1lgAngzWzL20F00cXLFsW_LUEH3vrPWwkQPh233kOA300Snty1UQXpzKpQnV63Thso7OzZMEtoY81mjQ3Jc/s400/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%A7%D9%82%D8%B1%D8%A7+%D8%A7%D9%84%D9%85%D8%B2%D9%8A%D8%AF.png" title="شرح تركيب وتعديل اضافة اقرا المزيد" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">شرح تركيب وتعديل اضافة اقرا المزيد</td></tr></tbody></table><div class="separator" dir="rtl" style="clear: both; text-align: right;"> في هذا الدرس اود ان اتطرق معكم الى اضافة مهمة بالنسبة لكل من يستخدم <a href="http://tadwinpro.blogspot.com/2013/12/blogger-vs-wordpress.html" target="_blank"><b>منصة بلوجر</b></a>، انها <b>اضافة " اقرا المزيد "</b>، هذه الاضافة تعد من أهم الاضافات واكثرها استعمالا، خاصة عند المدونين العرب وتفيد هذه الاضافة <b>اختصار التدوينات</b> في الصفحة الرئيسية مما تعطي سرعة في التحميل للمدونة وكذى جمالية، كما تمكنك هذه الاضافة الى عرض عدد كبير من التدوينات في الصفحة الرئيسية عكس المدونات التي لا تستخدمها فهي تقتصر على عدد محدود من التدوينات في الصفحة الرئيسية. هذه الاضافة تتخذ ثلاثة اشكال على حسب رغبة المدون، فيمكنك جعل صورة التدوينة في اليمين كما يمكنك جعلها في اليسار والوسط ايضا.</div><div class="separator" dir="rtl" style="clear: both; text-align: right;"><br /></div><div class="separator" dir="rtl" style="clear: both; text-align: right;">لذلك في هذا الموضوع سوف نتطرق الى <b>كيفية تركيب اضافة " اقرا المزيد "</b> باشكالها الثلاث بالاضافة الى شرح بعض امكانيات التعديل عليها.</div><div class="separator" dir="rtl" style="clear: both; text-align: right;"><br /></div><div class="separator" dir="rtl" style="clear: both; text-align: right;"><br /></div><h3 class="separator" dir="rtl" style="clear: both; text-align: right;"><span style="font-size: large;"><span style="font-family: Arial,Helvetica,sans-serif;"><b> كود جعل الصورة في اليمين :</b></span></span></h3></div><bt></bt></div><blockquote class="tr_bq"><script type='text/javascript'> <b>summary_noimg = 250; summary_img = 200; img_thumb_height = 150; img_thumb_width = 150;</b> </script> <script type='text/javascript'> //<![CDATA[  function removeHtmlTag(strx,chop){     if(strx.indexOf("<")!=-1)     {         var s = strx.split("<");         for(var i=0;i<s.length;i++){             if(s[i].indexOf(">")!=-1){                 s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);             }         }         strx =  s.join("");     }     chop = (chop < strx.length-1) ? chop : strx.length-2;     while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;     strx = strx.substring(0,chop-1);     return strx+'...'; }  function createSummaryAndThumb(pID){     var div = document.getElementById(pID);     var imgtag = "";     var img = div.getElementsByTagName("img");     var summ = summary_noimg;     if(img.length>=1) {            imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';         summ = summary_img;     }      var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';     div.innerHTML = summary; }  //]]> </script></blockquote></div><div dir="rtl" style="text-align: right;">قم بوضع الكود أعلاه فوق كود <span style="color: white;"><span style="background-color: #3d85c6;"><b></head></b></span></span> بعد البحث عليه في صندوق تحرير القالب (لتسهيل الأمر قم بالبحث عنه عن طريق Ctrl+F).<br /><br /></div><h3 dir="rtl" style="text-align: right;"><span style="font-size: large;"><span style="font-family: Arial,Helvetica,sans-serif;">كود جعل الصورة في اليسار :</span></span></h3></div><blockquote class="tr_bq"><script type='text/javascript'> <b>summary_noimg = 250; summary_img = 200; img_thumb_height = 150; img_thumb_width = 150;</b> </script> <script type='text/javascript'> //<![CDATA[  function removeHtmlTag(strx,chop){     if(strx.indexOf("<")!=-1)     {         var s = strx.split("<");         for(var i=0;i<s.length;i++){             if(s[i].indexOf(">")!=-1){                 s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);             }         }         strx =  s.join("");     }     chop = (chop < strx.length-1) ? chop : strx.length-2;     while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;     strx = strx.substring(0,chop-1);     return strx+'...'; }  function createSummaryAndThumb(pID){     var div = document.getElementById(pID);     var imgtag = "";     var img = div.getElementsByTagName("img");     var summ = summary_noimg;     if(img.length>=1) {            imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';         summ = summary_img;     }      var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';     div.innerHTML = summary; }  //]]> </script></blockquote></div><div dir="rtl" style="text-align: right;">كما العادة اضفه فوق كود <span style="color: white;"><span style="background-color: #3d85c6;"><b></head></b></span></span></div></div><div dir="rtl" style="text-align: right;"><br /></div><h3 dir="rtl" style="text-align: right;"><span style="font-size: large;"><span style="font-family: Arial,Helvetica,sans-serif;">كود جعل الصورة في الوسط :</span></span></h3></div><blockquote class="tr_bq"><script type='text/javascript'> <b>summary_noimg = 250;</b> <b>summary_img = 200; img_thumb_height = 150; img_thumb_width = 150;</b> </script> <script type='text/javascript'> //<![CDATA[  function removeHtmlTag(strx,chop){     if(strx.indexOf("<")!=-1)     {         var s = strx.split("<");         for(var i=0;i<s.length;i++){             if(s[i].indexOf(">")!=-1){                 s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);             }         }         strx =  s.join("");     }     chop = (chop < strx.length-1) ? chop : strx.length-2;     while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;     strx = strx.substring(0,chop-1);     return strx+'...'; }  function createSummaryAndThumb(pID){     var div = document.getElementById(pID);     var imgtag = "";     var img = div.getElementsByTagName("img");     var summ = summary_noimg;     if(img.length>=1) {            imgtag = '<div class="separator" style="clear: both; text-align: center;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';         summ = summary_img;     }      var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';     div.innerHTML = summary; }  //]]> </script></blockquote></div><div dir="rtl" style="text-align: right;">ان كنت تود جعل الصورة تظهر في الوسط قم بتركيب الكود أعلاه قبل/فوق كود <span style="color: white;"><span style="background-color: #3d85c6;"><b></head></b></span></span></div></div><div dir="rtl" style="text-align: right;"><br /></div><div dir="rtl" style="text-align: right;"><br /></div><h3 dir="rtl" style="text-align: right;"><span style="font-size: large;"><span style="font-family: Arial,Helvetica,sans-serif;">التعديل على اضافة اقرا المزيد :</span></span></h3></div><div dir="rtl" style="text-align: right;">للتعديل على الاضافة قم بتغيير الآتي الى مايناسب مدونتك :</div><ul dir="rtl" style="text-align: right;"><li><span style="color: white;"><span style="background-color: #38761d;">summary_noimg = 250;</span></span>      عدد أحرف الملخص في حالة عدم وجود اية صورة</li><li><span style="color: white;"><span style="background-color: #38761d;">summary_img = 200;</span></span>          عدد الاحرف في حالة وجود صورة</li><li><span style="color: white;"><span style="background-color: #38761d;">img_thumb_height = 150;</span></span>    الارتفاع الخاص بالصورة</li><li><span style="background-color: #38761d;"><span style="color: white;">img_thumb_width = 150;</span></span>    عرض الصورة</li></ul></div><div dir="rtl" style="text-align: right;">الى هنا تكون قد قمت بتركيب وتعديل اضافة اقرا المزيد في مدونتك بنجاح.</div><div dir="rtl" style="text-align: right;">ان اعجبك الموضوع لا تنسى ان تضغط على زر الاعجاب ومشاركته مع اصدقائك عن طريق ازرار المواقع الاجتماعية الموجودة في الـأسفل وأتمنى ان تكون قد استفدت من الموضوع.</div><div dir="rtl" style="text-align: center;"><span style="font-size: x-small;"><span style="color: white;"><span style="background-color: #cc0000;">لا أحل نقل الموضوع بدون ذكر المصدر</span></span></span></div></div>

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

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

مزيد من المعلومات »