تعلم كيف تنشئ ساعة رقمية احترافية بالجافا سكريبت :

نقدم لكم في هذا الدرس 

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

المظهر الأول

<style type='text/css'>
.cnmuclock {
  background-color: #000;
  border: 4px solid #eee;
  border-radius: 8px;
  box-shadow: 0 0 2px #222;
  color: #90fe00;
  display: block;
  font: 68px/80px arial;
  height: 80px;
  margin: 10px auto;
  padding-left: 4px;
  padding-right: 30px;
  position: relative;
  width: 195px;
}
.cnmuclock span {float: left;  margin: 0 4px;}
.ceconds {
  font-size: 12px;
  position: absolute;
  right: 7px;
  top: -5px;
}
.cspahmsa {
  font-size: 12px;
  top: 10px;
  position: absolute;
  right: 5px;
}
.cfasel2 {display: none;}
</style>
<script type='text/javascript'>
//<![CDATA[
var _0x3512=["\x41\x4D","\x67\x65\x74\x48\x6F\x75\x72\x73","\x67\x65\x74\x4D\x69\x6E\x75\x74\x65\x73","\x67\x65\x74\x53\x65\x63\x6F\x6E\x64\x73","\x72\x65\x6E\x64\x65\x72\x54\x69\x6D\x65\x28\x29","\x50\x4D","\x30","\x63\x6E\x6D\x75\x63\x6C\x6F\x63\x6B","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x74\x65\x78\x74\x43\x6F\x6E\x74\x65\x6E\x74","\x3A","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x68\x6F\x75\x72\x73\x22\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x61\x73\x65\x6C\x20\x63\x66\x61\x73\x65\x6C\x31\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6D\x69\x6E\x75\x74\x65\x73\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x61\x73\x65\x6C\x20\x63\x66\x61\x73\x65\x6C\x32\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x65\x63\x6F\x6E\x64\x73\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x73\x70\x61\x68\x6D\x73\x61\x22\x3E"];function renderTime(){var _0x554cx2= new Date();var _0x554cx3=_0x3512[0];var _0x554cx4=_0x554cx2[_0x3512[1]]();var _0x554cx5=_0x554cx2[_0x3512[2]]();var _0x554cx6=_0x554cx2[_0x3512[3]]();setTimeout(_0x3512[4],1000);if(_0x554cx4==0){_0x554cx4=12}else {if(_0x554cx4>12){_0x554cx4=_0x554cx4-12;_0x554cx3=_0x3512[5]}};if(_0x554cx4<10){_0x554cx4=_0x3512[6]+_0x554cx4};if(_0x554cx5<10){_0x554cx5=_0x3512[6]+_0x554cx5};if(_0x554cx6<10){_0x554cx6=_0x3512[6]+_0x554cx6};var _0x554cx7=document[_0x3512[8]](_0x3512[7]);_0x554cx7[_0x3512[9]]=_0x554cx4+_0x3512[10]+_0x554cx5+_0x3512[10]+_0x554cx6+_0x554cx3;_0x554cx7[_0x3512[11]]=_0x3512[12]+_0x554cx4+_0x3512[13]+_0x3512[14]+_0x3512[10]+_0x3512[13]+_0x3512[15]+_0x554cx5+_0x3512[13]+_0x3512[16]+_0x3512[10]+_0x3512[13]+_0x3512[17]+_0x554cx6+_0x3512[13]+_0x3512[18]+_0x554cx3+_0x3512[13]}renderTime()
//]]>
</script>
<div class='cnmuclock' id='cnmuclock'></div>

تنسيقات

هذا #000 لون خلفية الساعة
هذا #eee لون الإطار
هذا #90fe00 لون الخط

المظهر الثاني

 

