نكهة التقنية

كيفية إنشاء دومين فرعي بموقع Name.com

2017-07-22T18:22:00.001-07:00

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

1 - سجل حسابك .

أولا , يجب عليك أخي الكريم , أن تقوم بالدخول إلى الموقع عبر بياناتك الشخصية . و ذلك كما في الصورة :

2 - الإختيار .

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

3 - البيانات .

ثالثا ,سوف تقوم بتغيير البيانات الموجودة بالسطر الأخير المحاط بمستطيل , حيث تغير A ب Chame , و في الخانة الثانية تكتب إسم الدومين الفرعي ( دون الدومين الأصلي ) و في الخانة الثالثة , سوف تقوم بكتابة ghs.google.com , و بعدها تقوم بكتابة 300 في الخانة الأخيرة .

4 - التركيب .

رابعا سوف تقوم بتركيب الدومين على بلوجر و الخطوات كالتالي :

أ - تتوجه إلى الإعدادات .

ب - تضغط على إعداد عنوان Url تابع لجهة خارجية لمدونتك .

ج - تقوم بكتابة الدومين الفرعي .

د - حفظ .

هكذا الحمد لله نختتم التدوينة و نتمنى أن تكون قد أفادتكم .

أهم طرق التسويق الإلكتروني

2017-07-21T17:22:00.001-07:00

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

1 - التسويق عبر المنتديات .

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

2 - التسويق عبر مواقع التواصل الإجتماعي .

و هي واحدة من الطرق الأفضل و تنقسم إلى طريقة مدفوعة و أخرى مجانية و هما :

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

3 - النشر بالمواقع .

يمكنك أن تنشر إعلاناتك بالمواقع المختلفة ( ليس منتديات ) , و يمكن أن يكون بمبلغ مالي , أو أن تنشر بمواقعك الخاصة إن كنت تمتلكها و هي طريقة رائعة لأنها سوف تظهر إعلانك بالصفحة الأولى إن إحترم مقالك شروط السيو .

إليك الطريقة الصحيحة لكتابة موضوع ناجح !

2017-07-21T15:04:00.000-07:00

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

ماهو المحتوى ؟

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

كيف تختار فكرة لموضوعك ؟

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

كيف تختار عنوانا مناسبا وجذابا لموضوعك ؟

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

كيف تختار وتصمم صورة جذابة لموضوعك ؟

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

تجنب الأخطاء الإملائية

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

إلى هنا نكون قد أنهينا موضوعنا لهذا اليوم, نتمنى منك دعمنا ولو بتعليق بسيط للموضوع أو نشره مع أصدقاءكم في مواقع التواصل الاجتماعي, فهذا الامر الذي تراه أنت بسيط, فهو يعني لنا الكثير 💘

InstaPic Expander - تطبيق لتكبير وتنزيل الصور الشخصية للأنستغرام

2017-07-19T08:57:00.004-07:00

السلام عليكم ورحمة الله تعالى وبركاته, ومرحبا بكم أحبابي ومتابعي نكهة التقنية, قبل أيام ظهر على متجر جوجل بلاي تطبيق جديد يوفر لك ميزة رائعة لمستعملي تطبيق أنستغرام.

تطبيقنا لهذا اليوم مسمى ب Instapic Expander من برمجة الشاب المصري عمرو حسام, وكما قلنا ان التطبيق به ميزة رهيبة وهو يساعدك على تكبير وتنزيل الصور الشخصية في الأنستغرام, وكما يراج أن أغلب مستعملي الأنستغرام يحبون رؤية الصور الشخصية لأصدقائهم بجودة عالية خصوصا أصحاب الحسابات الخاصة الذي تظهر لهم الصورة الشخصية فقط.

يعتبر التطبيق من أسهل الطرق المبسطة والفعالة لإظهار وجلب صورة البروفايل الخاصة بالانستغرام وبأعلى جودة كما أن حجمه جد صغير لا يتعدى 3 ميغابايت ويعمل على أنظمة اندرويد 4.0 فما فوق, كما يتميز التطبيق بواجهته البسيطة وتصميمه الأنيق بلغة الماتيريال ديزاين.

تعريف سريع للتطبيق بالانجليزية

تحميل التطبيق من متجر جوجل بلاي

أندرويد/Android

أي خدمة - موقع لبيع الخدمات المصغرة

2017-07-16T05:17:00.000-07:00

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

الملتقى العام :

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

الداشبورد :

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

الخدمات :

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

الخدمات المميزة و الموثوقة :

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

طرق الدفع

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

للإنتقال إلى الموقع

أي خدمة

كانت هذه مقالتنا لليوم أتمنى أن تكون قد أعجبتكم بإذن الله .

إضافة رسائل ترحيبية بالماتيريال ديزاين

2017-07-15T09:15:00.004-07:00

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

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

معاينة

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

اولا, نبحث عن الوسم </head> ثم نضع الأكواد التالية فوقه مباشرة

<script src='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js'/>
<style>
#toast-container{display:block;position:fixed;z-index:10000}@media only screen and (max-width: 600px){#toast-container{min-width:100%;bottom:0%}}@media only screen and (min-width: 601px) and (max-width: 992px){#toast-container{left:5%;bottom:7%;max-width:90%}}@media only screen and (min-width: 993px){#toast-container{top:10%;right:7%;max-width:86%}}.toast{border-radius:2px;top:0;width:auto;clear:both;margin-top:10px;position:relative;max-width:100%;height:auto;min-height:48px;line-height:1.5em;word-break:break-all;background-color:#323232;padding:10px 25px;font-size:1.1rem;font-weight:300;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.toast .btn,.toast .btn-large,.toast .btn-flat{margin:0;margin-left:3rem}.toast.rounded{border-radius:24px}@media only screen and (max-width: 600px){.toast{width:100%;border-radius:0}}@media only screen and (min-width: 601px) and (max-width: 992px){.toast{float:left}}
</style>

ثانيا نبحث عن الوسم <body> أو <body ونضع أسفله مباشرة الأكواد التالية

<script>
var $toastContent = $('<span>أهلا بكم فى مكتبة المدون</span>');
Materialize.toast($toastContent, 1500);
var $toastContent = $('<span>ستجدون عندنا أغلب المدونات العربية</span>');
Materialize.toast($toastContent, 2500);
var $toastContent = $('<span>نتمنى ان تجدوا ماتبحثون عنه</span>');
Materialize.toast($toastContent, 4000);
var $toastContent = $('<span>جولة سعيدة ^_^</span>');
Materialize.toast($toastContent, 5500);
</script>

الأن غير الملون بـالأزرق بالكلام الدي تريده
كما يمكنك التعديل على زمن ظهور رسائل الترحيب بالثانية بالأرقام الملونة بالأحمر

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

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

2017-07-13T14:19:00.000-07:00

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

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

معاينة

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

