كوليكا ويب | هدفنا تطوير الويب العربي

صفحات المدونة

    Social Items

كوليكا ويب | هدفنا تطوير الويب العربي

و تقديم كل ماهو جديد و كل ما يخص بلوجر.

Home / All Post


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

مميزات القالب
  1. سلايد شو متحرك.
  2. مواضيع ذات صلة.
  3. صديق محركات البحث.
  4. خفيف وسريع للهاتف المحمول.
  5. متوافق مع جميع احجام الشاشات.
  6. يوجد به نبذه عن المؤلف أسفل المواضيع.
  7. يحتوي علي ايقونات Font Aswome.
  8. الوان مريحة للعين (مش مزعجة).
  9. صندوق المتابعه.
  10. أزرار مشاركة المواضيع.
  11. قالب متجاوب.
  12. المزيد...


قالب أندرو تكنولوجي الجديد للمدونات التقنية


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

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


الآن لتركيب الاضافة على صفحة, عليك الإنتقال إلى الصفحات ثم تغير نوع المقال من تأليف إلى Html ثم ضع هذه الاكواد.

 


<style scoped="scoped">

.blanterinput{float:none;position:relative;margin-bottom:45px;margin-left:10px}.blanterinput input,.blanterinput textarea{font-size:15px;padding:15px 0;display:block;width:100%;border:none;border-bottom:1px solid #ddd}.blanterinput input:focus,.blanterinput textarea:focus{outline:none}.blanterinput label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;right:0;top:10px;transition:.2s ease all}.blanterinput input:focus ~ label,.blanterinput input:valid ~ label,.blanterinput textarea:focus ~ label,.blanterinput textarea:valid ~ label{top:-20px;font-size:14px;color:#07ACEC}.bar{position:relative;display:block;width:100%}.bar:before,.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#07ACEC;transition:.2s ease all}.bar:before{right:50%}.bar:after{left:50%}.blanterinput input:focus ~ .bar:before,.blanterinput input:focus ~ .bar:after,.blanterinput textarea:focus ~ .bar:before,.blanterinput textarea:focus ~ .bar:after{width:50%}.highlight{position:absolute;height:50%;width:100px;top:25%;right:0;pointer-events:none;opacity:.5}.blanterinput input:focus ~ .highlight,.blanterinput textarea:focus ~ .highlight{animation:inputHighlighter .3s ease}.blanterinput input:focus ~ label,.blanterinput input:valid ~ label,.blanterinput textarea:focus ~ label,.blanterinput textarea:valid ~ label{top:-20px;font-size:13px;color:#07ACEC}

input#ContactForm1_contact-form-email-message{height:150px}

input#ContactForm1_contact-form-submit{font-family: mahdi-font;color:#fff!important;background:#07ACEC;padding:15px 25px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;float:right;margin-top:15px}

input#ContactForm1_contact-form-submit:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}

#ContactForm1_contact-form-error-message{float:left;background:#D32F2F;color:#fff;font-size:13px;font-weight:700;border-radius:3px}#ContactForm1_contact-form-success-message{float:left;background:#4CAF50;color:#fff;font-size:13px;font-weight:700;border-radius:3px}

</style>

<br />

<form name="contact-form">

<div class="blanterinput">

<input class="validate" id="ContactForm1_contact-form-name" name="name" required="" type="text" value="" />

<span class="highlight"></span>

<span class="bar"></span>

<label>الإسم</label></div>

<div class="blanterinput">

<input class="validate" id="ContactForm1_contact-form-email" name="email" required="" type="email" value="" />

<span class="highlight"></span>

<span class="bar"></span>

<label>البريد الإلكتروني</label></div>

<div class="blanterinput">

<textarea class="validate" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" required="" rows="5"></textarea>

<span class="highlight"></span>

<span class="bar"></span>

<label>الرسالة</label></div>

<input id="ContactForm1_contact-form-submit" type="button" value="إرسال" />

<br />

<div id="ContactForm1_contact-form-error-message">

</div>

<div id="ContactForm1_contact-form-success-message">

</div>

</form>

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>

<script type="text/javascript">

//<![CDATA[

if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '3176011237725819468';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3176011237725819468','//colica-web.blogspot.com/','3176011237725819468');

_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': '<span style="padding:5px 10px">Sending...</span>', 'contactFormMessageSentMsg': '<span style="padding:5px 10px">Your message has been sent.</span>', 'contactFormMessageNotSentMsg': '<span style="padding:5px 10px;color:#fff">Message could not be sent. ;color:#fffPlease try again later.</span>', 'contactFormInvalidEmailMsg': '<span style="padding:5px 10px">البريد الإلكتروني غير صحيح.</span>', 'contactFormEmptyMessageMsg': '<span style="padding:5px 10px;color:#fff">Message field cannot be empty.</span>', 'title': 'Contact Form', 'blogId': '3176011237725819468', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));

//]]>

</script>




  • التغييرات الضرورية


1- غير colica-web.blogspot.com برابط مدونتك
2- غير جميع 3176011237725819468 بمعرف ID الخاص بمدونتك
3- غير #07ACEC باللون الذي تريده
هذه الارقام هي معرف ال ID.

 أخيرا قم بحفظ الصفحة.
و مبروك عليك الاضافة الرائعة.

صفحة إتصل بنا بالماتيريال ديزاين


الكثير منكم يبحث عن قالب أنيق وسريع التصفح واحترافي طبعا 💖 لدى اليوم أحضرت لكم قالب بالماتريال ديزاين الذي كان يستعمله مدونة مبدعي التصميم وسنقدمه لكم مجانا, القالب اعيد تكويده وتصميمه من طرف طاقم مدونة كوليكا ويب وحرصنا على ان يحافظ على نفس سرعته في التحميل ومتجاوب وسهل التعديل عليه ✌ لن أطيل عليكم كثيرا 😋 سأترككم مع معاينة القالب واكتشاف مميزاته الرائعة 👈 👍تابعونا !!

مميزات القالب
  1. متجاوب مع أغلب الاجهزة
  2. أنيق وبسيط وسريع
  3. صمم بتقنية الماتريال ديزاين
  4. هيدر حصري متغير صباحا وليلا
  5. هيدر داخل التدوينات يظهر صورة الموضوع
  6. عن الكاتب بتقنية جديدة
  7. أزرار المشاركة
  8. زر جديد للصعود للأعلى
  9. والمزيد يمكنكم اكتشافه في المعاينة بأنفسكم



قالب ماتيريال ديزاين

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

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

البرنامج اسمه "Dism++" وهو عبارة عن  أداة مجانية لويندوز فيستا و 7 و 8 و 8.1 و 10، مهمته هي تنظيف الويندوز ، وادارة برامج بدء التشغيل ،والتحديثات . وكذلك النسخ الاحتياطي واستعادة النظام ...الخ.

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

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

أفضل أداة مجانية لإجراء تنظيف عميق للويندوز وتسريعه

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

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

  • أبل  
  • أمازون (قيد المراجعة)
  • Arch Linux
  • Aruba
  • Belkin Linsys (قيد المراجعة)
  • سيسكو ميراكي
  • ديل (قيد المراجعة)
  • DD-WRT
  • ديبيان
  • Espressif Systems
  • فيدورا
  • Fortinet
  • جوجل (سيتم تطبيق التحديث الأمني ​​في التحديث 6 نوفمبر)
  • HostAP
  • إنتل
  • LineageOS
  • لينكس
  • مايكروسوفت (تم اطلاق التحديث الامني في 10 اكتوبر الماضي  عن طريق التحديث التلقائي)
  • Microchip Technology
  • MikroTik
  • Netgear : WAC120، WAC505 / WAC510، WAC720 / 730، WN604، WNAP210v2، WNAP320، WNDAP350، WNDAP620، WNDAP660، WND930
  • OpenBSD 
  • Ubiquiti
  • أوبونتو
  • Watchguard Cloud
  • Wi-Fi Standard
لينوفو، VMWare  وArista Networks لم تتأثر بهذه الثغرة الامنية . TP-Link، واحدة من الشركات المصنعة المودم الأكثر شهرة ، لا تزال تقوم بتقييم ومراجعة اجهزتها ما إذا كانت هي الاخرى مصابة بهذه الثغرة. ومن المتوقع أن تقوم شركات أخرى، مثل Sophosو Synology، بإطلاق حزم امن التحديثات لمعالجة الوضع قريبا.

الشركات التي قامت باطلاق تحديث لسد ثغرة الواي فاي KRACK الخطيرة

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

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

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

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

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

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


اذا كنت تحب الاعمال واللوحات الفنية فهذا البرنامج هو ما تبحث عنه . هذا البرنامج مشابه لجميع البرامج الاخرى الا انه لا يعرض الا اللوحات الفنية الكلاسكية، حيث يقوم تلقائياً بتغيير خلفية الشاشة بخلفية آخرى عشوائية من هذه اللوحات .

أحسن 3 برامج لتغيير خلفية سطح المكتب تلقائيا بخلفيات رائعة



إضافة تعليقات الفيسبوك إلى مدونتك , كل ما عليك فعله هو التوجه نحو لوحة التحكم الخاصة بك في بلوجر ,  ثم التوجه نحو تعديل قالبك بالنقر على "قالب" ثم "تحرير html" .
إبحث عن:

<div class='comments' id='comments'>

(للبحث إضغط على CTRL+F)
في الاغلب سيكون مكرر مرتين , توجه نحو الأولى ثم أضف تحتها مباشرة هذا الكود :

 

    <div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Add Comments via Facebook'>

<img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigICUSU943uI8R-fMNLtGesgB0nj90Y7e72mdKpEN6alObD9Etb1qFHun-HnF89R2NcFkrIrfhEYUQYdKHpEK0GYUcIx8n0WefqTyVH1kn74KrEsrcqTuqGKRATfm_ewVqBkWypnKYgmc/s1600/FACEBOOK.png'/><fb:comments-count expr:href='data:post.url'/> التعليقات</div>

<div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Add Comments via Blogger'>

<img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1ymEu_WDCw0lvAJpJ8ZeFiBVnC-lkwO9s9fF5_lVoy_SVDezPZ15-MFCOkHyW5s2lj_DQqw1AtOf9TdHclCCubmU3nXc4f2Ns7QjKeSTOtCCaeGTEGt5zcsFNIBtd3leoi9c3joGZuxs/s1600/BLOGGER.png'/> <data:post.numComments/> التعليقات</div>

<div class='clear'/>

</div>

<div class='comakauttafb-page' id='fb-comments-page'>

<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>

<fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='680'/></b:if></div>

<div class='comments comakauttafb-page' id='blogger-comments-page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='additions.blogger' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comakauttafb-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comakauttafb-page").hide();$(selectTab + "-page").show();}</script><style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-right:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #fff;color:#000;float:right;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5sease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>

إن كنت تريد التعديل على عرض الإضافة لتتناسب مع عرض صفحتك , إبحث عن : ( width='680' و غير 680 بالعرض الذي تريده ).

ثم إضغط على "حفظ" , و مبروك عليك الإضافة موجودة تحت كل موضوع.

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

اليوم سوف نتحدث عن إضافة بلوجر جديدة تمكنك من عرض المواضيع ذات تسمية لكن هذه المرة الاضافة تتوفر على تسميات متعددة ومختلفة حسب التسمية التي تريدها الاضافة مفيدة جدا لاصحاب مدونات بلوجر وبالاخص لمدونات الاخبار والمجلات لانهم يعتمدون على المواضيع التي تظهر بالتسمية والمميز في هذه الاضافة انه يمكنك الدخول الى المواضيع الاخرى التي لديها تسمية مختلفة من خلال الضغط على التبويبات التي تتوفر على التسمية, تابعو الشرح.

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



أولا عليك التوجيه الى تحرير قالب مدونتك ثم البحث عن الوسم
]]></b:skin>
ونضع هذه الاكواد فوقه

 

