tag:blogger.com,1999:blog-68834779335695992082024-02-07T21:46:59.847-08:00جديد بلوجرموقع يقدم مواضيع فريدة وحصرية في مجال بلوجر تصميم القوالب و نشر القوالب و الاضافات الحصريةعماد إيادhttp://www.blogger.com/profile/02209915935809899736noreply@blogger.comBlogger10125tag:blogger.com,1999:blog-6883477933569599208.post-34378417588070329002016-04-16T03:42:00.001-07:002016-04-16T03:42:32.221-07:00إضافة صفحة خطأ بشكل احترافي<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibdIJ2UYJTeHUPRqWDf1eVOwXsg8h61CPxLKttK4tcuFCqIlGgSI1y8O-TQNYlxDqFH8IO_Lg6pe6hVucMYI4bDIkfNy_5rzUniTP9TeYquG9v3INi46TAGqxUrdecPk2jUeplAktju44j/s1600/%25D8%25A5%25D8%25B6%25D8%25A7%25D9%2581%25D8%25A9+%25D8%25B5%25D9%2581%25D8%25AD%25D8%25A9+%25D8%25AE%25D8%25B7%25D8%25A6+%25D8%25A8%25D8%25B4%25D9%2583%25D9%2584+%25D8%25A7%25D8%25AD%25D8%25AA%25D8%25B1%25D8%25A7%25D9%2581%25D9%258A.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibdIJ2UYJTeHUPRqWDf1eVOwXsg8h61CPxLKttK4tcuFCqIlGgSI1y8O-TQNYlxDqFH8IO_Lg6pe6hVucMYI4bDIkfNy_5rzUniTP9TeYquG9v3INi46TAGqxUrdecPk2jUeplAktju44j/s640/%25D8%25A5%25D8%25B6%25D8%25A7%25D9%2581%25D8%25A9+%25D8%25B5%25D9%2581%25D8%25AD%25D8%25A9+%25D8%25AE%25D8%25B7%25D8%25A6+%25D8%25A8%25D8%25B4%25D9%2583%25D9%2584+%25D8%25A7%25D8%25AD%25D8%25AA%25D8%25B1%25D8%25A7%25D9%2581%25D9%258A.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
إضافة صفحة خطأ بشكل احترافي - صفحة الخطئ من الاشياء المهمة التي يجب عليك اضافتها لمدونتك ليعرف الزائر ان كان المحتوى الذي يبحث عنه غير موجود او انه تم ازالته و ان وصلت له الفكرة ان تم ازالته فتوقع انه من الممكن ان يقوم بمراسلتك او عن طريق التعليقات و يطلب منك ارجاع هذا المحتوى المحذوف ولاتؤثر على القالب بل تعطي منضر جميل للصفحات الغير موجودة .</div>
<div style="text-align: center;">
معاينة مباشرة<br />
<br /></div>
<div style="text-align: center;">
<div style="text-align: center;">
<a class="button" href="http://page-404-plozer.blogspot.com/404" http:="" page-404-plozer.blogspot.com="" target="_blank">افتراضي</a></div>
<br />
بعد ان قمت بمعاينة الاضافة ننتقل الى طريقة التركيب<br />
<ol style="background: 0px 0px rgb(255, 255, 255); border: 0px; color: #6b6b6b; font-family: 'JF Flat', tahoma; font-size: 13px; font-weight: 700; line-height: 26px; list-style-position: inside; margin: 0px !important; outline: 0px; padding: 0px; text-align: right; vertical-align: baseline;">
<li style="background: 0px 0px; border: 0px; font-weight: normal; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">اذخل الى لوحة تحكم بلوجر من <a href="https://www.blogger.com/home" style="background: 0px 0px; border: 0px; color: #40aaee; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;" target="_blank">هنا </a></li>
<li>إذهب الى قالب و ثم اختار تحرير html</li>
<li>الان سنبحث عن مجموعة من الاوسمة وكل وسم له كود :</li>
</ol>
<div style="text-align: right;">
<ul style="text-align: right;">
<li><span style="color: #6b6b6b; font-family: JF Flat, tahoma;"><span style="font-size: 13px; line-height: 26px;"><b>ابحث عن الوسم : <head> لنضيف اعلاه الكود التالي</b></span></span></li>
</ul>
<div>
<span style="color: #6b6b6b; font-family: JF Flat, tahoma;"><span style="font-size: 13px; line-height: 26px;"><b><br /></b></span></span></div>
<blockquote class="tr_bq">
<span style="color: #6b6b6b; font-family: JF Flat, tahoma;"><span style="font-size: 13px; line-height: 26px;"><b><b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title> <b:else/> <b:if cond='data:blog.pageType != &quot;error_page&quot;'> <title><data:blog.pageName/> - <data:blog.title/></title> </b:if></b:if> <b:if cond='data:blog.pageType == &quot;error_page&quot;'> <title>الصفحة غير موجودة- <data:blog.title/></title> </b:if></b></span></span></blockquote>
<div>
<span style="color: #6b6b6b; font-family: JF Flat, tahoma;"><span style="font-size: 13px; line-height: 26px;"><b><br /></b></span></span></div>
<div>
<ul style="text-align: right;">
<li><span style="color: #6b6b6b; font-family: JF Flat, tahoma;"><span style="font-size: 13px; line-height: 26px;"><b>ابحث عن الوسم </head> لنضيف أعلاه الكود التالي :</b></span></span></li>
</ul>
<div>
<span style="color: #6b6b6b; font-family: JF Flat, tahoma;"><span style="font-size: 13px; line-height: 26px;"><b><br /></b></span></span></div>
<div>
<span style="color: #6b6b6b; font-family: JF Flat, tahoma;"><b><blockquote class="tr_bq">
<span style="font-size: 13px; line-height: 26px;"><b:if cond='data:blog.pageType == &quot;error_page&quot;'></span><span style="font-size: 13px; line-height: 26px;"><style type='text/css'></span><span style="font-size: 13px; line-height: 26px;">.error-container{background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC553r4iMhsimd7vC_1OdG4DBHY6NH_YQ8r3uxl7dYPAHVhmgfYdf47gmRrvWnXybg5arR3DqkDo0X1BEznudp5q4LzeNKD_yySJRI7EmIXQdPrjbS7mOSorDqIDS-ntFznoy2Z8cYDijw/s1600/MinanDesign-Poto.jpg);}</span><span style="font-size: 13px; line-height: 26px;">div#inseopage,div.minan-menutop-wrapper,.container,#minan-footer, #downindz, #minanHeader, div.back-to-top,.top-menu,span.bg-opacity-inner,.bg-opacity p{display:none!important;margin:0;padding:0;overflow:hidden;}</span><span style="font-size: 13px; line-height: 26px;">#copyright {background-color:rgba(0,0,0,0.3);margin:auto;margin-top:-70px;}</span><span style="font-size: 13px; line-height: 26px;">.error-header{margin-top:-100px}</span><span style="font-size: 13px; line-height: 26px;">.error-title{line-height:42px}</span><span style="font-size: 13px; line-height: 26px;">.error-title span{background:#ed522e;padding:2px 10px;}</span><span style="font-size: 13px; line-height: 26px;">.error-image img{display:block;font-size:72px;font-weight:700;height:150px;margin:10px auto 40px}</span><span style="font-size: 13px; line-height: 26px;">.error-container{background-color:#101524;display:table;height:100vh;overflow-x:hidden;width:100%}</span><span style="font-size: 13px; line-height: 26px;">.error404 .anonymous{margin:0 auto 20px;display:block}</span><span style="font-size: 13px; line-height: 26px;">.error-404{background:rgba(0,0,0,.7);display:table-cell;vertical-align:middle}</span><span style="font-size: 13px; line-height: 26px;">.error-404 .page-content p{color:#c8c8c8}</span><span style="font-size: 13px; line-height: 26px;">.error-title{color:#fff;font-family: "Ta3alamFont";font-size:42px;font-weight:400;text-transform:uppercase;margin:.67em 0;text-align:center}</span><span style="font-size: 13px; line-height: 26px;">.search-title{font-size:48px;color:#3f3f46}</span><span style="font-size: 13px; line-height: 26px;">.page-content,.page-content p{color:#797979;font-size:18px;text-align:center}</span><span style="font-size: 13px; line-height: 26px;">.btn.back-to-home{background:none;border-radius:0;color:#fff;font-weight:400;left:40px;line-height:24px;opacity:.8;padding:10px 30px;position:absolute;text-transform:capitalize;top:40px;z-index:99}</span><span style="font-size: 13px; line-height: 26px;">.back-to-home:hover{color:#c9a96e;}</span><span style="font-size: 13px; line-height: 26px;">.back-to-home i{font-size:14px;margin-right:3px}</span><span style="font-size: 13px; line-height: 26px;"><br /></span><span style="font-size: 13px; line-height: 26px;">@media only screen and (max-width:479px){</span><span style="font-size: 13px; line-height: 26px;">.back-button-container{max-width:80%;width:80%}.page-content .back-to-home{width:100%;margin:10px auto}.error-header{margin-top:30px}.error-title{font-size:24px;line-height:32px}.page-content,.page-content p{font-size:14px}.error-404{padding-bottom:60px}.page-footer{padding:20px 10px}}</span><span style="font-size: 13px; line-height: 26px;"></style></span><span style="font-size: 13px; line-height: 26px;"></b:if></span></blockquote>
<div style="font-size: 13px; line-height: 26px;">
ملاحظة : لتغيير اللون البرتقالي ابحث عن <span style="color: #222222; font-family: Consolas, 'Lucida Console', monospace; font-size: 12px; text-align: left; text-decoration: underline; white-space: nowrap;">#ed522e</span></div>
</b></span><span style="color: #6b6b6b; font-family: JF Flat, tahoma;"><b><div>
<ul style="text-align: right;">
<li><span style="font-size: 13px; line-height: 26px;">ابحث عن الوسم <body> وان لم تجده ابحث عنه هكذا body> واضف الكود التالي اسفله :</span></li>
</ul>
<div>
<span style="font-size: 13px; line-height: 26px;"><br /></span></div>
<div>
<blockquote class="tr_bq">
<span style="font-size: 13px; line-height: 26px;"><b:if cond='data:blog.pageType == &quot;error_page&quot;'></span><span style="font-size: 13px; line-height: 26px;"><div class='error-container'></span><span style="font-size: 13px; line-height: 26px;"> <a class='btn back-to-home' expr:href='data:blog.homepageUrl'><i class='fa fa-home fa-fw'/>إرجع للصفحة الرئيسية</a></span><span style="font-size: 13px; line-height: 26px;"> <section class='error-404 not-found text-center'></span><span style="font-size: 13px; line-height: 26px;"> <header class='error-header'></span><span style="font-size: 13px; line-height: 26px;"> <div class='error-image'></span><span style="font-size: 13px; line-height: 26px;"> <img alt='404' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioQ7gHxrsOKNdV34kv1D6q-fdIBGLsF11ym1i8Q3fjTHaHoAOf1Oxu9oXm7fLD_8wmG9bdXpvxbJYfeLAfROVEzrUm4JBlPdFLz5GU4Lb_27I1773taVruYcXEdzWO5OKD8M2B4szRTxiT/s1600/minandesign.png'/></span><span style="font-size: 13px; line-height: 26px;"> </div></span><span style="font-size: 13px; line-height: 26px;"> <h1 class='error-title'><p><span>عذرا</span> فالصفحة التي تبحث عنها غير متوفرة حاليا</p> </h1></span><span style="font-size: 13px; line-height: 26px;"> </header></span><span style="font-size: 13px; line-height: 26px;"> <div class='page-content'></span><span style="font-size: 13px; line-height: 26px;"> <p>لا يمكن اجاد الصفحة التي تبحث عنها هنا</p></span><span style="font-size: 13px; line-height: 26px;"> </div></span><span style="font-size: 13px; line-height: 26px;"></section></span><span style="font-size: 13px; line-height: 26px;"></div></span><span style="font-size: 13px; line-height: 26px;"></b:if></span></blockquote>
<div style="font-size: 13px; line-height: 26px;">
<br /></div>
</div>
</div>
</b></span></div>
<div style="text-align: center;">
<div class="post-area" style="background: 0px 0px rgb(255, 255, 255); border: 0px; color: #6b6b6b; font-family: 'JF Flat', tahoma; font-size: 13px; line-height: 2; margin: 15px 0px 0px; outline: 0px; padding: 0px; text-align: start; vertical-align: baseline;">
<div dir="rtl" style="background: 0px 0px; border: 0px; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; text-align: right; vertical-align: baseline;" trbidi="on">
<div style="background: 0px 0px; border: 0px; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<div style="background: 0px 0px; border: 0px; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">
التعليقات دائما مفتوحة لاستفساراتكم</div>
<div style="background: 0px 0px; border: 0px; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">
في امان الله وحفظ الرحمن</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
عماد إيادhttp://www.blogger.com/profile/02209915935809899736noreply@blogger.com6tag:blogger.com,1999:blog-6883477933569599208.post-8373783828857548362016-04-15T10:02:00.000-07:002016-04-15T10:06:25.364-07:00صندوق اشترك بقنات اليوتيوب احترافي<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTHink5vYMBRlUrdzdM5y73lrw9vJVhbFQ26oxNfbtjpUrR47sP9fOoD7AdPAvQ-EqgUTk-JvRcz8eZTO47YJjT804Gs85BkjSZODoIZ8TlCdAZzBG8-7Bt29Vxjy62KioWIWrXms7i7ND/s1600/%25D8%25B5%25D9%2586%25D8%25AF%25D9%2588%25D9%2582+%25D8%25A5%25D8%25B4%25D8%25AA%25D8%25B1%25D8%25A7%25D9%2583+%25D8%25A8%25D9%2582%25D9%2586%25D8%25A7%25D8%25AA+%25D8%25A7%25D9%2584%25D9%258A%25D9%2588%25D8%25AA%25D9%258A%25D9%2588%25D8%25A8+%25D8%25A5%25D8%25AD%25D8%25AA%25D8%25B1%25D8%25A7%25D9%2581%25D9%258A.png" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
السلام عليكم و رحمت الله و بركاته<br />
صندوق اشترك بقناتنا على اليوتيوب - هذا الاصدار الاول من هذه الاضافة الاحترافية الاضافة لاصحاب قنوات اليوتيوب ولديه مدونة ويريد اضافة قناته لها ليعرف زوارها ان لديه قنات الاضافة منسقة بشكل جميل متجاوبة مع المكان الذي توضع فيه بكود بسيط ولا يؤثر على سرعة القالب<br />
معاينة الاضافة مباشرة<br />
<br />
<a class="button button-view" href="http://youtube-box-v1-plozer.blogspot.com/" target="_blank">معاينة</a><br />
<br />
طريقة التركيب<br />
<ol style="background: 0px 0px rgb(255, 255, 255); border: 0px; color: #6b6b6b; font-family: 'JF Flat', tahoma; font-size: 13px; font-weight: 700; line-height: 26px; list-style-position: inside; margin: 0px !important; outline: 0px; padding: 0px; text-align: right; vertical-align: baseline;">
<li style="background: 0px 0px; border: 0px; font-weight: normal; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">اذخل الى لوحة تحكم بلوجر من <a href="https://www.blogger.com/home" style="background: 0px 0px; border: 0px; color: #40aaee; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;" target="_blank">هنا </a></li>
<li style="background: 0px 0px; border: 0px; font-weight: normal; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">اختار المدونة التي تريد اضافة الادات فيها من اللوحة و من ثم ادخل الى لوحة التخطيط </li>
<li style="background: 0px 0px; border: 0px; font-weight: normal; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">اختار اضافة ادات HTML/JavaScript</li>
<li style="background: 0px 0px; border: 0px; font-weight: normal; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">اضف الكود التالي :</li>
</ol>
<div style="text-align: right;">
<blockquote class="tr_bq">
<div class="widget-content"><br />
<div class="youtube-add"><br />
<div class="youtube-name"><br />
<i class="fa fa-youtube-square"><br />
</i></div><br />
<div class="youtube-jm"><br />
<a class="jaim-y" href="/">إشترك</a><br />
</div><br />
</div><br />
<span style="color: red;"><style><br />.youtube-add {<br /> width: 100%;<br /> margin: 10px auto;<br /> text-align: center;<br /> height: 200px;<br /> background: #D43535;<br /> color: #fff;<br />}<br />.jaim-y {<br /> background: #D43535;<br /> padding: 5px 15px;<br /> border-radius: 5px;<br /> border: 1px solid #FFF;<br /> color: #fff;<br /> transition: all 0.4s ease;<br />}<br />.jaim-y:hover {<br /> background: #fff;<br /> padding: 5px 15px;<br /> border-radius: 5px;<br /> border: 1px solid #FFF;<br /> color: #D43535;<br /> transition: all 0.4s ease;<br />}<br />.youtube-add .fa {<br /> font-size: 90px;<br /> margin-top: 20px;<br />}<br />.youtube-jm {<br /> margin-top: 15px;<br />}<br /></style></span></div></blockquote>
</div>
<br />
<div style="text-align: right;">
ان لم تعمل معك الاضافة كما بالمعاينة احذف الكود الذي بلون الاحمر و اضفه اعلى الوسم </head></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: center;">
التعليقات دائما مفتوحة لاستفساراتكم</div>
<div style="text-align: center;">
في امان الله وحفظ الرحمن</div>
</div>
</div>
عماد إيادhttp://www.blogger.com/profile/02209915935809899736noreply@blogger.com8tag:blogger.com,1999:blog-6883477933569599208.post-87125062516941821862016-04-08T06:36:00.001-07:002016-04-08T07:43:32.071-07:00تحديث بلوجر و الانتقال للوضع الامن<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgokUHeiuJXhH8feLw-SwOl3J5vu_FC8At3eh6k-EjWLU8FauxrWxGAAwDHwhBkuk_PKHOucYV-HhxoC5VeB_170Z8u084IaH1MWb35LwQnOm_igh957GlNWPqzxGnIEl_t7NJtahewlV2x/s1600/capture-20160408-154218.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgokUHeiuJXhH8feLw-SwOl3J5vu_FC8At3eh6k-EjWLU8FauxrWxGAAwDHwhBkuk_PKHOucYV-HhxoC5VeB_170Z8u084IaH1MWb35LwQnOm_igh957GlNWPqzxGnIEl_t7NJtahewlV2x/s400/capture-20160408-154218.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
السلام عليكم و رحمة الله و بركاته</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://plozer.blogspot.com/2016/04/blogger-news-1.html" target="_blank">تحديث بلوجر الجديد و الانتقال للوضع الامن</a> - أهلا بكم زوار موقعكم جديد بلوجر في الاونة الاخيرة ارسلة بلوجر تحديث جديد للمستخدمين عن تحويل المدونات للوضع الامن </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
هذه هي الرسالة ( <span style="color: #38761d;">إضغط على الصورة للتكبير</span> )</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbKlr3jDm5AgoE814p7ZwA7zohC0zOq9sM0_p6wn6zupwrT3afHiVUlFqu-HH2Gy5HfVMORwyznd9sTxxQsYA0u2HIxbyRk8Gbs8vziPB6AwTA4SUtSlYC6-DgFp03FXYkW3X_Z5-cpOPy/s1600/capture-20160408-161318.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbKlr3jDm5AgoE814p7ZwA7zohC0zOq9sM0_p6wn6zupwrT3afHiVUlFqu-HH2Gy5HfVMORwyznd9sTxxQsYA0u2HIxbyRk8Gbs8vziPB6AwTA4SUtSlYC6-DgFp03FXYkW3X_Z5-cpOPy/s640/capture-20160408-161318.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
موعد التحديث كما صرحت الشركة <b style="background-color: #edf4ff; color: #222222; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px; margin: 0px; padding: 0px; text-align: start;">أواخر نيسان (إبريل) </b></div>
<div style="text-align: center;">
معنى هذا كله بشكل مختصر ان الان مدونات بلوجر دوميناتها بهذا الشكل </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: #bf9000;">http://plozer.blogspot.com/ </span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
وبعد التحديث سيصبح الدومين بهذا الشكل </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: #bf9000;">https://plozer.blogspot.com/</span></div>
<div style="text-align: center;">
<span style="color: #bf9000;"><br /></span></div>
<div style="text-align: center;">
لاكن لا تقلك حيال هذا الشيئ فهذا التحديث افضل لانه سينقل نطاق مدونتك من الوضع العادي الى الوضع الامن كأنك قمت بشاء دومين مدفوع وبالتأكيد هذا التحديث لن يظر على مدونتك بشيئ فهو فقط كما قلت الانتقال من وضع الى وضع اخر اكثر امان </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ولاكن انتشر في هذه الايام ان هذا التحديث لن يحدث و يكون هذا الموضوع كله خداع من بلوجر وأن يكون كذبة ابريل </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
المهم على كل حال سننتظر لكي نتوصل الى اجدد الأخبار و سنقوم بطرحها لكم مباشرتا</div>
<div style="text-align: center;">
في أمان الله</div>
</div>
عماد إيادhttp://www.blogger.com/profile/02209915935809899736noreply@blogger.com7tag:blogger.com,1999:blog-6883477933569599208.post-4207037268321251872016-04-06T08:50:00.001-07:002016-04-06T08:51:32.831-07:00طريقة تركيب خط جذور فلات للمدونات<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyWtLOU0vuGTkowpBnQ_MIcu3wx1b9gx1NTBre2Nwjxgyc-tit2RVEiA6uBjZAW0v9Hpu1IsBvD-gZsfM-wW0z37Ntg-t1BuKffWwRvDBonqxzgyot0izv22oKK5F02mBVw5I3H_TTIWYo/s320/%25D8%25AE%25D8%25B7+%25D8%25AC%25D8%25B0%25D9%2588%25D8%25B1+%25D9%2581%25D9%2584%25D8%25A7%25D8%25AA.png" width="320" /></div>
<br />
تركيب خط جذور فلات لمدونات بلوجر</div>
<div style="text-align: center;">
اليوم في درس رائع وبسيط حبيت ان اقدم لكم طريقة تركيب خط جذور فلات المميز لمدونات بلوجر انتشر في الفترة الاخيرة خط مميز على منصة بلوجر وهوة خط جذور فلات وهوة من انتاج شركة جذور الخط مصمم بتقنية الفلات وهوة خط احترافي من افضل الخطوط العربية الموجودة حاليأ نتطرق الى طريقة تركيب الخط<br />
<br />
معاينة خط جذور فلات<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="323" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC026aWDr4bggke36B-d7cvmlqzvCbhqSD4DfBFgnhtsmSviPSc1whVx1cOozLa27zNudcKquUK7Ig6BodChVnqZ-CmwpvEUWfXXYKvGHDbdV_YOYwbNJjLjlOxPIjb7y-ISk2lnwt3dQE/s400/11_flat_font.png" width="400" /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfT5Hhzadj4erRf0TpfzbwuR_36NisUbu2viDXaz17j2xpRlpmT_K93DDlVa2ALLlRZiMOVQEM5RWTQUrSHUJ7IbfqUgKZrzSZOmV01m696yQlVNLbe-KWfJowOjXXK-rero4f7mw9Q0Oy/s400/Jozoor-Flat-Font-9.png" width="400" /></div>
<br />
<br /></div>
<div style="text-align: center;">
طريقة تركيب خط جذور فلات لمدونتك</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
1- من لوحة التحكم >> قالب >> تحرير HTML</div>
2- خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير<br />
3- قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F)<br />
4- قم بالبحث عن الكود <span style="background-color: white; color: orange; font-family: "electrolize" , "ge_ss_threeregular"; font-size: 14px;">]]></b:skin></span> واضف فوقه مباشراً كود الخط<br />
<br />
@font-face { font-family: 'JF-Flat-regular'; src: url('https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.eot'); src: url('https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.eot?') format('embedded-opentype'), url('https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.woff') format('woff'), url('https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.ttf') format('truetype');}<br />
<br /></div>
<br />
<div style="text-align: center;">
الآن بعد ان اضفت كود الخط الذي اخترته الى القالب تبقى لك خطوه اخيره لكي يظهر هذا الخط في مدونتك , كل ماعليك الان هو تغير اسم الخطوط في القالب , وخصوصا الأوسمة المهمه مثل الـ h2 , h3 , h1 , باسم الخط الذي اخترته ولتغيير اسم الخطوط في مدونتك قم بعمل الاتي:</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
1- قم بالبحث داخل القالب عن الكود Font-family:سيط</div>
سوف تجده غالباً على هذا الشكل Font-family:Arial, Tahoma,vardana; <br />
كل ماعليك هوة استبدال اسم الخط القديم الذي يأتي بعد Font-family: بأسم الخط الجديد<br />
سوف اقدم لكم مثال لكي تتمكن من تغير نوع الخط بسهولة<br />
<br />
<div style="text-align: center;">
قبل </div>
<div style="text-align: center;">
Font-family:Arial, Tahoma,vardana;</div>
<div style="text-align: center;">
بعد</div>
<div style="text-align: center;">
Font-family:JF-Flat-regular;</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<br /></div>
<br />
<div style="text-align: center;">
لاحظ هنا اننا قمنا باستبدال اسم الخط Arial, Tahoma,vardana باسم الخط الجديد الذي اضفناه الى المدونه وهو JF-Flat-regular الان قم بتكرار العمليه على باقي اكواد font-family </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-size: large;">اذا اعجبك الموضوع لاتبخل علينا بتعليق بسيط</span></div>
<div style="text-align: center;">
في أمان الله</div>
</div>
عماد إيادhttp://www.blogger.com/profile/02209915935809899736noreply@blogger.com5tag:blogger.com,1999:blog-6883477933569599208.post-90809662930474084802016-04-02T03:55:00.000-07:002016-04-02T03:57:31.822-07:00صندوق تعريف عن المدونة بتنسيق رائع<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<span style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtLTJOAqOon0dwQErIqAOKUZrX_qDzOLecL1uiyQ5irgvBv0mopaZPKs8YnR1M7UzGgQVQG9Eh3QMIOh_RjrYZFrZ-yYXmYFFZ4i1zhJprPh1J2gmtmcrj2-qfkVlfQUX1kDXTOorDIt_H/s1600/%25D8%25B5%25D9%2586%25D8%25AF%25D9%2588%25D9%2582+%25D8%25AA%25D8%25B9%25D8%25B1%25D9%258A%25D9%2581+%25D8%25B9%25D9%2586+%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9+%25D8%25A8%25D8%25AA%25D9%2586%25D8%25B3%25D9%258A%25D9%2582+%25D8%25B1%25D8%25A7%25D8%25A6%25D8%25B9.png" /></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://plozer.blogspot.com/2016/04/box-information.html" target="_blank">صندوق تعريف عن المدونة بتنسيق رائع</a> - بسم الله الرحمن الرحيم تدوينة اليوم تدوينة جديدة في مجال إضافات بلوجر انها عبارة عن صندوق يشبه البطاقة للتعريق بالمدونة استخدمة فيه خط عربي رائع وجميل ونسقة الوانه وجعلة له تذييل لاضافة حقوق الملكية الفكرية او ان لم تكن ترغب باضافتها فيمكنك اضافة رابط المدونة .</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a class="button button-hm" href="http://box-information-plozer.blogspot.com/" target="_blank">معاينة الإضافة</a></div>
<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
الان طريقة التركيب<br />
<ol style="background: 0px 0px rgb(255, 255, 255); border: 0px; color: #6b6b6b; font-family: 'JF Flat', tahoma; font-size: 13px; font-weight: 700; line-height: 26px; list-style-position: inside; margin: 0px !important; outline: 0px; padding: 0px; text-align: right; vertical-align: baseline;">
<li style="background: 0px 0px; border: 0px; font-weight: normal; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">اذخل الى لوحة تحكم بلوجر من <a href="https://www.blogger.com/home" style="background: 0px 0px; border: 0px; color: #40aaee; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;" target="_blank">هنا </a></li>
<li style="background: 0px 0px; border: 0px; font-weight: normal; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">اختار المدونة التي تريد اضافة الادات فيها من اللوحة و من ثم ادخل الى لوحة التخطيط </li>
<li style="background: 0px 0px; border: 0px; font-weight: normal; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">اختار اضافة ادات HTML/JavaScript</li>
<li style="background: 0px 0px; border: 0px; font-weight: normal; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">اضف الكود التالي :</li>
</ol>
<div style="text-align: right;">
<br /></div>
<blockquote class="tr_bq" style="text-align: right;">
<style><br />
@import url(http://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);<br />
#hedar-box {background-color:#456b8e;}<br />
#hedar-box p {font: 19px/1.8em tahoma; color: #fff; padding: 10px 20px 0 20px; margin: -1px; font-family: 'Noto Sans Kufi Arabic', sans-serif!important; text-align: center; font-weight: bold;}<br />
</style><br />
<div id="hedar-box"><br />
<p class="ar1websub"><br />
جديد بلوجر - موقع من شخص بسيط يريد أن يشارك أفكاره و أعماله مع العالم تأسس الموقع في بداية 2016<br />
سيوفر الموقع أفضل القوالب والإضافات للزوار الكرام </p><br />
<style><br />
@import url(http://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);<br />
#fotor-box {background-color:#e42b28;}<br />
#fotor-box p {font: 15px/1.8em tahoma; color: #fff; padding: 2px 20px 0 20px; margin: -1px; font-family: 'Noto Sans Kufi Arabic', sans-serif!important; text-align: center; font-weight: bold;}<br />
</style><br />
<div id="fotor-box"><br />
<p class="ar1websub"><br />
جميع الحقوق محفوظة لـ جديد بلوجر<br />
</p></blockquote>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<ul style="text-align: right;">
<li><span style="color: red;">ملاحظة</span> : لكي تعمل معك الإضافة بشكل صحيح 100% لا تضف معها اي اداة</li>
</ul>
<div style="text-align: center;">
ان واجهتك اي مشكلة لا تتردد في وضعها في تعليق وسيتم الرد عليك</div>
<div style="text-align: center;">
في أمان الله</div>
</div>
</div>
</div>
عماد إيادhttp://www.blogger.com/profile/02209915935809899736noreply@blogger.com9tag:blogger.com,1999:blog-6883477933569599208.post-82556766299906578822016-04-01T07:42:00.000-07:002016-04-01T07:48:46.212-07:00تقسيم التدوينة الى ثلاثة اقسام <div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdg7k_AWKj9yeY1hGgTRQoIFc5pW4FDl52_M3LYg2gb8nze1k3JDtdxHNUDO15BMk9rOGxD7eMkbs4mRdK-7a25IA19P-NtlrLOkI3AAXp_cryealPWDIHE97KEFvJC_bIzkL2zGRWqRgL/s1600/%25D8%25AA%25D9%2582%25D8%25B3%25D9%258A%25D9%2585+%25D8%25A7%25D9%2584%25D8%25AA%25D8%25AF%25D9%2588%25D9%258A%25D9%2586%25D8%25A9+%25D8%25A7%25D9%2584%25D9%2589+%25D8%25AB%25D9%2584%25D8%25A7%25D8%25AB%25D8%25A9+%25D8%25A7%25D9%2582%25D8%25B3%25D8%25A7%25D9%2585+%25D9%2581%25D9%258A+%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
السلام عليكم ورحمة الله وبركاته </div>
<div style="text-align: center;">
تقسيم التدوينة الى ثلاثة اقسام في بلوجر- كما تعلمون فإن منصة بلوجر لا تحتوي على خيار لتقسيم الفقرة الى اقسام مثلا في المدونات الاخبارية يحتاج المدون الى تقسيم التدوينة الى اقسام مثل الجريدة لاكن لن يستطيع ذلك و السبب ان لوحة التحكم في التدوينة لا تسمح بهذا الخيا او الاجدى ان نقول انه غير موجود فيها فلا يستطيع لان بلوجر لا تدعم الى الكتابة العمودية ولاكن بكود تنسيق واحد يمكننا ان نحل هذه المشكلة والكتابة مثل الصحف وبثلاث اقسام متجاورة </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
والان لمعاينة التنسيق والتقسيم الذي كنا نتحدث عنه</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZxDx9qzDk3WwMTF0s0TOqJf8nqUQ0Y6S514hUdXaEtteZGpl6wLUSnNZ8aL9GTJPOgRe-GynWJd941eqSkXbIpSE4zVeuxCH6dp-IkoBGWZb2cHyGaN7oUBEInuOBONhc8jKXjprswtJX/s1600/capture-20160331-143258.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="54" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZxDx9qzDk3WwMTF0s0TOqJf8nqUQ0Y6S514hUdXaEtteZGpl6wLUSnNZ8aL9GTJPOgRe-GynWJd941eqSkXbIpSE4zVeuxCH6dp-IkoBGWZb2cHyGaN7oUBEInuOBONhc8jKXjprswtJX/s320/capture-20160331-143258.png" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
إضغط على الصورة لتراها بحجم أكبر</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
والأن طريقة الاستعمال و التركيب</div>
<div style="text-align: right;">
<ol style="text-align: right;">
<li>نذهب الى قالب و من ثم تحرير html</li>
<li>نبحث عن الوسم </b:skin> بإستخدام ctrl + f</li>
<li>نضيف كود التنسيق css فوق الوسم الذي بحثنا عنه </b:skin></li>
</ol>
<blockquote class="tr_bq">
.columnbreak3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; -webkit-column-rule: 4px outset #BCB5B5; -moz-column-rule: 4px outset #BCB5B5; column-rule: 4px outset #BCB5B5; } </blockquote>
<div>
<br /></div>
<div style="text-align: center;">
وبعدها نقوم بحفظ التعديلات </div>
<div style="text-align: center;">
ولمعرفة طريقة استخدام التقسيم شاهد هذه الصورة</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij8VZpLTrFz5dyS-wkvKr6ASnxdGmnqrp4R6Igsr6o8JchthOqOSjlbNB4bYzvi6gP7Furl2vTel9hOg4loVtEmmMJDXDceJtoQd6Q6EGxU7qJCGoKCVtf9KeqfDzCqcPo46QfnSNGYmuO/s1600/capture-20160331-142052.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij8VZpLTrFz5dyS-wkvKr6ASnxdGmnqrp4R6Igsr6o8JchthOqOSjlbNB4bYzvi6gP7Furl2vTel9hOg4loVtEmmMJDXDceJtoQd6Q6EGxU7qJCGoKCVtf9KeqfDzCqcPo46QfnSNGYmuO/s320/capture-20160331-142052.png" width="320" /></a></div>
<div style="text-align: center;">
إضغط على الصورة للكتبير</div>
<div>
<br /></div>
</div>
<div style="text-align: right;">
<ul style="text-align: right;">
<li>هذا هو كود التقسيم </li>
</ul>
<blockquote class="tr_bq" style="text-align: center;">
<div class='columnbreak3'> أدخل النص هنا </div></blockquote>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
في أمان الله</div>
</div>
</div>
عماد إيادhttp://www.blogger.com/profile/02209915935809899736noreply@blogger.com6tag:blogger.com,1999:blog-6883477933569599208.post-81890969252570050682016-03-31T05:01:00.001-07:002016-03-31T05:01:46.269-07:00 إضافة صندوق تلميحات عائم الشكل الأول<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Ga7Lf1UG5ev_LF6TdcdcFkYAs5OyT_uF99LSTAJeqfo_hlr3Ov3JMK4trP48XopSglF39re8tnXcULcv0TRPzjfIlYUBU1hqMKtBJ9qaPiLuIf3LJHfpVkKxCH_04MvCy0AJW-pqmiUb/s1600/%25D8%25B1%25D8%25B3%25D8%25A7%25D9%2584%25D8%25A9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Ga7Lf1UG5ev_LF6TdcdcFkYAs5OyT_uF99LSTAJeqfo_hlr3Ov3JMK4trP48XopSglF39re8tnXcULcv0TRPzjfIlYUBU1hqMKtBJ9qaPiLuIf3LJHfpVkKxCH_04MvCy0AJW-pqmiUb/s1600/%25D8%25B1%25D8%25B3%25D8%25A7%25D9%2584%25D8%25A9.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
السلام عليكم ورحمة الله وبركاته</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
إضافة صندوق تلميحات عائم الشكل الأول - أهلا بكم زوار مدونة جديد بلوجر في تدوينة جديدة وحصرية كما تعلمون الحصري دائما هدفنا ونأتيكم اليوم بإضافة جديدة الى عالم بلوجر وتصميم جميل ومختلف هذه المرة لصناديق التنبيهات كما يعلم البعض منكم لهذه الصناديق فائدة كبيرة سأعطيكم بعض الأمثلة على استخداماتها في نهاية التدوينة هذا الشكل الاول لهذه الاضافة وبالتأكيد إن حصلت على إعجاب كبير سأضيف الشكل الثاني والثالث . . . الخ</div>
<div style="text-align: right;">
</div>
<ul style="text-align: right;">
<li>ملاحظة 1 : هذه الصندوق يظهر لمدة 15 ثاينة و من ثم يختفي لكي لا يسبب ازعاج للزائر</li>
</ul>
<br />
<div style="text-align: center;">
لن اطيل عليكم في الحديث واترككم مع المعاينة و طريقة التركيب</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
أولا المعاينة </div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUASeVlP5_M12nAV149WTmJnFsDBbro7pGFmkbr9vzD9bZ37d7oSN09cTy5RRY6jzsqfFnit0RwA6xfl_oSgvyM-AQ2QTrh7Rqqh-0mx_8lRrAGg-LwLlkTVFR4Z6pN47PBFbiHMAMPxnE/s1600/capture-20160331-133329.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUASeVlP5_M12nAV149WTmJnFsDBbro7pGFmkbr9vzD9bZ37d7oSN09cTy5RRY6jzsqfFnit0RwA6xfl_oSgvyM-AQ2QTrh7Rqqh-0mx_8lRrAGg-LwLlkTVFR4Z6pN47PBFbiHMAMPxnE/s320/capture-20160331-133329.png" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
والان ثانيا طريقة التركيب :</div>
<div style="text-align: right;">
</div>
<ul style="text-align: right;">
<li>ملاحظة 2 : قمة بدمج اكواد التنسيق ( css ) مع كود الإضافة لكي يتم تركيبها بشكل اسهل</li>
</ul>
<div>
</div>
<br />
<ol style="background: 0px 0px rgb(255, 255, 255); border: 0px; color: #6b6b6b; font-family: 'JF Flat', tahoma; font-size: 13px; font-weight: 700; line-height: 26px; list-style-position: inside; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">
<li style="background: 0px 0px; border: 0px; font-weight: normal; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">اذخل الى لوحة تحكم بلوجر من <a href="https://www.blogger.com/home" style="background: 0px 0px; border: 0px; color: #40aaee; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;" target="_blank">هنا </a></li>
<li style="background: 0px 0px; border: 0px; font-weight: normal; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">اختار المدونة التي تريد اضافة الادات فيها من اللوحة و من ثم ادخل الى لوحة التخطيط </li>
<li style="background: 0px 0px; border: 0px; font-weight: normal; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">اختار اضافة ادات HTML/JavaScript</li>
<li style="background: 0px 0px; border: 0px; font-weight: normal; line-height: 2; margin: 0px !important; outline: 0px; padding: 0px; vertical-align: baseline;">اضف الكود التالي :</li>
</ol>
<div style="text-align: center;">
<span style="color: #6b6b6b; font-family: JF Flat, tahoma;"><blockquote class="tr_bq" style="font-size: 13px; line-height: 26px;">
<style>#plozer {right: 10px;top: 10px;width: 320px;height: auto;overflow: hidden;background:#BF3736;border-radius: 0px;border: 10px solid #333333;z-index: 999999;position: fixed;-webkit-animation: fadeOutnotif 15s linear forwards;-moz-animation: fadeOutnotif 15s linear forwards;-o-animation: fadeOutnotif 15s linear forwards;-ms-animation: fadeOutnotif 15s linear forwards;animation: fadeOutnotif 15s linear forwards;}#plozer a {display:block;text-decoration:none;}#plozer span {display: block;padding: 15px 15px;pointer-events: none;text-align: right;float: right;}#plozer span h2 {font-size: 20px tahoma;line-height: 21px;color: #fff;font-weight: normal;letter-spacing: 0px;}/*widget by plozer.blogspot.com */@-webkit-keyframes fadeOutnotif {0% { opacity: 1;}10% { opacity: 1;}90% { opacity: 1; -webkit-transform: translateY(0px);}99% { opacity: 0; -webkit-transform: translateY(-30px);}100% { opacity: 0;}}@-moz-keyframes fadeOutnotif {0% { opacity: 1;}10% { opacity: 1;}90% { opacity: 1; -moz-transform: translateY(0px);}99% { opacity: 0; -moz-transform: translateY(-30px);}100% { opacity: 0;}}@-o-keyframes fadeOutnotif {0% { opacity: 1;}10% { opacity: 1;}90% { opacity: 1; -moz-transform: translateY(0px);}99% { opacity: 0; -moz-transform: translateY(-30px);}100% { opacity: 0;}}@-ms-keyframes fadeOutnotif {0% { opacity: 1;}10% { opacity: 1;}90% { opacity: 1; -moz-transform: translateY(0px);}99% { opacity: 0; -moz-transform: translateY(-30px);}100% { opacity: 0;}}@keyframes fadeOutnotif {0% { opacity: 1;}10% { opacity: 1;}90% { opacity: 1; -moz-transform: translateY(0px);}99% { opacity: 0; -moz-transform: translateY(-30px);}100% { opacity: 0;}}</style><br /><div id="plozer"><span><center><h2><b>*رسالة إدارية*</b></h2></center><div style="text-align: justify;"><span style="color: #FEF2BF;">هذه الأدات من تصميم مدونة جديد بلوجر وتستخدم لاغراض عديدة </span></div></span></div></blockquote>
<div style="font-size: 13px; line-height: 26px;">
<br /></div>
<div style="font-size: 13px; line-height: 26px;">
التغييرات بسيطة </div>
<div style="text-align: right;">
<ul style="text-align: right;">
<li><span style="font-size: 13px; line-height: 26px;">لتغيير عنوان الرسالة هذا هو </span><span style="font-size: 13px; line-height: 26px; text-align: center;">*رسالة إدارية*</span></li>
<li><span style="font-size: 13px; line-height: 26px; text-align: center;">لتغيير محتوى الرسالة هذا هو </span><span style="font-size: 13px; line-height: 26px; text-align: center;">هذه الأدات من تصميم مدونة جديد بلوجر وتستخدم لاغراض عديدة</span></li>
<li><span style="font-size: 13px; line-height: 26px; text-align: center;">لتغيير لون الصندوق ابحث عن كود اللون وهو </span><span style="font-size: 13px; line-height: 26px; text-align: center;">#BF3736</span></li>
</ul>
<div style="text-align: center;">
<span style="font-size: 13px; line-height: 26px;">في أمان الله</span></div>
</div>
<div style="font-size: 13px; line-height: 26px;">
<br /></div>
</span></div>
</div>
عماد إيادhttp://www.blogger.com/profile/02209915935809899736noreply@blogger.com4tag:blogger.com,1999:blog-6883477933569599208.post-63174138042771664202016-03-30T02:05:00.001-07:002016-03-30T02:07:56.879-07:00التبادل الإعلاني الصوري الشكل الأول<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPeTD3QDDgjEwak_mwRtxrzMM0HfVjkZCM2SIDMmaolTK6wWNGm8gpVogMKm44PoaC3wWtqd8h6RLEdf-TyJzAU10gE6SVfCC9cD2oDmDtf5ESyZHJEhCVAqxrskAOdGPfC_rYmkDXsVeP/s1600/%25D8%25A7%25D9%2584%25D8%25AA%25D8%25A8%25D8%25A7%25D8%25AF%25D9%2584+%25D8%25A7%25D9%2584%25D8%25A5%25D8%25B9%25D9%2584%25D8%25A7%25D9%2586%25D9%258A+%25D8%25A7%25D9%2584%25D8%25B5%25D9%2588%25D8%25B1%25D9%258A+%25D8%25A7%25D9%2584%25D8%25B4%25D9%2583%25D9%2584+%25D8%25A7%25D9%2584%25D8%25A3%25D9%2588%25D9%2584.png" /></div>
<div style="text-align: center;">
التبادل الإعلاني الصوري الشكل الأول - أهلا بكم زوار مدونة جديد بلوجر في اضافة جديدة وحصرية لن تجدها في اي مدونة في هذا التنسيق اولا لماذا ستستعمل الاضافة للتبادل بين المدونات و يمكن انضا ان تستعملها للتبادل المدفوع ايضا فمن الممكن ان تستخدمها للاعلان على مدونتك ب 5 دولار لمدة شهر احسبها هكذا فستكسب ان بعت ال 4 مساحات 20 دولار وهذا عدد جيد من النقود في زمن محدد ولن اطيل عليكم والمعاينة<br />
<br />
قبل<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSxBeH0Q7WUjHWnBTeSm6dsVjBdhy5jJxSd-KSRM0ZTT0U1YiHXkHXgm3dcSlFCVp6aJ7PJufKvozuztXM-EBQQaYybJ3og37_KKtCAF87deMDeoo8JYfVxNu8W3URvZnOiKy6CuypR4eh/s1600/1111.png" /></div>
<br />
بعد<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2uJzOuFWauH0JhGJaqbWi0PLTu62MoXfbN6iacztFTh3qKlh0_sLSzflEBOXENhG0W6IjVoJ3TaQ-f2QjkjDRusVDn7iCW_Zfg8TMGkPnd3nofHrL8qAepbhFb3Q7O8iJRSYNh88pO8R7/s1600/capture-20160330-100617.png" /></div>
<br />
<br />
<br />
طريقة التركيب كالاتي</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
</div>
<ol style="text-align: right;">
<li>اذخل الى لوحة تحكم بلوجر من <a href="https://www.blogger.com/home" target="_blank">هنا </a></li>
<li>اختار المدونة التي تريد اضافة الادات فيها من اللوحة و من ثم ادخل الى لوحة التخطيط </li>
<li>اختار اضافة ادات HTML/JavaScript</li>
<li>اضف الكود التالي :</li>
</ol>
<br />
<blockquote class="tr_bq">
<div class="widget-content"><br />
<style><br />
a.tip:hover:after { top: -11px;<br />
background: none repeat scroll 0% 0% rgba(232, 62, 59, 0.92);<br />
font-size: 14px;<br />
color: #FFF;<br />
content: attr(title);<br />
display: block;<br />
right: 10px;<br />
padding: 3px 5px;<br />
position: absolute;<br />
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);<br />
overflow: hidden;<br />
width: 86%;<br />
height: 100%;<br />
}a.tip { position: relative; }<br />
.i3lan-ar1web {text-align:center;margin:0 auto;transition:all 1s ease-out;}<br />
.i3lan-ar1web .sidebar .widget-content,.i3lan-ar1web .sidebar-two .widget-content{padding:0;border:0;}<br />
.i3lan-ar1web .sidebar .widget {margin-bottom:0;padding:0;}<br />
.i3lan-ar1web img {background: #fff; text-align: center; margin: 0 10px; padding: 3px; border: 1px solid #E0E0E0; vertical-align: 0;}<br />
.i3lan-ar1web img:hover {background:#fdfdfd;border:1px solid #e6e6e6;}<br />
</style><br />
<div class="i3lan-ar1web"><br />
<a class="tip" href="http://plozer.blogspot.com/" target="_blank" title="جديد بلوجر"><img src="http://c.top4top.net/p_894jqa1.png" alt="الأفضل لكم" width="125" height="125"></a><br />
<a class="tip" #" target="_blank" title="اعلن هنا"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9qUrnUE6MShPfb4ioTIBaSPm31G2i3gGmqJ5KF_rjhym18-uq_QCnAEAiMtTgYVstaWMX4xqMvgJtLSyCJ-TqtuneNJ_mG3c4xzfRfjhmZ5bWoaz4qzT-wYUZhTxJwC0v9u6g4S40cBM/s1600/ads125x125.png" alt="اعلن هنا" width="125" height="125"></a><br />
<a class="tip" href="#" target="_blank" title="اعلن هنا"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9qUrnUE6MShPfb4ioTIBaSPm31G2i3gGmqJ5KF_rjhym18-uq_QCnAEAiMtTgYVstaWMX4xqMvgJtLSyCJ-TqtuneNJ_mG3c4xzfRfjhmZ5bWoaz4qzT-wYUZhTxJwC0v9u6g4S40cBM/s1600/ads125x125.png" alt="اعلن هنا" width="125" height="125"></a><br />
<a class="tip" href="#" target="_blank" title="أعلن هنا"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9qUrnUE6MShPfb4ioTIBaSPm31G2i3gGmqJ5KF_rjhym18-uq_QCnAEAiMtTgYVstaWMX4xqMvgJtLSyCJ-TqtuneNJ_mG3c4xzfRfjhmZ5bWoaz4qzT-wYUZhTxJwC0v9u6g4S40cBM/s1600/ads125x125.png" alt="اعلن هنا" width="125" height="125"></a><br />
</div><br />
</div></blockquote>
<div style="text-align: center;">
التعديلات الازمة على الاضافة </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
</div>
<ul style="text-align: right;">
<li>لتغيير الصورة غير الرابط التالي https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9qUrnUE6MShPfb4ioTIBaSPm31G2i3gGmqJ5KF_rjhym18-uq_QCnAEAiMtTgYVstaWMX4xqMvgJtLSyCJ-TqtuneNJ_mG3c4xzfRfjhmZ5bWoaz4qzT-wYUZhTxJwC0v9u6g4S40cBM/s1600/ads125x125.png</li>
<li>لتغيير الرابط ابحث عن # غيرها بما يناسب</li>
<li>واخيرا لتغيير الاسم ابحث عن اعلن هنا و غيرها بما يناسب </li>
</ul>
<div style="text-align: center;">
في أمان الله</div>
</div>
عماد إيادhttp://www.blogger.com/profile/02209915935809899736noreply@blogger.com6tag:blogger.com,1999:blog-6883477933569599208.post-54017686079064838872016-03-26T09:05:00.000-07:002016-04-01T07:46:14.895-07:00إضافة انضم لفريق عمل المدونة <div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2RR0n-r2FZ-qTU00gCtEwRElOq7kqo6SMACVaDwrTE6FYWHMcuMBc0QUFw_byIlnHYkSjxqqWtxzPTY6tBXnvqaVa0OHRhihgIG5a0UvSfwelHpjgmzusdsHY3pyPmIVyxdcfwbNv4b9r/s1600/%25D8%25A7%25D9%2586%25D8%25B6%25D9%2585+%25D8%25A7%25D9%2584%25D9%258A%25D9%2586%25D8%25A7.png" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
السلام عليكم ورحمة الله وبركاته</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
اولا نبذة عن الاضافة :</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
الاضافة سيستعملها من يحتاج لفريق عمل في مدونته هي بسيطة جدا فقط صورة و نص فوقها ولاكن هذا لا يعني انها ليسة جميلة المنظر انها جميلة ومفيدة ولا تحاج لمساحة لكي توضع فيها و ايضا من الممكن دمجها مع اضافة اخرى مثل اعلان او اي اضافة </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ثانيا المعاينة للاضافة :</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhouHVgakwhMRafTzeV3hlixGNal2ighjR0F3NcbpsPNxVMZGU0byL7nfqt2X74diw4sgNaHU3Hg5keafVObNcLY7svjbxN-aQ8VzhUz7Wl7846tosyyvhg-OMCTJKXnBoqovehZy9A7kIx/s1600/%25D8%25A7%25D9%2586%25D8%25B6%25D9%2585.png" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ثالثا طريقة التركيب :</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
</div>
<ul style="text-align: right;">
<li>نبحث عن الوسم التالي ]]></b:skin> لنضع فوقه مباشرة كود التنسيق هذا :</li>
</ul>
<br />
<blockquote class="tr_bq">
.btn-default {color: #fff!important;background-color: #5A5959;border-color: #EAE9E9!important; padding-bottom: 0!important;padding: 6px;font-family: 'Droid Sans',sans-serif;}<br />
a.active1 { background: #D83B38; }.indam { float: left; background: #F9F7F7 url(http://pre06.deviantart.net/10c7/th/pre/f/2015/189/2/6/pizza_and_ice_cream_minimal_android_wallpaper_by_fleksie-d90hvhx.png); height: 90px; width: 230px; margin: 10px 0; text-align: center; background-size: cover; position: relative; background-position: 50% 50%;} .ila { background:rgba(0, 0, 0, 0.53); display: table-cell; vertical-align: middle; height: 90px; width: 230px; } .arb a { color: #fff; font-size: 17px; text-align: center; overflow: hidden; position: relative;font-family: Droid Sans; bottom: 10px; }</blockquote>
<div>
<br /></div>
<div style="text-align: right;">
</div>
<div>
<ul style="text-align: right;">
<li>الان هذا كود الاضافة نضعه في تحرير القالب او ادات جافا سيكريبة :</li>
</ul>
</div>
<br />
<blockquote class="tr_bq">
<div class="indam"><br />
<div class="ila"><br />
<h1 class="arb"><br />
<a href="http://plozer.blogspot.com/"> انضم لفريق العمل </a><br />
</h1><br />
</div><br />
</div></blockquote>
<div style="text-align: right;">
</div>
<div>
<br /></div>
<div>
<ul style="text-align: right;">
<li>للتعديل على الرابط غير http://plozer.blogspot.com/ بالرابط المناسب</li>
</ul>
</div>
<div style="text-align: center;">
انتهى الموضوع بحمد الله</div>
<div style="text-align: center;">
لمن واجهته مشاكل يضعها في التعليقات لحين فتح قسم خاص بالمشاكل باذن الله</div>
<div style="text-align: center;">
<br /></div>
</div>
عماد إيادhttp://www.blogger.com/profile/02209915935809899736noreply@blogger.com2tag:blogger.com,1999:blog-6883477933569599208.post-38512081454108977202016-03-01T07:52:00.000-08:002016-03-19T06:23:29.800-07:00إفتتاح المدونة وبداية خير <div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCipZSe4iZ3iLXLtlvMjp3Gm8iIzsgNMBWeqV1_JRjT4lB3gLMRQ2lsGvFw1fMaCtdq7aKLkQh0kAxNitYNLH53Upa_4pTioXbN7JP6Kl6riwq0BhyphenhyphenSCN0Ou71mbBF2433fbifj2D0e4lF/s1600/111.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCipZSe4iZ3iLXLtlvMjp3Gm8iIzsgNMBWeqV1_JRjT4lB3gLMRQ2lsGvFw1fMaCtdq7aKLkQh0kAxNitYNLH53Upa_4pTioXbN7JP6Kl6riwq0BhyphenhyphenSCN0Ou71mbBF2433fbifj2D0e4lF/s1600/111.gif" /></a></div>
</div>
<h3 style="text-align: center;">
السلام عليكم ورحمة الله وبركاته</h3>
<div style="text-align: center;">
أولا : الحمد لله تم افتتاح المدونة وانشاء الله تكون بداية خير مثل ما كان عنوان التدوينة </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
هدف المدونة </div>
<div style="text-align: center;">
نشر أكبر عدد من القوالب والاضافات فقط </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
تاريخ الافتتاح </div>
<div style="text-align: center;">
2016/3/19</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
المدونة </div>
<div style="text-align: center;">
عماد من المملكة الاردنية الهاشمية العمر 17 سنة متخصص في مجال بلوجر منذ سنة ال 2013 واحب هذا المجال</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
وانشاء الله تكون بداية خير لمن يريد دعمنا نرجو منه نشر هذه الجملة </div>
<div style="text-align: center;">
على الفيس بوك او الشبكات الاجتماعية الاخرى<br />
<br />
<h4>
تم وبحمد الله افتتاح مدونة جديد بلوجر لرقي الى مستوى جديد من محتوى الويب العربي وانشاء الله ان تكون بداية خير لزيارة المدونة توجهو للرابط التالي http://goo.gl/IMCIGK</h4>
<br /></div>
<div style="text-align: center;">
في أمان الله </div>
</div>
عماد إيادhttp://www.blogger.com/profile/02209915935809899736noreply@blogger.com2