اضافة اداة حكمة اليوم تتغير تلقائيا

1- تقديم:

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

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

وهذا هو بالطبع الهدف الاسمى من هذه الاداة لشمولها على المميزات التالية:

اضافة اداة حكمة اليوم

2- مميزات اداة حكمة اليوم:

- تضم 31 حكمة.

- حكم تتغير تلقائيا في كل يوم.

- تظهر في كل يوم حكمة واحدة.

- في كل يوم حكمة وتتجدد بشكل تلقائي.

- تتغير ايضا بشكل اتوماتيكي عند تصفح الموقع.

- حجمها صغير وعند تمرير الماوس عليها تظهر الحكمة.

- تجذب الزائر لتصفح موقعك ومتابعه الحكم.

- تجعل الزائر يبقى اكثر في تصفح الموقع واكبر وقت لقراءة الحكم.

- امكانية اضافة روابط صفحات موقعك خاصة بالمزيد من الحكم.

- قد تجعل معدلات ارتداد الزيارات الى موقعك جيدة جدا.

- وبالتالي تقوية السيو وتحسين ترتيب صفحات موقعك.

- يمكن استخدامها في أي مكان في الموقع.

- امكانية استخدامها في اكثر من موضوع من مثل: وضع تنبيه أو اخبار أو نكتة...
----------------------------------
3- معاينة اداة حكمة اليوم:

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

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

المعاينة: 

جرب اذن تمرير الماوس على الاداة وستظهر لك حكمة هذا اليوم.

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




نقرة هنـــا لمزيد من الحكم

حكمة اليوم !

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

4- طريقة الاضافة:

- ادخل الى موقعك. 

- اذهب الي التخطيط.

- اختر اضافة اداة: HTML/JavaScript

- ثم ألصق في مربع الاداة هذا الكود أسفله: 