/* Recent Post Label */ .recent-labpost{margin:20px;} .rctab-button &gt; span{padding:15px 20px;cursor:pointer;position:relative;color:#222;display:inline-block;font-size:120%;font-weight:700;} .rctab-button &gt; span.active{color:#222;background:rgba(0,0,0,0.05)} .rctab-button &gt; span.active:before{content:&#39;&#39;;top:0;opacity:1} .rctab-content{padding:15px;background:rgba(0,0,0,0.05);position:relative;min-height:100px;overflow:auto} .rctab-item{float:left;width:48%;margin:10px 1%;background:#fff;border:1px solid rgba(0,0,0,0);transition:all .3s;} .rctab-item:hover{border:1px solid rgba(0,0,0,0.1);} .rctab-item-inner{padding:10px} .rctab-item img{float:left;width:120px;height:auto;} .rctab-item h3{float:right;width:calc(100% - 130px);height:20px;margin:10px 0;font-size:120%} .rctab-item h3 a{color:#222}.rctab-item h3 a:hover{color:#e74c3c} .loader{position:absolute;left:50%;top:50%;margin-left:-27.5px;margin-top:-27.5px;transition:all .3s linear} .hide-load .loader{opacity:0} .squarin{background:#374140;width:15px;height:15px;float:left;top:-10px;margin-right:5px;margin-top:5px;position:relative;opacity:0;-webkit-animation:enter 6s infinite;animation:enter 6s infinite} .enter{top:0;opacity:1} .squarin:nth-child(1){-webkit-animation-delay:1.8s;-moz-animation-delay:1.8s;animation-delay:1.8s} .squarin:nth-child(2){-webkit-animation-delay:2.1s;-moz-animation-delay:2.1s;animation-delay:2.1s} .squarin:nth-child(3){-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;animation-delay:2.4s;background:#09c} .squarin:nth-child(4){-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;animation-delay:0.9s} .squarin:nth-child(5){-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s} .squarin:nth-child(6){-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s} .squarin:nth-child(8){-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;animation-delay:0.3s} .squarin:nth-child(9){-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;animation-delay:0.6s} @media screen and (max-width:768px) { .rctab-item{float:left;width:100%;} .rctab-item {margin:10px auto;}}
ثانيا نبحث عن الوسم </head> ونضع فوقه مباشرة الاكواد التالية

 

<script type='text/javascript'> //<![CDATA[ function getMeImg(a){var t=[a,a,!1];return void 0!==a?-1!==a.url.indexOf("img.youtube")?(t[0]=a.url.replace("default.jpg","hqdefault.jpg"),t[1]=a.url.replace("default.jpg","mqdefault.jpg"),t[2]=!0):(t[0]=a.url.replace("s72-c","w100-h75-c"),t[1]=a.url.replace("s72-c","s500-c")):(t[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVIc20kOBia9kKqCgRxEmftf7bY87zExuJ-hCwO9730qvF63GuiVMriXO4Gc8JmJPtpBItp9afilOSKEc-AWxElKFUWjGYamx_J9tJTsgt0icrthyphenhyphenR8yfpHDneEYh7YX0B-spFk-KYLbo/s1600/thumb.png",t[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVIc20kOBia9kKqCgRxEmftf7bY87zExuJ-hCwO9730qvF63GuiVMriXO4Gc8JmJPtpBItp9afilOSKEc-AWxElKFUWjGYamx_J9tJTsgt0icrthyphenhyphenR8yfpHDneEYh7YX0B-spFk-KYLbo/s1600/thumb.png"),t}function load_w_tab(a){var t=a.find(".rctab-content>.active"),e=t.attr("data-load");$.ajax({type:"GET",url:"/feeds/posts/summary/-/"+e+"?max-results=20&alt=json-in-script",async:!1,contentType:"application/json",dataType:"jsonp",success:function(a){if(a.feed.entry){t.append('<div class="wtab-inner"></div>');for(var e=0;e<a.feed.entry.length;e++){for(var i=a.feed.entry[e],d=0;d<a.feed.entry[e].link.length;d++)if("alternate"==a.feed.entry[e].link[d].rel){var s=a.feed.entry[e].link[d].href;break}var n=i.title.$t,l=getMeImg(i.media$thumbnail),r='<div class="rctab-item"><div class="rctab-item-inner"><a href="'+s+'"><img src="'+l[0]+'"/></a><h3><a href="'+s+'">'+n+'</a></h3><div style="clear:both"></div></div></div>';t.find(".wtab-inner").append(r)}t.addClass("hide-load")}}})}function getwtabs(e){for(var labelArr=eval(e.attr("data-label")),html='<div class="rctab-button">',i=0;i<labelArr.length;i++)html+='<span data-target="'+labelArr[i]+'-genova">'+labelArr[i]+"</span>";html+='</div><div class="rctab-content">';for(var i=0;i<labelArr.length;i++)html+='<div data-load="'+labelArr[i]+'" data-container="'+labelArr[i]+'-genova">'+loaderHTML+"</div>";html+="</div>",e.append(html),e.find(".rctab-button>span").first().addClass("active"),e.find(".rctab-content>div").hide(0),e.find(".rctab-content>div").first().show(0).addClass("active loaded"),setTimeout(function(){load_w_tab(e)},500),e.find(".rctab-button>span").click(function(){var a=$(this).attr("data-target"),t=$(this),i="";e.find(".rctab-content>div").each(function(){$(this).attr("data-container")==a&&(e.find(".rctab-button>span").removeClass("active"),t.addClass("active"),e.find(".rctab-content>div").removeClass("active").hide(0),$(this).fadeIn().addClass("active"),i=$(this))}),i.hasClass("loaded")||(i.addClass("loaded"),setTimeout(function(){load_w_tab(e)},500))})}var loaderHTML='<div class="loader"> <div class="squarin" ></div> <div class="squarin"></div> <div class="squarin last"></div> <div class="squarin clear"></div> <div class="squarin"></div> <div class="squarin last"></div> <div class="squarin clear"></div> <div class="squarin "></div> <div class="squarin last"></div> </div>';$(function(){getwtabs($(".recent-labpost"))}); //]]> </script> <script type='text/javascript'> //<![CDATA[ function getMeImg(a){var t=[a,a,!1];return void 0!==a?-1!==a.url.indexOf("img.youtube")?(t[0]=a.url.replace("default.jpg","hqdefault.jpg"),t[1]=a.url.replace("default.jpg","mqdefault.jpg"),t[2]=!0):(t[0]=a.url.replace("s72-c","w100-h75-c"),t[1]=a.url.replace("s72-c","s500-c")):(t[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVIc20kOBia9kKqCgRxEmftf7bY87zExuJ-hCwO9730qvF63GuiVMriXO4Gc8JmJPtpBItp9afilOSKEc-AWxElKFUWjGYamx_J9tJTsgt0icrthyphenhyphenR8yfpHDneEYh7YX0B-spFk-KYLbo/s1600/thumb.png",t[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVIc20kOBia9kKqCgRxEmftf7bY87zExuJ-hCwO9730qvF63GuiVMriXO4Gc8JmJPtpBItp9afilOSKEc-AWxElKFUWjGYamx_J9tJTsgt0icrthyphenhyphenR8yfpHDneEYh7YX0B-spFk-KYLbo/s1600/thumb.png"),t}function getauthor(a){for(var t=0;t<a.length;t++)var e="<span class='author'>&#xf007; "+a[t].name.$t+"</span>";return e}function getmeta(a){var t=[];t[1]="Jan",t[2]="Feb",t[3]="Mar",t[4]="Apr",t[5]="May",t[6]="Jun",t[7]="Jul",t[8]="Aug",t[9]="Sep",t[10]="Oct",t[11]="Nov",t[12]="Dec";var e=a.substring(0,4),s=a.substring(5,7),n=a.substring(8,10),i="<span class='date'>&#xf017; "+t[parseInt(s,10)]+" "+n+" "+e+"</span>";return i}function t(a){var a,t,e=[];for(t=0;a>t;t++)e.push(t);return shuffle(e)}function getmashrandom(a){var e="/feeds/posts/summary/?max-results=500&alt=json-in-script",s=a.find("div.tab-mash-random");s.find("span#tab-mash-random").addClass("loaded"),s.append('<ul class="random-inner"></ul>'),$.ajax({type:"GET",url:e,async:!0,contentType:"application/json",dataType:"jsonp",success:function(a){s.addClass("hide-load");for(var e=a.feed.entry,n=e.length,i=t(n),r=0;5>r;r++){for(var d=0;d<a.feed.entry[i[r]].link.length;d++)if("alternate"==e[i[r]].link[d].rel){var l=a.feed.entry[i[r]].link[d].href;break}var c=getMeImg(e[i[r]].media$thumbnail),o=e[i[r]].title.$t,u=e[i[r]].published.$t,h=getmeta(u),f=getauthor(e[i[r]].author),m='<li><a href="'+l+'"><img class="toLoad" src="'+c[0]+'"/></a><div class="recent-list-c"><h3><a href="'+l+'">'+o+'</a></h3><div class="meta">'+f+" "+h+"</div></div></li>";s.find("ul").append(m)}}})}function getmashrecent(a){a.find("span#tab-mash-recent").addClass("loaded"),$.ajax({type:"GET",url:"/feeds/posts/summary?max-results=20&alt=json-in-script",async:!1,contentType:"application/json",dataType:"jsonp",success:function(t){if(t.feed.entry){a.find("div.tab-mash-recent").append('<ul class="recent-post-list"></ul>');for(var e=0;e<t.feed.entry.length;e++){for(var s=t.feed.entry[e],n=0;n<t.feed.entry[e].link.length;n++)if("alternate"==t.feed.entry[e].link[n].rel){var i=t.feed.entry[e].link[n].href;break}var r=s.title.$t,d=getmeta(s.published.$t),l=getauthor(s.author),c=getMeImg(s.media$thumbnail),o="<li class='recent-post-item'><a href='"+i+"'><img src='"+c[0]+"'/></a><div class='recent-list-content'><h3><a href='"+i+"'>"+r+"</a></h3><div class='recent-list-meta'>"+d+l+"</div></div></li>";a.find("div.tab-mash-recent ul").append(o)}}}})}var loaderHTML='<div class="loader"> <div class="squarin" ></div> <div class="squarin"></div> <div class="squarin last"></div> <div class="squarin clear"></div> <div class="squarin"></div> <div class="squarin last"></div> <div class="squarin clear"></div> <div class="squarin "></div> <div class="squarin last"></div> </div>';shuffle=function(a){for(var t,e,s=a.length;s;t=parseInt(Math.random()*s),e=a[--s],a[s]=a[t],a[t]=e);return a},$(function(){$(".thetabs").each(function(){var a=$(this);a.append("<div class='tab-mash-outer'><div class='tab-mash-button'><span class='active' id='tab-mash-recent'><i class='fa fa-rss'></i> Recent</span><span id='tab-mash-random'><i class='fa fa-random'></i> Random</span></div><div class='tab-mash-content'><div class='tab-mash-recent min-height-need'></div><div class='tab-mash-random min-height-need' style='display:none;'>"+loaderHTML+"</div></div></div>"),getmashrecent(a),a.find(".tab-mash-button>span").click(function(){var t=$(this),e=a.find(".tab-mash-content>div");e.each(function(){$(this).hasClass(t.attr("id"))?($(this).fadeIn(),a.find(".tab-mash-button>span").removeClass("active"),t.addClass("active"),t.hasClass("loaded")||("tab-mash-random"==t.attr("id")?(t.addClass("loaded"),setTimeout(function(){getmashrandom(a)},500)):"tab-mash-comment"==t.attr("id")&&(t.addClass("loaded"),setTimeout(function(){getmashcomment(a)},2e3)))):$(this).hide(0)})})})}); //]]> </script>


وأخيرا عليك وضع هذا الكود في المكان الذي تحب ان تظهر لك فيه الاضافة

 

<b:if cond='data:blog.url == data:blog.homepageUrl'><div class='recent-labpost' data-label='[&quot;تسمية&quot;,&quot;تسمية&quot;,&quot;تسمية&quot;,&quot;تسمية&quot;,&quot;تسمية&quot;]'/></b:if>


ثم غير كلمة تسمية بالتسميات التي تريدها ان تظهر بالاضافة ومبروك عليك الاضافة
اتمنى ان تنال الاضافة اعجابكم وان لا تعارضكم اي مشكلة في التركيب وان كان هناك اي تساؤل فباب التعليقات مفتوح إليكم.
🌟 شاهد أيضاً:
سكربت منع نسخ الصور للحفاظ علي حصرية مدونتك.

سكربت إظهار المواضيع بتسميات مختلفة

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



اولا: عليك تحرير قالب مدونتك ثم البحث باستعمال Ctrl+F عن الوسم

]]></b:skin>