<style type='text/css'>
.cnmuclock {
  margin: 10px auto;
  width: 258px;
}
.cnmuclock span {
  background-color: #000;
  box-shadow: 0 10px 10px #777 inset;
  color: #fff;
  display: inline-block;
  float: left;
  font: 36px/60px arial;
  height: 60px;
  margin-right: 4px;
  text-align: center;
  width: 60px;
  border-radius: 2px;
}
.cfasel {display:none !important;}
</style>
<script type='text/javascript'>
//<![CDATA[
var _0x3512=["\x41\x4D","\x67\x65\x74\x48\x6F\x75\x72\x73","\x67\x65\x74\x4D\x69\x6E\x75\x74\x65\x73","\x67\x65\x74\x53\x65\x63\x6F\x6E\x64\x73","\x72\x65\x6E\x64\x65\x72\x54\x69\x6D\x65\x28\x29","\x50\x4D","\x30","\x63\x6E\x6D\x75\x63\x6C\x6F\x63\x6B","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x74\x65\x78\x74\x43\x6F\x6E\x74\x65\x6E\x74","\x3A","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x68\x6F\x75\x72\x73\x22\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x61\x73\x65\x6C\x20\x63\x66\x61\x73\x65\x6C\x31\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6D\x69\x6E\x75\x74\x65\x73\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x61\x73\x65\x6C\x20\x63\x66\x61\x73\x65\x6C\x32\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x65\x63\x6F\x6E\x64\x73\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x73\x70\x61\x68\x6D\x73\x61\x22\x3E"];function renderTime(){var _0x554cx2= new Date();var _0x554cx3=_0x3512[0];var _0x554cx4=_0x554cx2[_0x3512[1]]();var _0x554cx5=_0x554cx2[_0x3512[2]]();var _0x554cx6=_0x554cx2[_0x3512[3]]();setTimeout(_0x3512[4],1000);if(_0x554cx4==0){_0x554cx4=12}else {if(_0x554cx4>12){_0x554cx4=_0x554cx4-12;_0x554cx3=_0x3512[5]}};if(_0x554cx4<10){_0x554cx4=_0x3512[6]+_0x554cx4};if(_0x554cx5<10){_0x554cx5=_0x3512[6]+_0x554cx5};if(_0x554cx6<10){_0x554cx6=_0x3512[6]+_0x554cx6};var _0x554cx7=document[_0x3512[8]](_0x3512[7]);_0x554cx7[_0x3512[9]]=_0x554cx4+_0x3512[10]+_0x554cx5+_0x3512[10]+_0x554cx6+_0x554cx3;_0x554cx7[_0x3512[11]]=_0x3512[12]+_0x554cx4+_0x3512[13]+_0x3512[14]+_0x3512[10]+_0x3512[13]+_0x3512[15]+_0x554cx5+_0x3512[13]+_0x3512[16]+_0x3512[10]+_0x3512[13]+_0x3512[17]+_0x554cx6+_0x3512[13]+_0x3512[18]+_0x554cx3+_0x3512[13]}renderTime()
//]]>
</script>
<div class='cnmuclock' id='cnmuclock'></div>

تنسيقات

هذا #000 لون الخلفية
هذا #fff لون الخط
وهذا #777 لون ظل الخلفية العلوي

ملاحظة هامة

 ان اردت تركيب الساعة كمجرد نص في القالب من الداخل فقط أضف الكود الازرق فوق الوسم </head>

والكود الأصفر في اى منطقة تريد في القالب

تابع القراءه »

إضافة آداة مواضيع مقترحة لمدونات بلوجر

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

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