الكود
-------------------------------------------------------------------
<style>
.shouro7at-quotebox{
-webkit-transition: all 1s !important;
color: #fff;
direction: rtl;
width: 310px;font-size: 9px;
height: auto;
background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url('https://1.bp.blogspot.com/-8BflxeZ_hNs/X9Kyyv8T-7I/AAAAAAAAPwA/kAqPJH3D_swnF12zLMo07bQe8EX-f4hdgCLcBGAsYHQ/s990/hikma.jpg') no-repeat;
border-radius: 5px;
padding: 5px 0;
background-size: 150%;
background-position: 17% 0%;}
.shouro7at-quotebox h1 {
display: none;
color: #ffffff;
padding: 50px 20px;
text-align: center;
line-height: 35px;
font-size: 16px;}
.shouro7at-quotebox img {
width: 40px;
margin: -6px;
}
.shouro7at-quotebox h3 {
font: normal normal 15px 'Droid Arabic Kufi', sans-serif;
font-weight: 600;
padding: 2px 0;
font-size: 16px;
font-weight: 700;
color: #382918;
margin: 8px 20%;
background: rgba(255, 255, 255, 0.81);
border-radius: 5px;
}
.shouro7at-quotebox:hover{
background-size: 170%;
background-position: 50% 5%;
}
.shouro7at-quotebox:hover > center {display:none;}
.shouro7at-quotebox:hover > h3 {display:none;}
.shouro7at-quotebox:hover > h1 {display:block;}
i.fa.fa-quote-left {
font-size: 50px;
position: absolute;
left: 15px;
bottom: 50px;
color: rgba(255, 255, 255, 0.32);
}
i.fa.fa-quote-right {
font-size: 50px;
position: absolute;
right: 15px;
top: 5px;
color: rgba(255, 255, 255, 0.32);
}
</style>
<div class='shouro7at-quotebox'>
<h1><i class="fa fa-quote-right"></i>
<script language="JavaScript">
<!--
var hkma = new Array ();
hkma[0]='إذا المرء لم يدنس من اللؤم عرضه ... فكل رداء يرتديه جميل'
hkma[1]='ومن طلب العلا من غير كد أضاع العمر في طلب المحال'
hkma[2]='لا تنه عن خُلُقٍ وتأتي مثله عار عليك إذا فعلت عظيم'
hkma[3]='وينشأ ناشئ الفتيان منا على ما كان عوده أبوه'
hkma[4]='الصبر صبران: صبر على ما تكره وصبر على ما تحب'
hkma[5]='التأني من الرحمن والعجلة من الشيطان'
hkma[6]='اصبر قليلا فبعد العسر تيسير وكل أمر له وقت وتدبير'
hkma[7]='إن ربا كفاك ما كان بالأمس ... سيكفيك في غد ما يكون'
hkma[8]='من يهن يسهل الهوان عليه ... ما لجرح بميت إيلام'
hkma[9]='دقات قـــلب المرء قائلة له ... إن الحـــياة دقائق وثواني'
hkma[10]='ألا كل شـــيء ما خلا الله باطل ... وكل نـــعيم لا محالة زائل'
hkma[11]='إذا ساء فعل المرء ساءت ظنونه ... وصدق ما يعتاده من توهم'
hkma[12]='لعمرك ما يغني الثراء عن الفتى ... إذا حشرجت يوما وضاق بها الصدر'
hkma[13]='وإذا كانت النفوس كبارا ... تعبت في مرادها الأجسام'
hkma[14]='لا خيل عندك تهديها ولا مال ... فليسعد النطق إن لم تسعد الحال'
hkma[15]='ما كل ما يتمنى المرء يدركه ... تجري الرياح بما لا تشتهي السفن'
hkma[16]='قد يدرك المتأني بعض حاجته ... وقد يكون مع المستعجل الزلل'
hkma[17]='وما نيل المطالب بالتمني ... ولكن تؤخذ الدنيا غلابا'
hkma[18]='دع المقادير تجري في أعنتها ... ولا تبيتن إلا خالي البال'
hkma[19]='وإذا أراد الله نشر فضيلة طويت ... أتاح لها لسان حسود'
hkma[20]='يا من يعز علينا أن نفارقهم ... وجداننا كل شيء بعدكم عدم'
hkma[21]='على قدر أهل العزم تأتي العزائم ... وتأتي على قدر الكرام المكارم'
hkma[22]='وفي كل شيء له آية ... تدل على أنه واحد'
hkma[23]='وكل شـــديدة نزلت بقوم ... سيأتي بعد شـــدتها رخاء'
hkma[24]='إذا غامرت في شرف مروم ... فلا تقنع بما دون النجوم'
hkma[25]='إذا كنت في حاجة مرسلا ... فأرسل حكيما ولا توصه'
hkma[26]='ابدأ بنفسك فانهها عن غيها ... فإذا انتهت عنها فأنت حكيم'
hkma[27]='ومن يكن ذا فم مر مريض ... يجد مرا به الماء الزلال'
hkma[28]='بقدر الجد تكتسب المعالي ... ومن رام العلا سهر الليالي'
hkma[29]='تعلم فليس المرء يولد عالما ... وليس أخو علم كمن هو جاهل'
hkma[30]='أعلل النـــفس بالآمال أرقبها ... ما أضيق العـــيش لولا فسحة الأمل'
var i = Math.floor(31*Math.random())
document.write(hkma[i]);
//-->
</script>
<br />
<br />
<a href="https://www.milafats.com/search/label/%D8%A7%D9%84%D8%A7%D9%85%D8%AB%D8%A7%D9%84%20%D9%88%D8%A7%D9%84%D8%AD%D9%83%D9%85"> نقرة هنـــا لمزيد من الحكم </a>
<i class="fa fa-quote-left"></i></h1>
<center><h3>حكمة اليوم !</h3>
<img src='https://www.nwtexhibits.ca/icepatch/img/icon-chevron-down-512px.png'/></center>
</div>
---------------------------------
لا تنسونا من صالح الدعاء
وإذا أعجبك أو ساعدك هذا الموقع..
فيمكنك تشجيعنا ومساعدتنا أيضاً ب:
اضافة تعليقك على ما يعجبك
ونشرنا لمن تعرفه!
--------------------------------

اقرأ أيضا:


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

5- تحميل هذه الاداة:
لتحميل هذا الكود في ملف الوورد، انضم الى الموقع:


رابط التحميل:

أو

0/أضـف تعليقـك هنـــا:

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

أحدث أقدم


قـد يعجبـك أيضــا: