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

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

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

فرجة ممتعة



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

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

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

  1.  مصمم بأحدث التقنيات 
  2. HTML5 + CSS - يدعم شاشات الدقة العالية 
  3. Retina - متوافق مع المعايير القياسية والمتصفحات. 
  4.  متوافق مع كافة الأجهزة اللوحية وأجهزة الجوال المختلفة. 
  5.  مُرفق مع القالب شرح كامل لكيفية التعامل مع جميع الملفات والأكواد البرمجية. 
  6.  دعم فني متواصل وتحديث مجاني دائم.

صور القالب 


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

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

طريقة تركيب الاضافة

  1. قم بالتوجه الي لوحة تحكم مدونتك
  2. ثم قم باختيار قالب ثم تحرير html 
  3. ثم قم بالبحث عن الوسم]]></b:skin>
  4. ثم قم بحذف ستايل التعليقات القديم
  5. ثم قم بوضع هذا الكود
#comments { margin-top: 40px; background-color: #fff; padding: 0px 20px; display: inline-block; width: 100%; border-bottom-width: 0; background: #fff; -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 3px 5px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 3px 5px rgba(0, 0, 0, 0.03); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 3px 5px rgba(0, 0, 0, 0.03); border-bottom: 1px solid #e4e4e4; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #comments > h4 { color: #7B7B7B; padding: 20px; text-align: right; border-bottom: 1px solid #eee; font-size: 18px; font-weight: 300; } #comments > h4 i { float: left; line-height: 1.5em; } #comments #comment-post-message { padding-right: 20px; color: #7B7B7B; } #comments .user a { color: #555; font-style: normal; font-family: Ta3alamFont; font-size: 13px; line-height: 26px; font-weight: 400; } #comments .datetime, #comments .datetime a { color: #999; text-decoration: none; margin: 0 0px 0px; font-size: 14px; display: inline-block; float: left; } .comments .comments-content .comment-content { margin: 0 0 20px; color: #7B7B7B; font-family: Ta3alamFont; font-size: 13px; } #comments .datetime a { margin:auto; font-family: Ta3alamFont; font-weight: 500; font-size: 12px; } #comments .comment-actions a { background-color: #366299; border: 1px solid #366299; font-family: Ta3alamFont; border-radius: 2px; color: #FFF; font-size: 11px; line-height: 1.2em; padding: 3px 9px 2px; text-transform: uppercase; text-decoration: none; margin-left: 10px; } #comments .comment-actions a:hover { color: #fff; background-color: #555; border: 1px solid #555; } #comments .comment { border-bottom: 1px solid #eee; padding: 0; } #comments .loadmore { margin-top: 0; } .comment-replies .inline-thread { background: #F7F7F7; border-width: 1px 1px 1px 3px; border-style: solid; border-color: #ddd #ddd #ddd #366299; margin: 20px 0 20px !important; } #comment-editor { height: 235px; } .comments .comments-content .avatar-image-container { max-height: 76px; width: 76px; } #comments .comments-content .avatar-image-container img { max-width: 76px; border: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .comments .comment-block { margin-right: 98px; } span.icon.user.blog-author:after { background-color: #999; color: #eee; padding: 2px 5px; border-radius: 3px; font-weight: normal; font-family: Ta3alamFont; font-size: 13px; font-weight: 400; content: "الكاتب"; display: inline-block; } .thread-toggle { display: block !important; } .thread-toggle.thread-expanded { border-bottom: 1px solid #ddd; width: 100%; padding: 0px 0 10px; margin-bottom: 10px; } .comments .thread-toggle .thread-arrow { margin: 0px 0 1px 10px; } #comments .thread-chrome .comment { border-bottom-color: #ddd !important; }

  1. ثم قم بالبحث عن هذا الكود <b:includable id='comments' var='post'> ثم اغلقه واستبدله بهذا الكود
<b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4><data:post.commentLabelFull/>: <i class='fa fa-comments-o'/></h4> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <b:if cond='data:post.hasOlderLinks'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> &#160; <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> &#160; </b:if> <data:post.commentRangeText/> <b:if cond='data:post.hasNewerLinks'> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </b:if> </span> </b:if> <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> </div> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a> &#160; <data:post.commentRangeText/> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:elseif cond='data:post.allowComments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <script class='java' type='text/javascript'> //<![CDATA[ $(document).ready(function(){ $('.comments .comments-content .avatar-image-container img').each(function(){ this.src = this.src.replace('/s35-c/', '/s80-c/'); }); $('.comments .comments-content .avatar-image-container img').each(function(){ this.src = this.src.replace('/s35/', '/s80-c/'); }); }); //]]> </script> </div> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/> <!--Post feed links --> <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/> </b:loop> </div> </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable> <b:includable id='iframe_comments' var='post'> <b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/> <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/> <b:if cond='data:post.embedCommentForm == &quot;false&quot;'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable> <b:includable id='mobile-index-post' var='post'> <div class='mobile-date-outer date-outer'> <b:if cond='data:post.dateHeader'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </b:if> <div class='mobile-post-outer'> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title' itemprop='name'> <data:post.title/> </h3> <div class='mobile-index-arrow'>&amp;rsaquo;</div> <div class='mobile-index-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> </b:if> <div class='post-body'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> </div> <div style='clear: both;'/> </a> <div class='mobile-index-comment'> <b:include cond='data:blog.pageType != &quot;static_page&quot; and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/> </div> </div> </div> </b:includable>

  1. ثم قم بالبحث عن هذا الكود <b:includable id='threaded-comment-form' var='post'> 
  2. ثم قم باغلاقه واستبداله بهذا الكود
<b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;); </script> </div> </b:includable>

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


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

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

لمعاينة القالب

معاينة القالب

شروط المسابقة

 1-الانضمام الي متابعين المدونة

                                                       2-الاشتراك بقناتنا علي اليوتيوب
اضغط للاشتراك

     3-الاعجاب بصفحتنا علي الفيس بوك
اضغط للاعجاب

هام جدا

  1. ضع اسم الاشتراك والاعجاب بصفحة الفيس والقناة
  2. ضع بريدك الالكتروني 
  3. سيتم السحب عبر موقع fluky.io مثل كل مرة
  4. سيتم الاعلان علي الفائز يوم 2016/11/25
  5. من لم ينفذ الشروط فلن يدخل السحب مع المتسابقين
مدونة مهتمة بالالعاب والقوالب والاضافات والاخبار التقنية والدروس

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

فرجة ممتعة











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

السلام عليكم ورحمة الله وبركاته
 اليوم في هذه الحلقة ساشرح لكم طريقة السفر الي لندن من اي دولة في العالم وهي بتجربة عملية وهي عبارة عن حجز تذكرة سفر بسعر رخيص وايضا في الشرح وضحت فكرة شخص اخطاء في اليوتيوب وقد اخفي علي المتابعن امر هام ستجدوه في الفديو الموقع صادق 100% وهو موقع به جميع البلاد ويمكنك السفر الي لندن بي 19 دولار فقط تابع الشرح معي


فرجة ممتعة






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

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

لمعاينة القالب


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

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

طريقة تركيب الاضافة

  1. توجه الي مدونتك
  2. ثم قم باختيار قالب ثم تحريرHTML
  3. ثم قم بالبحث عن الوسم ]]></b:skin>
  4. ثم قم باضافة هذه الاكواد فوقه