<style>
.cnmu-moqtarhat {
  background-color: #fff;
  border-top: 3px solid #009efa;
  bottom: 13px;
  box-shadow: 0 1px 2px #999;
  box-sizing: border-box;
  display: none;
  overflow: hidden;
  padding: 210px 5px 5px;
  position: fixed;
  right: 2px;
  width: 300px;
  z-index: 99;
}
.closebq {
  background-color: #009efa;
  color: #fff;
  font: bold 14px/24px arial;
  height: 24px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 24px;
  z-index: 9;
}
.cnmuranqRandomPostBS {
  color: #666;
  display: block;
  font: 14px/1.8em tahoma;
  position: relative;
  text-align: center;
}
.cnmumoqta ul {
  list-style: outside none none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.cnmumoqta a {text-decoration: none !important;}
.cnmumoqta h2 {
  background-color: transparent !important;
  border: 0 none !important;
  box-shadow: none !important;
  color: #009efa !important;
  display: block !important;
  font: bold 14px/1.8em droid arabic kufi !important;
  height: auto !important;
  margin: 0 !important;
  overflow: hidden;
  text-align: center !important;
}
.cnmumoqta li img {
  height: 200px;
  margin: 0 !important;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 290px;
}

</style>
<script type='text/javascript'>
//<![CDATA[
var _0x84fe=["\x73\x63\x72\x6F\x6C\x6C\x54\x6F\x70","\x68\x65\x69\x67\x68\x74","\x73\x6C\x6F\x77","\x73\x68\x6F\x77","\x23\x63\x6E\x6D\x75\x73\x6F\x63\x69\x61\x6C\x73\x6C\x69\x64\x65","\x68\x69\x64\x65","\x73\x63\x72\x6F\x6C\x6C","\x72\x65\x6D\x6F\x76\x65","\x50\x4F\x53\x54","\x2F\x66\x61\x63\x65\x62\x6F\x6F\x6B\x70\x61\x67\x65\x2E\x70\x68\x70","\x61\x6A\x61\x78"];$(window)[_0x84fe[6]](function(){if($(document)[_0x84fe[0]]()>=$(document)[_0x84fe[1]]()/4){$(_0x84fe[4])[_0x84fe[3]](_0x84fe[2])}else {$(_0x84fe[4])[_0x84fe[5]](_0x84fe[2])}});function closecnmusocialslide(){$(_0x84fe[4])[_0x84fe[7]]();$[_0x84fe[10]]({type:_0x84fe[8],url:_0x84fe[9]})}
//]]>
</script>
<div style="display: none;" id="cnmusocialslide" class="cnmu-moqtarhat">
<a class="closebq" href="javascript:void(0);" onclick="return closecnmusocialslide();">X</a>
<div class="cnmumoqta">
<script style='text/javascript'>
//<![CDATA[
function showgalleryposts(json){var numPosts=json.feed.openSearch$totalResults.$t;var indexPosts=new Array();document.write('<ul>');for(var i=0;i<numPosts;++i){indexPosts[i]=i}if(random_posts==true){indexPosts.sort(function(){return 0.5-Math.random()})}if(numposts_cnmuranq>numPosts){numposts_cnmuranq=numPosts}for(i=0;i<numposts_cnmuranq;++i){var entry_cnmuranq=json.feed.entry[indexPosts[i]];var posttitle_cnmuranq=entry_cnmuranq.title.$t;for(var k=0;k<entry_cnmuranq.link.length;k++){if(entry_cnmuranq.link[k].rel=='alternate'){posturl_cnmuranq=entry_cnmuranq.link[k].href;break}}if("content"in entry_cnmuranq){var postcontent_cnmuranq=entry_cnmuranq.content.$t}s=postcontent_cnmuranq;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){var thumburl_cnmuranq=d}else var thumburl_cnmuranq='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPZfDBdL7nVxiC-4lFNwguluugQozACdtRPb5cRiOM99DDDvAzkWHvHdfB5woZ78eVSheRW2O7bfFehk9HbDVxzAx4KxCcis6EtMgRP5Ys_2biIYfKVik-XIYXf2CrOGXU0JDfHoY5gao9/s320/BS+No+Image+Dark.jpg';document.write('<a href="'+posturl_cnmuranq+'"><li><div id="cnmuranqRandomPostHolder"><span class="cnmuranqRandomPostBS"><h2>');document.write(posttitle_cnmuranq+'</h2>');var re=/<\S[^>]*>/g;postcontent_cnmuranq=postcontent_cnmuranq.replace(re,"");if(showpostsummary_cnmuranq==true){if(postcontent_cnmuranq.length<numchars_cnmuranq){document.write(postcontent_cnmuranq);document.write('</span>')}else{postcontent_cnmuranq=postcontent_cnmuranq.substring(0,numchars_cnmuranq);var quoteEnd_cnmuranq=postcontent_cnmuranq.lastIndexOf(" ");postcontent_cnmuranq=postcontent_cnmuranq.substring(0,quoteEnd_cnmuranq);document.write(postcontent_cnmuranq+'');document.write('</span>')}}document.write('<img src="'+thumburl_cnmuranq+'" width="'+post_image_width+'" height="'+post_image_height+'"/></div>');document.write('</li></a>')}document.write('</ul>')}
//]]>
</script>
<script style='text/javascript'>
var showpostthumbnails_cnmuranq = true;
var showpostsummary_cnmuranq = true;
var random_posts = true;
var numchars_cnmuranq= 100;
var numposts_cnmuranq= 1;
var post_image_width= 295;
var post_image_height = 140;
</script>
<script src='http://www.netprofitkings.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showgalleryposts&amp;max-results=999999'></script>
</div>
</div>

تنسيقات

أولا استبدل رابط مدونتي برابط مدونتك  http://www.netprofitkings.com
هذا اللون #009efa  هو اللون الازرق للآداة يمكنك تعديله
المعلم بالأحمر هو خط العنوان استبدله بالخط الذي تستخدمه
ان اردت تعديل ارتفاع الصور عدل الرقمين المعلمان بالأخضر بنفس النسب ان زدت احدهما 20 بيكسل زد الآخر بنفس النسبة 
ان اردت ان تكون الآداة تجاه اليسار
استبدل right بـ left
و left بـ right