.colica-web .colica-webText {

margin: auto;

}

a.Rclosecolica-web:hover {

color: #555;

}

a.closecolica-web {

position: absolute;

top: 0;

right: 0;

font-size: 18px;

margin-right: 7px;

color: #888;

display: block;

}

.colica-webbox {

width: 35%;

margin: auto;

position: relative;

height: 240px;

background: #fff;

box-shadow: 0 0 19px 3px rgba(0, 0, 0, 0.33);

text-align: center;

display: flex;

flex-direction: column;

}

.colica-web {

display: flex;

position: fixed;

width: 100%;

height: 100%;

background: rgba(255, 255, 255, 0.53);

z-index: 99999999;

visibility:hidden;

opacity:0;

top: 0;

}

a.colica-weblink:hover {

opacity: 0.88;

}

a.colica-weblink {

background: #243750;

display: inline-block;

color: #fff;

padding: 4px 11px;

font-size: 16px;


border-radius: 3px;

margin-top: 16px;

}

.colica-webText h5 {

font-size: 18px;

font-weight: 500;

}

.colica-web.show {

visibility:visible;

opacity:1;

}

.colica-web a, .colica-web {

transition:0.35s;

}



ثم قم بوضع الأكواد فوقها

ثانيا: إبحث عن الوسم
body>
ثم قم بوضع الأكواد أسفله