#wrap {margin:20px auto;text-align:center;} a.btn { display: inline-block; position: relative; text-decoration: none; font-weight: 100; letter-spacing: .5px; padding: 10px 20px; margin: 10px; color: #0B6EAB; font-size: 16px; text-transform: uppercase; border-radius: 3px; transition: all 0.3s ease-out; border: 1px solid #0B6EAB; } a.btn:hover { background: #30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn::before { color: #0B6EAB; display: -webkit-inline-box; content: "\f06e"; font-family: fontawesome; margin: 0 0 0 5px; } a.btn:hover::before { color: #fff; } a.btn2 { display: inline-block; position: relative; text-decoration: none; font-weight: 100; background: #dd2f2f; letter-spacing: .5px; padding: 10px 20px; margin: 10px; color: #fff; box-shadow: inset 0 0 0 #22313F; font-size: 16px; text-transform: uppercase; border-radius: 3px; transition: all 0.3s ease-out; } a.btn2:hover { background: #30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn2::before { color: #FFFFFF; display: -webkit-inline-box; content: "\f090"; font-family: fontawesome; margin: 0 0 0 5px; }

  1. ثم قم بوضع هذا الكود في اي موضوع في مدونتك
  2.  كود زر التحميل
<a class="btn2" href="http://web-four.blogspot.com" rel="nofollow" style="text-align: right;" target="_blank">تحميل</a>
  1. كود زر المعاينة
<a class="btn" href="http://web-four.blogspot.com" rel="nofollow" target="_blank">معاينة القالب</a> 


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

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

شرح طريقة تركيب والتعديل علي القالب

  1. قم بالتوجه الي مدونتك
  2. ثم قالب ثم تحرير HTML
  3. ثم قم بتركيب ملف القالب
  4. لتغير الوقت قم بالبحث عن var we9tah = &#39;JANVIER 27 2017 21:30:00 GMT+0100&#39;; // ?
  5. ثم قم بتغير التاريخ واليوم والساعة بما يناسبك 
  6. ثم قم بعمل حفظ والان مبروك عليك القالب

لتحميل القالب



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

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

معاينة الاضافة


شرح طريقة التركيب

  1. قم بالتوجه الي مدونتك
  2. ثم قم باختيار قالب ثم تحرير HTML
  3. ثم قم بالبحث عن الوسم <b:skin/><[[
  4. ثم ضع هذه الاكواد فوقه
/* post author */ .post-authoor p:after{ content:"\f10d"; font-family:fontawesome; margin-right:4px} .post-authoor p:before{ content:"\f10e"; font-family:fontawesome; margin-left:4px} .post-authoor p{ padding:0 28px; font-size:15px; color:#f3f3f3; margin-top:4px; line-height:26px} .post-authoor h3{ font-size:23px; font-weight:100} .post-authoor .author-img-fo{ width:100px; height:100px; text-align:center; border:2px solid #3d4a60; border-radius:8px; position:absolute; right:0; left:0; top:-50px; margin:auto} .post-authoor:before{ content:"\f10e"; font-family:fontawesome; margin-left:4px; position:absolute; right:20px; font-size:77px; top:14px; color:rgba(0,0,0,0.14)} .post-authoor:after{ content:"\f10d"; font-family:fontawesome; margin-right:4px; position:absolute; left:20px; font-size:77px; bottom:10px; color:rgba(0,0,0,0.14)} .post-authoor{ border:1px solid #eee; border-left:0; text-align:center; position:relative; border-right:0; padding:20px 0; background:#3d4a60; padding-top:64px; color:#fff; margin:42px auto; max-width:95%; border-radius:11px; margin-bottom:0;margin-top: 77px;}

  1. ثم قم بالبحث عن  <div class='post-footer'> ان لم تجده ابحث عن <div class='sharepost'>
  2. ثم قم بوضع هذا الكود اسفله
<div class='post-authoor'>
<img class='author-img-fo' expr:src='data:post.authorPhoto.url'/>
<div class='author-cont'>
<h3><span>بقلم :</span>عمرو خالد</h3>
<p>
عمرو خالد مدون مصري احب التعرف علي جديد جديد واسعد الجميع عبر مدونتي المتواضعة ويب فور مهتم بكل ما هو جديد في عالم التقنية
  </p>
</div>
</div>