تابع القراءه »

اضافة مسار المواضيع لمدونات بلوجر :

شريط مسار المدونة ,تركيب مسار المدونة,تنسيق مسار الموضوع لمدونات بلوجر.

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

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

شكل الاضافة :

لتركيب الإضافة فقط ابحث عن الكود التالي :

<b:includable id='post' var='post'>

وأضف بعده مباشرة الكود التالي

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#cnmumasar {
  background-color: #ddd;
  display: block;
  font-size: 12px;
  margin: 10px 0;
  padding: 5px 0;
  width: 100%;
}
#cnmumasar .masarhome {
  background: url("https://lh3.googleusercontent.com/-CnMJ5rXyu10/VR7MIGHMNKI/AAAAAAAAAQE/V9TBcMTIoC8/s16/home.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  color: #000;
  float: right;
  margin: 0 10px 0 5px;
  padding: 0 20px 0 0;
}
#cnmumasar .masarhome:hover {color:#555;}
#cnmumasar .post-labels {
  background: url("https://lh6.googleusercontent.com/-27rhGHNvBa4/VR7MIFVbJUI/AAAAAAAAAQQ/iX8Hq7rNk94/s16/attach_2.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  padding-right: 20px;
}
#cnmumasar .post-labels a {
  background-color: #000;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  float: none;
  font-size: 10px;
  font-weight: bold;
  padding: 0 3px 2px;
}
#cnmumasar .post-labels a:hover {background-color:#555;}
#cnmumasar .masartitle {
  background: url("https://lh5.googleusercontent.com/-g9j2SOHg6sE/VR7MIPJOXbI/AAAAAAAAAQM/A3V1gTwxbtU/s16/text.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  color: #555;
  padding-right: 20px;
}
</style>
<div id="cnmumasar">
<span><a class='masarhome' href='/'>الرئيسية</a></span>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:loop>
</b:if>
</span>
<span class='masartitle'><data:post.title/></span>
</div>
</b:if>

• التنسيق

هذا #ddd هو لون الخلفية
هذا 12 هو حجم الخط 
هذا #000 لون رابط الرئيسية
هذا #000 لون خلفية الأقسام
هذا 10 حجم خط روابط الأقسام
هذا #555 لون خلفية الأقسام عند تمرير الماوس 
أما الثلاث روابط باللون الوردي هي روابط الأيقوناتالتي تظهر 
في المسار يمكنك تغييرها بما تشاء من الأيقونات يفضل ان 
يكون حجمها 16x16.

أرجوا أن تنال الإضافة إعجابكم

تابع القراءه »

طريقة تركيب القالب على مدونة بلوجر وحفظه ومعايير اختيار القالب  :

شرح كيفية تركيب قالب بلوجر,شرح تحميل واستعادة قوالب بلوجر , كيفية تغيير قالب مدونتي, طريقة انشاء قالب مدونة بلوجر,قالب,بلوجر,شرح,كيفية,طريقة,تحميل,تغيير,استعادة,تبديل

,تصميم,برمجةمدونة,انشاء.

نبدأ موضوعنا بمعايير إختيار قالب مدونتك 

هناك عدة معايير يجب ان تراعيها وتتبعها لتختار قالب يميز مدونتك ويناسب محتواها .

وتنقسم قوالب بلوجر الى نوعين هما  :

قوالب بلوجر الأساسية( الافتراضية) : وهي الموجودة في لوحة تحكم مدونتك وهي مقدمة من طرف بلوجر وهذه تتيح لك التحكم بها من داخل اللوحة نفسها.

 

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

أما عن عيوبها فهي لا تصل لدرجة الإحترافية في مظهرها 

أو سرعة أرشفة مواضيعها وتفتقر الى العديد من الاميزات الأخرى .

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

 من هنا

 وهو يكون معد بشكل جيد لا يحتاج الكثير من التعديلات.

معايير إختيار القالب

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

• ملاحظة : الاكثار من الألوان يلهي القارئ عن الانتباه الى المحتوى لذلك يجب الاختيار بعناية .

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

أو تكون بيضاء وتختار للكتابه لون ازرق فاتح

الى هنا تكون قد عرفت أهم المعايير لاختيار قالبك .ننتقل الآن الى طريقة تركيب وحفظ القوالب ونبدأ أولا بالتركيب .

طريقة تركيب وحفظ القوالب

الطريقة الأولى :

اذهب الى لوحة تحكم مدونتك بعدها اختر قالب ثم نسخ|إستعادة وحمل القالب من جهازك