<div class='colica-web'>

<div class='colica-webbox'>

<a class='closecolica-web' href='#'><i class='fa fa-close'/></a>

<div class='colica-webText'>

  <h5>

انضم الى متابعي المدونة الأوفياء ليصلك جديد مدونتنا !</h5>

<a class='colica-weblink' href='https://www.blogger.com/follow.g?blogID=3176011237725819468' target='_blank'><i class='fa fa-user-plus'/>

إنضم الان</a>

</div>

</div>

</div>


ثالثا: يتبقى السكريبت المسؤول عن انبثاق الإضافة وإغلاقها يكفيك البحث عن هذا الوسم:

</body>



<script type='text/javascript'>

//<![CDATA[

$(document).ready(function(){

$(".colica-web").delay(20000).addClass("show");

  $(".closecolica-web").click(function(){

$(".colica-web").removeClass("show");

});

});

//]]>

</script>


وقم بوضع هذا السكربت فوقه
وأخيرا: عليك تغيير الرابط الملون بالبرتقالي في الخطوة الثانية واستبداله برابط الانضمام لمتابعة مدونتك
ومبروك عليك

إضافة نافذة منبثقة للانضمام الى متابعي المدونة



مسابقة كوليكا ويب لربح سكربت لاختصار الروابط :

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

يتميز السكربت بالعديد من المميزات


1- تصميم متجاوب مع جميع الأجهزة و المتصفحات
2- يوجد قالبان يمكنك إستخدام أي واحد و تغييره فقط من لوحة التحكم
3- خاصية إختصار الروابط حسب الدول
4- مساعدة قوية من مبرمجي السكربت
5- لوحة تحكم خيالية للأدمن
6- لوحة تحكم بسيطة و رائعة للمستخدم

شروط المشاركة في المسابقة


1 - قم بالاعجاب بصفحة الفيس بوك و تابع الموقع بالاميل.
2- قم بمشاركة المسابقة علي مواقع التواصل الاجتماعي.
3- قم بالتعليق بالبريد الاكتروني خاصتك و باسم حساب الفيس بوك.

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

مسابقة : ربح أسكربت أختصار الروابط مجاناً

الاشتراك في: الرسائل (Atom)

تابعنا عبر البريد الالكتروني