أولا, نبحث عن الوسم </head> ونضع فوقه الأكواد التالية

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
/*<![CDATA[*/
.halaman-kanan,.halaman-kiri{transition:all .3s ease-in-out}
.halaman{margin:0;padding:0;min-height:170px;height:auto}
.halaman-kanan,.halaman-kiri{color:#666;position:relative;background:#000;background:rgba(0,0,0,.6);width:50%;min-height:170px;-moz-box-sizing:border-box;margin:0}
.halaman-kiri{height:auto;float:right;padding:20px 10px 20px 40px;text-align:right;box-sizing:border-box}
.halaman-kanan,.halaman-kiri{-webkit-box-sizing:border-box}
.halaman-kanan{height:auto;float:left;padding:20px 40px 20px 10px;text-align:left;box-sizing:border-box}
.current-pageright,.current-pageleft,.halaman-kanan a,.halaman-kiri a{font-size:16px;font-weight:bold;background:0 0;text-decoration:none;line-height:1.1}
.halaman-kanan a,.halaman-kiri a,.current-pageright,.current-pageleft{color:#fff;}
#blog-pager,.isihalaman-kanan,.isihalaman-kiri{margin:0!important}
.panahkanan,.panahkiri,.halaman-kiri a div:before,.halaman-kanan a div:before{position:absolute;top:50%;margin-top:-8px;font-size:18px!important;}
.isihalaman-kanan h5 {font-weight: 400;color: #ffffff;margin:0;font-size: 15px;}
.halaman-kiri h5 {font-weight: 400;color: #ffffff;margin:0;font-size: 15px;}
.panahkiri,.halaman-kiri a div:before{right:10px}
.panahkanan,.halaman-kanan a div:before{left:10px}
.halaman-kanan a:hover,.halaman-kiri a:hover{text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
.isihalaman-kanan img,.isihalaman-kiri img{position:absolute;top:0;width:100%;height:100%;z-index:1}
.isihalaman-kanan img{left:0}
.isihalaman-kiri img{right:0}
.halaman-kiri a div, .halaman-kanan a div,.current-pageright,.current-pageleft {position: absolute;bottom: 10px;z-index: 3;width: 100%;padding:0 35px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.halaman-kiri a div,.current-pageright{right:0;padding-right:40px;}
.halaman-kiri a div:before{content:'\f054';font-family: FontAwesome;}
.halaman-kanan a div,.current-pageleft {left:0;padding-left:40px}
.halaman-kanan a div:before{content:'\f053';font-family: FontAwesome;}
.halaman-kiri a div h6,.halaman-kanan a div h6,.pager-title-right{color: #fff;font-size: 13px;font-weight: 900;margin: 0;}
.blog-pager-newer-link:after,.blog-pager-older-link:after{content:"";position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;background:-moz-linear-gradient(top,rgba(63,71,78,0) 0,rgba(63,71,78,0) 21%,rgba(63,71,78,.65) 100%);background:-webkit-linear-gradient(top,rgba(63,71,78,0) 0,rgba(63,71,78,0) 21%,rgba(63,71,78,.65) 100%);background:linear-gradient(to bottom,rgba(63,71,78,0) 0,rgba(63,71,78,0) 21%,rgba(63,71,78,.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f474e', endColorstr='#a63f474e', GradientType=0 );transition:all .4s ease-in-out}
.halaman-kanan a:hover:after,.halaman-kiri a:hover:after{opacity:0}
@media screen and (max-width:414px){.halaman-kiri,.halaman-kanan{width:100%;}
}
/*]]>*/
</style>
</b:if>

ثانيا, نبحث عن الوسم <b:includable id='nextprev'> وسوف تقوم بضغط الكود وحذفه كاملا كما هو موضح في الصورة.

سنقوم بحذف هذا الكود <b:includable id='nextprev'>...</b:includable> كاملا
ثم نعوضه بالأكواد التالية :

<b:includable id='nav-post'>
<b:if cond='data:blog.pageType == "item"'>
<div class='halaman'>
<div class='blog-pager' id='blog-pager'>
<div class='halaman-kiri'>
<div class='isihalaman-kiri'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>« رسالة أحدث</a>
</span>
<b:else/>
<span class='current-pageleft'><i class='fa fa-chevron-right panahkiri'/><span class='pager-title-left'>التالي</span><br/>هذه أحدث تدوينة</span>
</b:if>
<div class='clear'/>
</div>
</div>
<div class='halaman-kanan'>
<div class='isihalaman-kanan'>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>رسالة أقدم »</a>
</span>
<b:else/>
<span class='current-pageright'><i class='fa fa-chevron-left panahkanan'/><span class='pager-title-left'>السابق</span><br/>هذه أقدم تدوينة</span>
</b:if>
<div class='clear'/>
</div>
</div>
</div>
<div class='clear'/>
</div>
</b:if>
</b:includable>
<b:includable id='nextprev'>
<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "item"'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl' expr:title='data:homeMsg'><data:desktopLinkMsg/></a>
</div>
</div>
</b:if>
<div class='clear'/>
</b:includable>

ثالثا, عليك وضع هذا الكود في المكان الذي تريد ظهور فيها الإضافة

<b:if cond='data:blog.pageType == "item"'>
<b:include name='nav-post'/>
</b:if>

رابعا, ابحث عن الوسم </body> وضع الأكواد التالية فوقه مباشرة

<script type='text/javascript'>
//<![CDATA[
(function ($) { var newerLink = $('a.blog-pager-newer-link'); var olderLink = $('a.blog-pager-older-link');
$.get(newerLink.attr('href'), function (data) { var thumb = $(data)
.find('.post-body')
.length == 1 ? "<img alt='" + $(data)
.find('.post-title')
.text() + "' src='" + $(data)
.find('.post-body img:first').attr('src', function(i, src) {return src.replace(/.*?:\/\//g , "//").replace( 's1600', 's386' );})
.attr('src') + "' class='pager-thumb' width='386' height='170'/>" : "";
newerLink.html(thumb + '<div><h6>التالي</h6><h5>' + $(data)
.find('.post-title')
.text() + '</h5></div>') }, "html");
$.get(olderLink.attr('href'), function (data2) { var thumb2 = $(data2)
.find('.post-body')
.length == 1 ? "<img alt='" + $(data2)
.find('.post-title')
.text() + "' src='" + $(data2)
.find('.post-body img:first').attr('src', function(i, src) {return src.replace(/.*?:\/\//g , "//").replace( 's1600', 's386' );})
.attr('src') + "' class='pager-thumb' width='386' height='170'/>" : "";
olderLink.html(thumb2 + '<div><h6>السابق</h6><h5>' + $(data2)
.find('.post-title')
.text() + '</h5></div>') }, "html") })(jQuery);
//]]>
</script>

وأخيرا, احفظ القالب ومبروك عليك الإضافة, نتمنى أن تنال إعجابكم ولا تنسو إعطاءنا آراءكم حول إضافة اليوم, #تحياتي

طريقة إضافة إشعار منبثق لتعليقات ديسكس باحترافية

2017-07-12T18:09:00.002-07:00

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

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

معاينة

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

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

/* CSS Notification commente Disqus by: nak1ha.com */
.header-1 {background:#fff;border-bottom:1px solid #ddd;height:30px;padding:15px;overflow:hidden}
.header-1 h4{font-size:15px;float:right;margin:-5px 0;color:#555}
.header-1 img{float:left}
.notif-show{position:fixed;top:10px;right:10px;z-index:9999999;color:#fff!important;background:#444;padding:10px;font-size:13px;border-radius:4px}
#disqus-notif.active{right:0}
#disqus-notif{position:fixed;background:#fff;z-index:9999999;width:30%;border-left:3px solid #e2e2e2;top:0;right:-500px;bottom:0;transition:all .7s ease-in-out}#overlay-1.active{background:rgba(53,58,61,.9);position:fixed;z-index:9999999;overflow:hidden;width:100%;height:100%;top:0;left:0}.close-text{display:inline-block;font-weight:700;font-size:14px;position:relative;left:100%;top:-7px;visibility:hidden;opacity:0;transition:all 250ms ease-in-out}.close-1:hover .close-text{visibility:visible;opacity:1;-webkit-transform:translate3d(-80px,0,0);transform:translate3d(-80px,0,0)}
.close-1{position:fixed;margin-right:31%;margin-top:20px;font-size:35px;font-weight:700;color:#fff!important}
#RecentComments{display:block;width:100%;margin:0 auto;padding:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;}
#RecentComments ul.dsq-widget-list{text-align:left;max-height:90%;overflow:auto;}
#RecentComments img.dsq-widget-avatar{margin:10px 0px 7px 10px;width:32px;height:32px;padding:0;float:right;border-radius:3px;clear:both;display:block}
#RecentComments p.dsq-widget-meta{clear:both;font-size:80%;margin-top:5px;font-weight:400}
#RecentComments p.dsq-widget-meta a{display:inline-block;width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2e9fff;font-size:12px}
#RecentComments p.dsq-widget-meta a:hover{color:#2e87e7}
#RecentComments li.dsq-widget-item{margin:0;padding:4px 6px 0;list-style-type:none;clear:both;border-bottom:1px solid #eee;color:#2e87e7;font-weight:600}
#RecentComments li.dsq-widget-item:last-child{border-bottom:none}
#RecentComments a.dsq-widget-user {display:table;margin-top:8px;color:#2e9fff;font-weight:700;font-size:14px}
#RecentComments a.dsq-widget-user:hover{color:#2e87e7;}
#RecentComments span.dsq-widget-comment{display:block;clear:both;margin-top:5px;}
#RecentComments .dsq-widget-comment p{display:inline-block;font-size:13px;margin:0;font-weight:400;color:#444}
#RecentComments .dsq-widget-item pre{position:relative;background-color:#f3ffca;padding-top:0;box-shadow:0 1px 0 rgba(0,0,0,.1);border-radius:0;opacity:.9;transition:all .3s;}
.count-1{background:#ED1E24;padding:2px 5px;font-size:11px;border-radius:3px;position:absolute;top:-8px;left:-20px}
#RecentComments .dsq-widget-item pre:hover {opacity:1}
#RecentComments .dsq-widget-item pre code {color:#444;font-size:82%;}
#RecentComments .dsq-widget-item pre:before{content:'';position:absolute;padding:initial;font-size:initial;text-indent:initial;left:initial;color:initial;top:0;right:0;width:1.2em;height:1.2em;background-color:#d8e3b0}
#RecentComments .dsq-widget-item pre:after{content:'';font-size:initial;padding:0;position:absolute;width:0;height:0;border-style:solid;border-width:0 1.2em 1.2em 0;border-color:transparent #fff transparent transparent}
@media screen and (max-width:480px) {#disqus-notif{width:100%}.close-1{margin:0;color:#444!important}}

ثانيا, نبحث عن الوسم <body> أو <body في حالة عدم وجود الأول

<a class='notif-show' href='javascript:;'><i class='fa fa-comments-o'></i><span class='count-1'> جديد ! </span></a>
<div id='overlay-1'></div>
<div id='disqus-notif'>
<a class='close-1' href='javascript:;' title='إغلاق'>×<span class='close-text'>إغلاق</span></a>
<div class='header-1'><h4>إشعارات</h4><a href='https://disqus.com' target='_blank' title='Disqus'><img alt='Disqus Logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6oAWtGCG5ez1X8InoBa3jrJ1-2b10FZD6XLeryT2rTXuymq-L05Ql6lZC_Kcg-4YyUcWYT3_GHSTAdDgOjJHV5blgFMIDate5JQwqDCp_TE1VmM4GCSpWGI13cHrSJxsOUcUhR-USvw8r/s1600/disqus-1.png'/></a></div>
<div class='dsq-widget' id='RecentComments'>
<script defer='defer' type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://mdwn-nkh.disqus.com/recent_comments_widget.js?num_items=18&hide_mods=0&hide_avatars=0&avatar_size=32&excerpt_length=120\"></scr" + "ipt>");
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$("#RecentComments a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow').attr('target', '_blank');
//]]>
</script>
</div>
</div>

غير mdwn-nkh بمعرف حسابك على ديسكس.
ثالثا, إبحث عن الوسم </body> وضع فوقه مباشرة الأكواد التالية.

<script type='text/javascript'>
//<![CDATA[
// Notif Komentar Disqus
$(function(){$(".notif-show").on("click",function(){$("#disqus-notif").addClass("active").focus()});$(".close-1").on("click",function(){$("#disqus-notif").removeClass("active")})});
$(function(){$(".notif-show").on("click",function(){$("#overlay-1").addClass("active").focus()});$(".close-1").on("click",function(){$("#overlay-1").removeClass("active")})});
//]]>
</script>

رابعا, هذا الكود يمكنك إضافته أسفل الوسم <head> في حالة عدم ظهور أيقونة الإشعار في الإضافة أما في حالة ظهورها فلا داعي من إضافتها لأنها ستكون مضافة من قبل في قالبك.

<link type='text/css' rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'/>

وأخيرا, إحفظ القالب ومبروك عليك الإضافة

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

2017-07-11T07:59:00.002-07:00

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

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

معاينة

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

الآن لتركيب الاضافة على صفحة, عليك الإنتقال إلى الصفحات ثم تغير نوع المقال من تأليف إلى 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'] = '3016169891337403942';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3016169891337403942','//nak1ha.com/','3016169891337403942');

_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': '3016169891337403942', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>

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

غير nak1ha.com برابط مدونتك
غير جميع 3016169891337403942 بمعرف ID الخاص بمدونتك

غير #07ACEC باللون الذي تريده

أخيرا قم بحفظ الصفحة وستشتغل معك.

إضافة مواضيع ذات تسمية بشكل جديد

2017-07-10T17:31:00.001-07:00

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

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

معاينة

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

أولا نبحث عن الوسم </head> ونلصق الأكواد التالية فوقها مباشرة

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style type='text/css'>
/* CSS Recent Post by Label */
.blanterlabel1 ul,.blanterlabel2 ul{list-style:none;margin:0;padding:0}
.blanterlabel1 li,.blanterlabel2 li{margin:0;padding:0}
.blanterlabel1 .widget,.blanterlabel2 .widget{;margin:0;padding:0}
.blanterlabel1 .widget-content,.blanterlabel2 .widget-content{padding:0;margin:0;word-wrap:break-word;overflow:hidden}
.blanterlabel1 h2,.blanterlabel2 h2{position:relative;margin:0;padding:15px 0;font-size:13px;font-weight:400;border-bottom:1px solid #ddd}
.blanterlabel2 h2{margin:20px 0 0}
.data-title:before{content:'\f143';left:10px;bottom:0;font-family:FontAwesome;font-style:normal;font-weight:400;margin:0 0 0 10px;color:#07ACEC}
.data-title{color:#07ACEC;border:1px solid #07ACEC;padding:3px 8px;border-radius:2px;margin-left:10px}
.blanterlabel1 .index,.blanterlabel2 .index{font-size:13px;font-weight:400}
.blanterlabel1 .index a,.blanterlabel2 .index a{color:#07ACEC;padding:3px 8px;border-radius:2px;font-weight:400;border:1px solid #29b6f6;color:#07ACEC;border-color:#07ACEC}
.blanterlabel1 .index a:hover,.blanterabel2 .index a:hover{background:#07ACEC;color:#fff;border-color:transparent}
.blanterlabel1 .index a:after{content:"\f104";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-right:5px}
.blanterlabel2 .index a:after{content:"\f104";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-right:6px}
.blanterlabel2 span.blanter_meta_comment a:hover{color:#07ACEC!important}
.blanterlabel2 ul.blanter_thumbs li a:hover,.blanterlabel2 ul.blanter_thumbs2 li a:hover{color:#07ACEC;text-decoration:none}
.blanter_right{margin:0;padding:0;border-left:1px solid #fff}
.blanter_right .cat_thumb{float:right;margin-left:10px!important}
.blanter_left{float:right;margin-top:-35px;padding:0}
ul.blanter_thumbs{margin:0;padding:0}
ul.blanter_thumbs li,ul.blanter_thumbs2{margin:0;padding:0}
ul.blanter_thumbs .cat_thumb{position:relative;margin:0 0 15px;padding:0;width:280px;height:200px}
ul.blanter_thumbs .cat_thumb img{height:auto;width:100%;transition:all .2s}
ul.blanter_thumbs .cat_thumb img:hover{opacity:.9}
ul.blanter_thumbs2 li{margin:0 0 10px;padding:0 0 10px;width:34.5%;overflow:hidden;min-height:60px;float:right;margin-left:10px!important;border-bottom:1px solid #e9e9e9}
ul.blanter_thumbs2 li:last-child{border-bottom:none;margin:0;padding:0}
ul.blanter_thumbs2 .cat_thumb2{float:right;margin:0 0 0 10px;height:72px;overflow:hidden}
ul.blanter_thumbs2 .cat_thumb2 img{height:60px;transition:all .2s}
ul.blanter_thumbs2 .cat_thumb2 img:hover{opacity:.9}
span.blanter_title{font-size:18px!important;font-weight:700;display:block;margin:0 0 10px;line-height:normal;text-transform:none;max-height:45px;overflow:hidden}
span.blanter_title2{font-size:14px!important;font-weight:400!important;line-height:1.4em;margin:0 0 3px;max-height:38px}
span.blanter_title a{color:#333}span.blanter_title a:hover{color:#07ACEC;text-decoration:none}
span.blanter_summary{display:block;line-height:1.6em;font-size:13px;text-overflow:ellipsis;margin:10px 0 0}
span.blanter_meta{display:block;font-size:11px;font-weight:400;color:#aaa;text-transform:uppercase}
span.blanter_meta a{color:#aaa;display:inline-block}
span.blanter_meta_date,span.blanter_meta_comment,span.blanter_meta_more{display:inline-block;margin-left:10px}
span.blanter_meta_comment a:before{content:"\f0e6";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-left:5px}
span.blanter_meta_comment a:hover{color:#07ACEC!important}
span.blanter_meta_date:before{content:"\f133";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-left:5px}
ul.blanter_thumbs2 li a:hover,ul.blanter_thumbs li a:hover{color:#07ACEC;text-decoration:none}
@media only screen and (max-width:768px){.tanggal i,.tags i{color:#ff8000!important}.blanter_left{width:100%;float:right;margin:0;padding:0}span.blanter_title2{max-height:33px!important}ul.blanter_thumbs2 li{border-bottom:0;width:58%;overflow:hidden;min-height:60px}.blanterlabel1 .widget-content,.blanterlabel2 .widget-content{margin-top:10px}span.blanter_summary,.blanter_right{display:none}span.blanter_title a{font-weight:700}span.blanter_title{margin:0 0 5px}ul.blanter_thumbs li{margin:0 0 10px;padding:0 0 10px;border-bottom:0}span.blanter_title2{font-size:18px;line-height:1.2em}}
@media only screen and (max-width:320px){ul.blanter_thumbs2 .cat_thumb2 img{width:80px;height:50px}.blanter_left{width:100%;float:right;margin:0;padding:0}ul.blanter_thumbs li{margin:0 0 10px;padding:0 0 10px}span.blanter_title2{font-size:18px;line-height:1.2em}}
@media screen and (max-width:260px){.blanter_left{width:100%;float:right;margin:0;padding:0}ul.blanter_thumbs li{margin:0 0 10px;padding:0 0 10px}span.blanter_title2{font-size:18px;line-height:1.2em}}
</style>
</b:if>
</b:if>

ثانيا, نفس الوسم </head> لكن هذه المرة سنضع هذه الأكواد أسفله مباشرة

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=0;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var u;try{u=r.media$thumbnail.url,u=u.replace("/s72-c/","/w"+thumb_width+"-h"+thumb_height+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10),g=new Array;g[1]="يناير",g[2]="فبراير",g[3]="مارس",g[4]="أبريل",g[5]="ماي",g[6]="يونيو",g[7]="يوليوز",g[8]="غشت",g[9]="شتنبر",g[10]="أكتوبر",g[11]="نونبر",g[12]="دجنبر",document.write('<span class="blanter_right">'),document.write('<ul class="blanter_thumbs">'),document.write("<li>"),1==showpostthumbnails&&document.write('<a href="'+n+'"><div class="cat_thumb"><span class="rollover"></span><img width="'+thumb_width+'" height="'+thumb_height+'" alt="'+m+'" src="'+u+'"/></div></a>'),document.write('<span class="blanter_title"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";if(document.write('<span class="blanter_meta">'),1==showpostdate&&(v=v+'<span class="blanter_meta_date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==showcommentnum&&("1 Comments"==l&&(l="1 Comments"),"0 Comments"==l&&(l="0 Comments"),showcomment='<span class="blanter_meta_comment"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore&&(v=v+'<span class="blanter_meta_more"><a href="'+n+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write('<span class="blanter_summary">'),"content"in r)var y=r.content.$t;else if("summary"in r)var y=r.summary.$t;else var y="";var k=/<\S[^>]*>/g;if(y=y.replace(k,""),1==showpostsummary)if(y.length<numchars)document.write(""),document.write(y),document.write("");else{document.write(""),y=y.substring(0,numchars);var $=y.lastIndexOf(" ");y=y.substring(0,$),document.write(y+"..."),document.write("")}document.write("</span>"),document.write("</li>"),document.write("</ul>"),document.write("</span>")}document.write('<span class="blanter_left">'),document.write('<ul class="blanter_thumbs2">');for(var e=1;e<numposts2;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=1;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var x;try{x=r.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2+"-h"+thumb_height2+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),x=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb2}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10);1==showpostthumbnails2&&document.write('<a href="'+n+'"><div class="cat_thumb2"><img width="'+thumb_width2+'" height="'+thumb_height2+'" alt="'+m+'" src="'+x+'"/></div></a>'),document.write("<li>"),document.write('<span class="blanter_title blanter_title2"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";document.write('<span class="blanter_meta blanter_meta2">'),1==showpostdate2&&(v=v+'<span class="blanter_meta_date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==showcommentnum2&&("1 Comment"==l&&(l="1 Comments"),"0 Comment"==l&&(l="0 Comments"),showcomment='<span class="blanter_meta_comment blanter_meta_comment2"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore2&&(v=v+'<span class="blanter_meta_more blanter_meta_more2"><a href="'+n+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write("</li>")}document.write("</ul>"),document.write("</span>")}
//]]>
</script>
<script type='text/javascript'>
var numposts=1,numposts2=9,showpostthumbnails=!0,showpostthumbnails2=!0,displaymore=!1,displaymore2=!1,showcommentnum=!0,showcommentnum2=!1,showpostdate=!0,showpostdate2=!0,showpostsummary=!0,numchars=150,thumb_width=310,thumb_height=160,thumb_width2=100,thumb_height2=55,no_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMpcMzSaiXG3ijnGohNJKWxPW99LoDdESPacsw0Y_zRtT52ouibIK3lij9iJfE8fdSk2oGKQHPPxX7WfCOIjVoLOAw1SZA6BIj72yJyKsnLxkXHOlKwE6363QQgHUP5VuN4jaG3R69FUw/s320/blanter_thumb.png",no_thumb2="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyqQ8ROB__RL_0vCJDgxG2RlBS0FCCCBrNe7qv5YDzooD49Wrhku8NhExZF7R0ZH2cW7lxi43UrxxQzZSAp8H7_jcnDoBI_6gN278tWKtgOU_kZzkrBmAvHnAUKrkCIDj6FVvRjDqFMcY/s1600/blanterthumb_small.png";
</script>

الأن نبحث عن الوسم <b:section class='main' ونضع الاكواد فوقه مباشرة كما يمكنك وضعه في المكان الذي أحببت ان تظهر به الاضافة وفي حالة عدم وجود هذا الوسم فقط اذكرها مع وضع رابط مدونتك في التعليقات.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='blanterlabel1-wrapper'>
<b:section class='blanterlabel1' id='Nak1ha Label 1' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML80' locked='false' title='فنون' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'>فنون</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<h2><span class='data-title'><data:content/></span><span class='index'><a href='/search/label/<data:content/>?&max-results=8'>المزيد</a></span></h2>
<div class='widget-content'>
<script>
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=published&alt=json-in-script&callback=labelthumbs\"><\/script>");
</script>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='blanterlabel2-wrapper'>
<b:section class='blanterlabel2' id='Nak1ha Label 2' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML81' locked='false' title='ويندوز' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'>ويندوز</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<h2><span class='data-title'><data:content/></span><span class='index'><a href='/search/label/<data:content/>?&max-results=8'>المزيد</a></span></h2>
<div class='widget-content'>
<script>
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=published&alt=json-in-script&callback=labelthumbs\"><\/script>");
</script>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<br/>
</b:if>

ثم إحفظ القالب ومبروك عليك الإضافة, نتمنى أن تنال إعجابكم, ودمتم في آمان الله

خمسات - أفضل موقع عربي للربح من أعمالك

2017-07-10T16:03:00.001-07:00

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

1 – ما هو خمسات ؟ :
خمسات هو موقع لبيع الخدمات المصغرة تابع لشركة حسوب . أنشأ هذا الموقع سنة 2011 من قبل رؤوف شبابيك و اشترته شركة حسوب بمبلغ عشرة ألاف دولار .

2 – مميزات خمسات :
بالطبع , لا يخفى علينا أن هذا الموقع يمتلك عديد المميزات الرائعة . دعنا نعدد بعضها .

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

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

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

يمتلك موقع خمسات أفضل طرق الدفع و أسهلها . حيث يمكنك أن تدفع المال عن طريق الفيزا كارد أو الماستر كارد أو البايبال ليسهل على المستعمل إمكانية شراء الخدمات .
الوكلاء المعتمدون :

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

للإنتقال إلى الموقع

خمسات

كانت هذه مقالتنا لليوم , نتمنى أن تكون قد أعجبتكم . و إن كان لكم أي إستفسار , فلا بأس . باب التعليقات دوما مفتوح للجميع .

إضافة عن الكاتب بشكل إحترافي v1

2017-07-10T14:41:00.000-07:00

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

صورة للإضافة

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

أولا, وكالعادة نبدأ بوضع أكواد Css, نقوم بالبحث بواسطة Ctrl+F عن الوسم ]]></b:skin> ونضع فوقه مباشرة الأكواد التالية.

.author-nak1ha h3 span{ color:#465769;}
.author-nak1ha h3{ color: #fff; font-size: 23px;
font-weight: 100;}
.author-nak1ha p{color: #fff}
.author-nak1ha img{ width: 100px;
height: 100px;
text-align: center;
border: 2px solid #ffffff;
border-radius: 90px;
position: absolute;
right: 0;
left: 0;
top: -50px;
margin: auto;}
.author-nak1ha{
border:1px solid #2a4057;
border-left: 0;
text-align: center;
position: relative;
border-right: 0;
padding: 20px 0;
background: rgb(36, 55, 80) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkXhcPLDQ4yhc8UR1dagRjADyxg4UkokjSDqAZ8RwoVCzZPYCQOARA1xNB5jBZJcSxSDAPyHyqg5Wow3WkLxTZPeHNjS7vI4qTqfOurL2E_chtv-CoGO13IAw_G0ubKwCUYBeuHsMerP8/s1600/Nature_Persian-Star.png);
padding-top: 64px;
color: #fff;
margin: 42px auto;
margin-bottom: 12PX;
width: 100%;
}
.author-nak1ha a {
color: #fff;
}

ثانيا, نقوم بوضع أكواد Html لتظهر الإضافة, عليك وضعها في المكان الذي تريد أن تظهر فيها بين <body> و </body>

<b:if cond='data:blog.pageType == "item"'>
<div class="author-nak1ha">
<img alt="نكهة التقنية" class="author_avatar" expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' width='100%'/>
<h3>
الكاتب : <span>
<a href="#" rel="author"><data:post.author/></a>
</span>
</h3>
<p>
مدون مغربي, 17سنة مصمم قوالب بلوجر ومهووس بالتقنية هذفي هو نشر المحتوى الحصري لارتقاء الويب العربي, قمت بإنشاء مدونة نكهة التقنية سنة 2016 وأسعى إلى أن تكون من إحدى أفضل المدونات المغربية. </p>
</div>
</b:if>

وأخيرا, غير التعريف الملون بـالأزرق بما يناسبك واحفظ القالب

إلى هنا نكون وصلنا الى آخر الموضوع وكالعادة لا تبخلو علينا بآرائكم في التعليقات لتشجيعنا على تقديم المزيد..

طريقة تثبيت القائمة العلوية عند الصعود للأعلى واخفائها عند النزول

2017-07-10T09:33:00.001-07:00

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

معاينة

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

أولا, نبحث عن الوس ]]></b:skin> ثم نضع هذه الاكواد فوقها مباشرة

/* Floating Wrapper CSS by: nak1ha.com*/
.float_wrapper{position:fixed;left:0;top:0;right:0;transition:all .3s ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:999999}
.scroll{top:-90px}
.no-scroll{top:0;z-index:999999}

ثانيا, وهذه أهم خطوة عليك أخي المدون أن تعرف الوسم الصحيح للقائمة الذي تريد تثبيتها فقط اتبع الخطوات التالية ↓↓
لإيجاد الوسم الخاص بالقائمة علينا وضع الماوس في القائمة ثم نضغط على Inspecter كما في الصورة (إضغط على الصورة لتتضح لك الصورة جيدا)

ثم نبحث عنه في قالب المدونة ونضيف اليه الكود التالي كما موضح في هذه الصورة ⬇⬇

class='float_wrapper'

الأن تبقى لنا خطوة آخيرة وهي لوضع الجافا سكريبت, إبحث عن الوسم </body> وضعه فوقه مباشرة.

<script type='text/javascript'>
//<![CDATA[
// Floating Menu
$(function(){var e=$(document).scrollTop();var t=$(".float_wrapper").outerHeight();$(window).scroll(function(){var n=$(document).scrollTop();if($(document).scrollTop()>=50){$(".float_wrapper").css("position","fixed")}else{$(".float_wrapper").css("position","fixed")}if(n>t){$(".float_wrapper").addClass("scroll")}else{$(".float_wrapper").removeClass("scroll")}if(n>e){$(".float_wrapper").removeClass("no-scroll")}else{$(".float_wrapper").addClass("no-scroll")}e=$(document).scrollTop()})})
//]]>
</script>

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

اضافة مواضيع ذات صلة بالماتيريال ديزاين

2017-07-09T17:15:00.000-07:00

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

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

معاينة

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

أولا ابحث عن الوسم ]]></b:skin> باستعمال Ctrl+f
وضع الاكواد التالية فوقه مباشرة

/* Related Post CSS by: nak1ha.com */
.related-post-item-tooltip{height:54px;overflow:hidden;width:50%;float:right;text-overflow:ellipsis;padding:10px}#related-post .material-icons{font-size:200%;left:20px;color:#607D8B;top:-1px;position:absolute}#related-post{background:#fff;margin:10px}.related-post{margin:30px 0 0;position:relative;padding:0 0 10px}.lol h4 i,.related-post h4 i{margin-left:14px}.lol h4,.related-post h4{border-radius:4px;color:#555;font-size:100%;text-transform:uppercase;text-align:right;font-weight:700;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);position:relative;padding:15px 20px 12px;margin:0 0 20px}.related-post-style-3,.related-post-style-3 li{margin:0 auto;padding:0!important;list-style:none;word-wrap:break-word}.related-post-style-3 li a{color:#666;font-weight:700!important;14px !important;line-height:1.4em}.related-post-style-3 li a:hover{color:#111}.related-post-style-3 .related-post-item{display:inline-block;float:right;border-radius:3px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);width:47%;margin-right:15px;height:auto;padding:0;margin-bottom:20px!important;position:relative;overflow:hidden}.related-post-style-3 .related-post-item:focus{outline:none;border:none}.related-post-style-3 .related-post-item-thumbnail{display:block;margin:0;width:40%;height:100px;float:right}.related-post-style-3 .related-post-item-thumbnail img{width:100%;height:auto!important;transition:all 1s ease-out}.related-post-item:hover .related-post-item-tooltip a{opacity:1}.related-post-item-tooltip a{color:#666!important;transition:transform .6s cubic-bezier(.175,.885,.32,1.275),opacity .3s;text-align:center;font-size:12px!important;position:relative}
@media screen and (max-width:480px){.related-post-style-3 .related-post-item{width:100%!important}.related-post-style-3 .related-post-item-thumbnail{height:100px!important}}

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

<div class='related-post' id='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: "<data:blog.homepageUrl/>",
widgetTitle: "<h4><i class='fa fa-bookmark'></i> مواضيع ذات صلة</h4>",
numPosts: 6,
summaryLength: 370,
titleLength: "auto",
thumbnailSize: 300,
noImage: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",
containerId: "related-post",
newTabLink: false,
moreText: "Read More",
widgetStyle: 3,
callBack: function() {}
};
</script>
<script type='text/javascript'>
//<![CDATA[
var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://www.idblanter.com",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"…":t;r=("media$thumbnail"in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+""):d.noImage;u=("summary"in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"…":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);
//]]>
</script>

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

إضافة تنبيه احترافي ومتحرك الى مدونة بلوجر

2017-07-09T15:31:00.000-07:00

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

معاينة

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

أولا نقوم بالبحث عن الوسم <head> ثم نضع أسفله الكود التالي

<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'/>

ثانيا, قم بالبحث عن الوسم ]]></b:skin> وضع فوقه الاكواد الخاصة بالستايل أي اكواد css

/* by nak1ha.com */
#notif-wrapper{position:fixed;width:100%;z-index:999}
.blanternotif{background:#d32f2f;color:#FFF;width:50px;height:50px;border-radius:100%;position:fixed;z-index:999;bottom:45%;left:20px;-webkit-animation-duration:5s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:notifklik;animation-duration:5s;animation-iteration-count:infinite;animation-name:notifklik;transition:all 5s ease-in-out}
.blanternotif i{color:#FFF;font-size:25px;margin:11px 12px 10px 13px;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:notificon;animation-duration:2s;animation-iteration-count:infinite;animation-name:notificon;transition:all 2s ease-in-out}
@keyframes notifklik{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}
@keyframes notificon{0%{transform:rotate(-30deg)}50%{transform:rotate(30deg)}100%{transform:rotate(-30deg)}}
@keyframes notifbox{0%{transform:rotateZ(-45deg);visibility:visible;opacity:0;bottom:68%;left:78px}100%{transform:none;visibility:visible;opacity:1;bottom:41%;left:110px}}
.notifbox{padding:20px;border-radius:3px;position:fixed;resize:none;line-height:1.5;z-index:999;left:110px;bottom:41%;max-width:30rem;background:#d32f2f;border:1px solid #d32f2f;color:#fff;font-size:13px;box-shadow:0 1px 1px 0 rgba(0,0,0,0.07),0 1px 1px 0 rgba(0,0,0,0.06);display:inline-block;opacity:0;visibility:hidden;transition:.4s ease-in-out}
.notifbox:before{content:"";width:0;height:0;position:absolute;top:-.7px;left:-15px;border-width:8px;border-style:solid;border-color:#d32f2f #d32f2f transparent transparent;display:block}.blanterxE5CD{display:none!important}#notif-wrapper.aktif .blanterxE5CD{display:block!important;animation-name:none!important}#notif-wrapper.aktif .blanterxE7F4{display:none!important}
.notifbox.aktif{-webkit-animation-duration:1s;-webkit-animation-iteration-count:1;-webkit-animation-name:notifbox;animation-duration:1s;animation-iteration-count:1;animation-name:notifbox;transition:all 1s ease-in-out;opacity:1;visibility:visible}
@media screen and (max-width:680px){.notifbox:before{display:none}.notifbox{left:0%!important;bottom:0}@keyframes notifbox{0%{left:0!important}100%{left:0!important}}}

ثالثا, ابحث عن الوسم <body> او <body ثم ضع أسفله مباشرة الاكواد التالية مع تغيير العبارة الملونة بالأحمر

<div id='notif-wrapper'>
<a class='blanternotif' href='javascript:;' title='إشعار'><i class='material-icons blanterxE7F4'></i><i class='material-icons blanterxE5CD'></i></a>
<div class='notifbox'>
مرحبا بكم, نشكركم على زيارة مدونتنا, نتمنى أن تكون قد حصلت على ما كنت تبحث عنها هنا, ولا تنسى الإنضمام الى متابعي المدونة الأوفياء لتكون أول من يعرف بجديد مواضيعنا, دمتم في آمان الله .. مدير المدونة
</div>
</div>

رابعا وأخيرا, قم بإضافة هذا السكريبت فوق الوسم </body> والذي ستجده في نهاية القالب

<script type='text/javascript'>
$(document).ready(function(){$(".blanternotif").click(function(){$(".notifbox,#notif-wrapper").toggleClass("aktif");});});
</script>

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

صورة مصغرة احترافية لعرض القوالب (جاهزة للتعديل بصيغة Psd)

2017-07-06T14:32:00.001-07:00

اللاسم عليكم ورحمة الله تعالى وبركاته, وأهلا وسهلا بكم على مدونتكم المحبوبة نكهة التقنية, لطالما طلب مني بعض الأشخاص على مواقع التواصل الاجتماعي طرح احدى الصور المصغرة لعرض القوالب كما في مدونتي, وجاء الوقت اليوم لنقدم لكم ملف Psd قابل للتعديل لتدوينة " قالب بلوجر للمدونات التقنية (هدية لمتابعي المدونة) " التي نشرتها قبل أيام, الصورة المصغرة التي سأنشرها لكم اليوم هي مصممة باحترافية من طرف مددير المدونة إسماعيل تكليوت.
من مميزات الصورة المصغرة أنها:

أنيقة وجذابة
ألوان متناسقة
مكان مخصص للوجو وعنوان موقع الويب
مكان لوضع صور للقوالب
تقنية الماتيريال ديزاين مندمجة مع تصميم الصورة

معاينة

تحميل بصيغة Psd (قابل للتعديل)

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

خمن - تطبيق جديد لحل الألغاز

2017-07-03T18:11:00.003-07:00

السلام عليكم ورحمة الله تعالى وبركاته, بعد كثرة التطبيقات على متجر جوجل بلاي تبقى هناك تطبيقات مميزة عن باقيها .. فعدد التحميلات لا يعتبر مقياس للحكم عن التطبيق, فهناك تطبيقات جديدة ومميزة على المتجر لكن أصحابها لا يملكون رأس مال ليقومون بالترويج لها, كما أن التطبيقات العربية منخفظة التحميل على المتجر!!

تطبيقنا لهذا اليوم هو تطبيق مميز يساعدك على تشغيل مخيلتك من خلال حل بعض الألغاز.

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

بعض مميزات التطبيق

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

تحميل التطبيق من متجر جوجل بلاي

أندرويد/Android

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

قالب بلوجر للمدونات التقنية (هدية لمتابعي المدونة)

2017-07-02T19:53:00.001-07:00

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

صور من القالب

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

معاينة

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

--> من الضروري أن تكون من المتابعين للمدونة للحصول على أجدد قوالبنا (من هنا)

--> ضع تعليق به ايميلك ليتم ارسال لك القالب على بريدك الالكتروني. (يمكنك التعليق في أي نمط من التعليقات سواء فيسبوك او ديسكس او على تعليقات بلوجر)

في آمان الله

عرض حصري لسبينر ببلوثوت وموسيقى وأضواء بثمن لا يصدق

2017-06-30T09:16:00.001-07:00

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

ثمن السبينر حقا لا يصدق فهو بثمن 2.99دولار من جيربيست
يمكنك شراء المنتج من هنا

سارعو !! يتبقى يومان لنهاية العرض ليرجع الى ثمنه الاصلي بقيمة 5.97

إضافة شريط ترحيبي متحرك

2017-06-30T06:26:00.002-07:00

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

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

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

لتركيب هذه الاضافة فقط عليك وضع هذه الأكواد في المكان الذي تريد أن تظهر فيها سواء في آداة Html بالتخطيط أو تحرير القالب.

<marquee behavior='alternate' direction='right' id='marqhea' scrollamount='5' style='text-align: left;font-size: 16px;color: #020b17;margin-top: 10px;background: #f1f1f1;padding:7px;border-radius:3px;border-left: #243750 3px solid;border-right: #243750 3px solid;direction:rtl;'>
<span>
مرحبا بك في موقعنا ! :) ..
</span>
<span style='margin-right:5px;'>
للبحث عنا من جوجل يمكنك كتابة "نكهة التقنية" أو "Nak1ha" !
</span>
<span style='margin-right:10px;'>
لا تنس جعل المدونة الصفحة الرئيسية لمتصفحك! :) </span>
</marquee>

بعد وضع الاكواد قم بحفظ العمل ومبروك عليك الإضافة ^___-

اضافة فوتر مدونة المحترف v2

2017-06-29T15:51:00.004-07:00

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

صورة للإضافة (الفوتر)

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

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

/* Footer --> Nak1ha.com
------------------------------ */
.livesection{background:#fff;box-shadow:0 0 13px 0 rgba(0,0,0,0.14);text-align:center;overflow:hidden;position:relative;padding:10px 0;padding-bottom:20px}.livetime{float:left;position:absolute;left:2%;top:10%}.watchnow{text-align:center;display:block;margin-top:15px}.watchnow a{background:#ff8400;color:#fff;display:inline-block;padding: 5px;}.livecenter p{font-size:15px;color:#484848;text-align:center;-moz-transform:scale(1.05,1);-webkit-transform:scale(1.05,1);-ms-transform:scale(1.05,1);width:31%;margin:0 auto;line-height:28px}.livetime p{width:auto;line-height:30px;margin-bottom:10px}.livetime span{padding:0 8px;font-size:15px}.livetime h3{font-size:30px;color:#ff8400;font-weight:700}.aboutsection{background:#315270;font-overflow:hidden;position:relative;padding:15px 0;box-shadow:-1px 0 20px 0 rgba(0,0,0,0.35)}.logoabout{width:55%;margin:5px auto;text-align:center;line-height:25px}#logocolumn #Header2 {margin-bottom: 10px;} .logoabout img{display:inline-block!important;text-align:center}.logoabout span{color:#fff;font-size:15px}

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

<div class='footer-treexil'>

<div class='livesection'>
<div class='livecenter'>

<img alt='بث مباشر' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCWprqHFgkozb-31wSQp7yp-_cax4-uOGlBaKW232ODr1M_iL33Dt5PqCm-72s9wxIPSRUF-uuTjjOrMbdD1I2qmfPyb6T2rT8LrikFQepMVoQLtFLXVX5U70yW05As7bY1m3NTRY5QyXf/s1600/live.png' title='بث مباشر'/>

<p>
البث المباشرة مع رغيب أمين للإجابة على تساؤلاتكم
التقنية من الإثنين إلى الخميس
</p>

<div class='livetime'>
<h3>7<span>30</span></h3>
<p>بتوقيت غرينيتش</p>
<h3>22<span>30</span></h3>
<p>بتوقيت مكة المكرمة</p>
</div>

<div class='watchnow'>
<a href='/live'>شاهد الان</a>
</div>
</div>
</div>

<div class='aboutsection'>

<div class='logoabout'>
<div class='section' id='logocolumn'><div class='widget Header' data-version='1' id='Header2'>
<div id='header-inner'>
<a href='http://www.th3professional.com/' style='display: block'>
<img alt='المحترف: شروحات برامج مكتوبة ومصورة بالفيديو | Almohtarif ' height='56px; ' id='Header2_headerimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSRyHLKA9FQehIgYo9zDNN_f_EnTbfKqI8P6L8NWUHRLukB2cgb1Ki7gmfqKTbBcCsiC0C70_vBNSpcF4epYzaAXOT12X0Ra8PdqSKE8hBEam28qclBLOPHvq-0hp2jWvUPFvCKVKgVcmN/s1600/logo+footer.png' style='display: block' width='159px; '/>
</a>
</div>
</div><div class='widget Text' data-version='1' id='Text1'>
<div class='widget-content'>
<span>المحترف عبارة عن مدونة ضخمة تضم عدد كبير من الفيديوهات المصورة عن طريق حلقات متسلسلة نتطرق فيها إلى مختلف المواضيع التقنية القريبة من الشباب العربي ، بالإضافة إلى مقالات . مدونة المحترف تأسست سنة 2010 حيث تستقطب الآن عدد كبير من الزوار من كافة ربوع الوطن العربي ، حيث ان مقرها الرئيسي بالمغرب و مديرها امين رغيب ،حاصلة على جائزة افضل مدونة مغربية لسنة 2012 / 2013 ومصنفة ضمن افضل 10 مدونات عربية حسب المركز الدولي للصحفيين ICFJ سنة 2013 وحاصلة على الجائزة الفضية من يوتوب (اول قناة مغربية تحصل على هذه الجائزة من يوتوب ) سنة 2014 وتم تكريم مؤسسها من طرف حاكم دبي بجائزة رواد التواصل الإجتماعي عن فئة التكنولوجيا سنة 2015 وهو الموقع التقني الاول في المغرب والعالم العربي </span>
</div>
</div></div>
</div>
</div>
</div>

غير الملون بـالبرتقالي بالشعار الخاص بك

اذا كانت هناك اي مشكلة بالإضافة فباب التعليقات مفتوح وسيتم الرد عليكم في أقرب وقتتحياتي

قالب أسطورة (قالب Legenda معرب)

2017-06-29T08:25:00.002-07:00

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

صور من القالب

معاينة وتحميل

معاينة تحميل

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

---> أولا: عليك الدخول الى هذا الموقع instagram.pixelunion.net ثم الضغط على زر Generate Access Token كما في الصورة.

ثم قم بنسخ الرموز الذي سيقدمه لك الموقع وغيره كما في الصورة

وغير كذلك معرف Userld وستجده في اول الرمز السابق كما في الصورة

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

عيد فطر مبارك لكل متابعي نكهة التقنية

2017-06-24T13:38:00.001-07:00

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

نكهة التقنية قررت لتهنئ كل متابعيها بقدوم عيد الفطر المبارك, وتتمنى لكم سنة طيبة وكل سنة وانتم لله أقرب.

دعاء عيد الفطر المبارك

-------------------

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

إلهي يا معطي من تشاء ومانع من تشاء ’ إلهي فاعطنا اللطفَ والرحمةَ، وامنع عنا البطشَ والنقمة، وامدد لنا من لدنكَ رزقاً حلالاً بمعرفتكَ وطاعتك، إلهي لكَ صمنا شهركَ الذي فضلت واستخلصتَ لنفسك، وجعلتهُ أجراً للمؤمنين وغفراناً للمذنبين، إلهي وقد أفطرنا بفطرك السعيد الذي أمرتنا فيه بالمودّةِ وصلةِ الرحم ودوام الصلاة واستتباع الذكر والإكثار منه يا من بذكرك تطمئنُّ القلوب الخائفة، وبكلامك تستقرُّ العقولُ الراجفة، غفرانك اللهمَّ غفرانكَ عن آثامنا الموبقة، وعن أخطائنا المغرقة، فما من غافرٍ إلاك وما من عافٍ سواك، إلهي واكتبنا مع من مننتَ عليهم بجناتكَ الوارفة، وأدم علينا نعمك وعطاياك الكافية، يا من لا يخفى عليه خافية، بحقّكَ على عبادك يا أكرمَ الأكرمين، يا رحمنُ يا رحيم .

قالب بيج نيوز مجانا بمناسبة ليلة القدر (مع شرح التركيب بالفيديو)

2017-06-21T16:00:00.001-07:00

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

مميزات القالب

صورة للقالب

كما وأعددت لكم شرح بالفيديو

معاينة وتحميل

معاينة تحميل

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

تقبل الله صلاتكم وصيامكم!

أفضل 5 مواقع للحصول على قوالب بلوجر مجانية - الجزء 1

2017-06-21T03:38:00.000-07:00

السلام عليكم و رحمة الله تعالى و بركاته متتبعينا الأوفياء كل مدون يحتاج الى قوالب بلوجر احترافية تعطي جمالية واناقة لموقعه لذى فكرنا بأن نطرح لكم أفضل 5 مواقع للحصول على قوالب بلوجر مجانية في شتى المجالات دون أخطاء او تلغيمات وذو seo متوافع مع محركات البحث لذا أحببت أن أشارك معكم أفضل 5مواقع للحصول على قوالب بلوجر مجانية لسنة 2017

شاهد الفيديو: ( لا تنسو دعمنا بلايك للفيديو وتعليق تحفيزي لنقدم لكم دائما مواضيع تقنية مصورة )

المواقع هي كالتالي:

1. موقع SoraTemplate

2. موقع THEMExpose

3. موقع Templateism

4. موقع Templatesyard

5. موقع TemplateClue

ملاحظة: اذا وجدنا تفاعل في هذا الموضوع سنطرح لكم الجزء الثاني أي 5 مواقع اخرى