اليك الشرح بالصور

الطريقة الثانية :

اذهب الى لوحة تحكم مدونتك بعدها اختر قالب ثم تحرير HTML إحذف الكود الموجود

ثم ضع كود القالب الجديد ثم إضغط على حفظ النموذج.

للتذكير: يوجد العديد من القوالب الرائعة والاحترافية مقدمة من مدونتنا ومشروحة 

لتصفح القوالب من هنا

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

الدرس السابق                                                                         الدرس التالي

تابع القراءه »

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

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

السلام عليكم عليكم 

مرحبا بكم في درس جديد على مدونة NETPROFITKING.COM

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

في خطوات بسيطة لاتتطلب أي جهد ولا معرفة .

ندخل في صلب الموضوع .

كيف تحذف مدونتك بسهولة ؟

اولا : اذهب الى لوحة التحكم من الرابط التالي :

www.blogger.com

تظهر لك الواجهة التالية 

اضغط على المدونة التي تريد حذفها .

ثانيا : ثم اضغط على الاعدادات ثم أخرى .

ثالثا : ادوات المدونة ثم نختار حذف المدونة الالكترونية .

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

طريقة استرجاع مدونة بلوجر محذوفة :

عند حذف المدونة يظهر لك إشعار بأن مدونتك ستبقى متواجدة لمدة 90 يوما بعد ذلك ستحذف تلقائيا اذا لم يكم مر على حذفك لمدونتك 90 يوما اتبع الخطوات التالية :

أولا : ادخل الى لوحة تحكم بلوجر من الرابط أعلاه

ثم اضغط على الغاء الحذف وبذلك تكون قد استرجعت مدونتك المحذوفة.

تابع القراءه »

تغير لون الروابط عند تمرير الماوس فوقه :

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

السلام عليكم 

في اضافة اليوم وضعت طريقة

تغير لون روابط المدونة الى عدة الوان تشبه 

الوان قوس قزح فالتغير يظهر عند وقوف او مرور مؤشر 

الماوس على الروابط بالمدونة فيتغير لون الرابط الى عدة 

الوان  تعطى جمال للمدونة.احببت ان اضع لكم هذا الكود 

لجمالية واحترافية هذه الاضافة الأكثر من رائعة

طريقة اضافة الأداة  :

كالعادة اذهب الى لوحة تحكم مدونتك , ثم التخطيط ثم اضافة

 أداة ثم إختر HTML/JavaScript 

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

Top of Form

<script type='text/javascript'> //<![CDATA[ var rate = 20; if (document.getElementById) window.onerror=new Function("return true") var objActive; // The object which event occured in var act = 0; // Flag during the action var elmH = 0; // Hue var elmS = 128; // Saturation var elmV = 255; // Value var clrOrg; // A color before the change var TimerID; // Timer ID if (document.all) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } else if (document.getElementById) { document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT); document.onmouseover = Mozilla_doRainbowAnchor; document.onmouseout = Mozilla_stopRainbowAnchor; } function doRainbow(obj) { if (act == 0) { act = 1; if (obj) objActive = obj; else objActive = event.srcElement; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } function stopRainbow() { if (act) { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } function doRainbowAnchor() { if (act == 0) { var obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY') break; } if (obj.tagName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } } function stopRainbowAnchor() { if (act) { if (objActive.tagName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function Mozilla_doRainbowAnchor(e) { if (act == 0) { obj = e.target; while (obj.nodeName != 'A' && obj.nodeName != 'BODY') { obj = obj.parentNode; if (obj.nodeName == 'A' || obj.nodeName == 'BODY') break; } if (obj.nodeName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } } function Mozilla_stopRainbowAnchor(e) { if (act) { if (objActive.nodeName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function ChangeColor() { objActive.style.color = makeColor(); } function makeColor() { // Don't you think Color Gamut to look like Rainbow? // HSVtoRGB if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV; } else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3; } else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3; } else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3; } else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3; } else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3; } else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3; } else { elmR = 0; elmG = 0; elmB = 0; } } elmR = Math.floor(elmR).toString(16); elmG = Math.floor(elmG).toString(16); elmB = Math.floor(elmB).toString(16); if (elmR.length == 1) elmR = "0" + elmR; if (elmG.length == 1) elmG = "0" + elmG; if (elmB.length == 1) elmB = "0" + elmB; elmH = elmH + rate; if (elmH >= 360) elmH = 0; return '#' + elmR + elmG + elmB; } //]]> </script>

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

تابع القراءه »