Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

اضافة تساقط القلوب بقالب مدونتك Add Falling Hearts

كينج نت ملك النت | 2/27/2015 | | ليست هناك تعليقات
فى احدى التدوينات السابقة تم اضافة الألعاب النارية متعددة الالوان الى مدونة بلوجر Add Fireworks وكانت الاضافة لا بأس بها فاليوم سأضع لكم اضافة جديدة رأيتها بأحدى المدونات الاجنبية فأحببت ان انقلها لكم لمن يريد ان يضعها بقالب مدونتة .
 فى الحقيقة هذه الأضافات لا افضلها لأن من الممكن الزوار ينزعجون من هذه الاضافات ولكن من الواجب على مدونة كينج نت الدعم الفنى لمدونات بلوجر ان يضع لكم اى اضافة خاصة بمنتج بلوجر الاكثر من رائع .
فهذه الاضافات تصلح للمدونات النسائية او المدونات الخاصة بالشعر والفن وغيرها من المدونات الذى لا تستخدم اى محتوى يوجد بة دروس بلوجر وشروحات وغيرها .


كيفية تركيب الاضافة :

 ذهب لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/JAVA SCRIPT









ضع بداخلة هذا الكود :
<script type='text/javascript'>//<![CDATA[
function iecompattest(){return document.compatMode&&document.compatMode!="BackCompat"?document.documentElement:document.body}function snowIE_NS6(){doc_width=ns6up?window.innerWidth-10:iecompattest().clientWidth-10;doc_height=window.innerHeight&&snowdistance=="windowheight"?window.innerHeight:ie4up&&snowdistance=="windowheight"?iecompattest().clientHeight:ie4up&&!window.opera&&snowdistance=="pageheight"?iecompattest().scrollHeight:iecompattest().offsetHeight;for(i=0;i<no;++i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=.02+Math.random()/10;sty[i]=.7+Math.random()}dx[i]+=stx[i];document.getElementById("dot"+i).style.top=yp[i]+"px";document.getElementById("dot"+i).style.left=xp[i]+am[i]*Math.sin(dx[i])+"px"}snowtimer=setTimeout("snowIE_NS6()",10)}function hidesnow(){if(window.snowtimer)clearTimeout(snowtimer);for(i=0;i<no;i++)document.getElementById("dot"+i).style.visibility="hidden"}var snowsrc="https://lh5.googleusercontent.com/-UAIStMfG22Y/VPC0JLFAFzI/AAAAAAAADTs/DisFO7l0E10/h120/Valentines%2BDay.png";var no=15;var hidesnowtime=0;var snowdistance="pageheight";var ie4up=document.all?1:0;var ns6up=document.getElementById&&!document.all?1:0;var dx,xp,yp;var am,stx,sty;var i,doc_width=800,doc_height=600;if(ns6up){doc_width=self.innerWidth;doc_height=self.innerHeight}else if(ie4up){doc_width=iecompattest().clientWidth;doc_height=iecompattest().clientHeight}dx=new Array;xp=new Array;yp=new Array;am=new Array;stx=new Array;sty=new Array;snowsrc=snowsrc.indexOf("hackinguniversity.in")!=-1?"https://lh5.googleusercontent.com/-UAIStMfG22Y/VPC0JLFAFzI/AAAAAAAADTs/DisFO7l0E10/h120/Valentines%2BDay.png":snowsrc;for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=.02+Math.random()/10;sty[i]=.7+Math.random();if(ie4up||ns6up){if(i==0){document.write('<div id="dot'+i+'" style="POSITION: absolute;Z-INDEX: '+i+';VISIBILITY: visible;TOP: 15px;LEFT: 15px;"><a href="http://hackinguniversity.in"><img src=\''+snowsrc+'\' border="0"></a></div>')}else{document.write('<div id="dot'+i+'" style="POSITION: absolute;Z-INDEX: '+i+";VISIBILITY: visible;TOP: 15px;LEFT: 15px;\"><img src='"+snowsrc+'\' border="0"></div>')}}}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout("hidesnow()",hidesnowtime*1e3)}//]]></script>

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

كيفية اضافة تأثيرات الظل على صور مشاركات المدونة post-body-img-hover

كينج نت ملك النت | 2/20/2015 | ليست هناك تعليقات
اضافتنا اليوم عبارة عن كيفية اضافة الظل على صور المشاركات اضافة اكثر من رائعة هذا التأثير يحدث عند وضع مؤشر الماوس على الصورة . هذه الاضافة ليس بها اى فائدة فهى مجرد لتزيين المدونة بالأخص بمن يبحثون عن طرق تجميل المدونة ففى احدى الأضافات السابقة وبالاخص دروس بلوجر تم وضع اضافة طريقة لجعل صور المدونة دائرية عند وضع مؤشر الماوس عليها فكانت اكثر من رائعة وايضا يوجد درس اخر من قسم اضافات بلوجر وهو : كيفية اضافة تأثيرات تحريك جميع صور المدونة بشكل مائل اكثر من رائع . اتمنى ان اضافة اليوم تعجب الجميع الأن نأتى الى المفيد بطريقة التركيب .


صورة توضح شكل الاضافة :









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

كيفية تركيب الاضافة :

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















ابحث عن هذا الكود :
]]></B:SKIN>
الأن اضف فوقة مباشرة هذا الكود :
.post-body img:hover{
box-shadow:0 0 10px 4px #FF0000;}
بالأخير اضغط على حفظ واتجهة الى الصفحة الرئيسية وشاهد النتيجة من خلال صور مشاركاتك .

ملحوظة هامة  :

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

انشر مشاركات مدونتك بموقع socialbookmarkssite.com وجلب الاف الزوار لموقعك

كينج نت ملك النت | 2/13/2015 | | | 4 عدد التعليقات
جلب الزوار لمدونتك من اسهل الطرق وتوجد طرق عديدة لجلب الاف الزوار لمدونتك بكل سهولة وبدون تعب مثل مواقع تبادل الزيارات وغيرها من الطرق الذى تؤدى بالسلب على مدونتك وليست بالايجاب كما يعتقد البعض تحدثنا باحدى مقالات عن خطورة مواقع تبادل الزيارات من اجل زيادة عدد الزوار Exchange of visits sites فأجد الكثير يستخدمون هذه الطرق وهم لا يعلمون بأن الزيارة القصيرة تسبب لك بعض المشاكل وهذا فى قانون محرك بحث جوجل اسمة معدل الارتداد وتحدثنا عن هذا الامر بعنوان ماذا تعنى كلمة معدل الارتداد Bounce Rate المتواجدة بالأحصائيات واهميتها .
فهذه كانت من بعض نصائح اقدمها لكم لأننى عيشت هذه الحظات واكتشفت بأن طرق الزيارات غير مفيدة على الاطلاق وعن تجربة ولا تسمع الى كلام الاخريين .
فمن خلال هذه الدروس يجب ان تعلم بأن جلب الزوار يجب ان تكون هذه الزوار بالفعل يتواجدون بمدونتك لمدة اطول حتى يثق بك محركات البحث واهمها والمحبب للجميع محرك بحث جوجل . اليوم سأضع لكم طريقة مشروعة ولا توجد بها اى مشاكل والجميع يستخدمون هذه الطريقة وهى نشر مواضيع مدونتك امام الجميع وبجميع دول العالم ولقد اخترت لكم هذه الموقع الأكثر من رائع socialbookmarkssite.com من احدى خدمات المواقع الذى يقوم بنشر مواضيعك عن طريقك لنشرها امام الملايين كالعرب والدول الاخرى لكى يتعرف الجميع على موقعك فمن الممكن ان ينجذب اليك الكثير الى موقعك ويجد ما يبحث عنة فالطريقة ليست جديدة ولكن اجد بعض الاشخاص يعانون من مشكلة قلة الاشهار والارشيف فهذه الطريقة ستساعد بمن يعانون من هذه المشكلة وايضا ستفيد الكثير واهمها كسب باك لينك خارجى وهذا هو المفيد .

معلومات عن الموقع :

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

شرح التسجيل بالموقع :

بالبداية اذهب الى رابط التسجيل من خلال هذا الرابط signup كما تلاحظون بالصورة التالية :









الان تابع معى طريقة التسجيل وهى لا تحتاج الى اى شرح ولكن تابع :

















1- ضع الاسم وهو الذى سيكون اسم الدخول
2- ضع اميلك البريد الاليكترونى ويجب ان يكون مفعل لاستقبال الرسالة
3- اعد كتابة نفس اميلك بريدك الاليكترونى
4- انقل كود التحقيق
5- الضغط على زر Signup
بعد اتباع هذه الخطوات ستظهر لك رسالة تفيد بالذهاب الى بريدك الاليكترونى لاخذ الباسورد الخاص بك :







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

كيفية نشر المشاركات بالموقع 

اولا عليك بتسجيل الدخول كما تلاحظون بالصورة وضع اسم الدخول والباسورد :
















الان ماذا نفعل ؟
من اعلى الموقع وبالقائمة العلوية اختار Save Bookmark كما تشاهدون بالصورة التالية :






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



















1- رابط الموضوع المشاركة 
2- عنوان الموضوع المشاركة 
3- تصنيف الموضوع القسم 
4- محتوى بسيط عن الموضوع 
5- انقل كود التحقيق 
6- اضغط على زر Add Bookmark 
بالاخير ستجد رسالة تفيد بنجاح الاضافة





كما تلاحظون شكل نجاح الاضافة وهى على النحو التالى : Your bookmark was successfully added.
وكما تلاحظون بعد تطبيق الطريقة قمت بوضع مشاركة ما من موقعكى الخاص كما تشاهدون الشكل النهائى :








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

تحميل فيديوهات فيس بوك ويوتيوب Download Videos Facebook and YouTube

كينج نت ملك النت | 2/12/2015 | | ليست هناك تعليقات
تعلمنا بالدرس السابق طريقة تشغيل فيديوهات يوتيوب عبر برنامج VLC الرائع PLAY YOUTUBE VIDEOS IN VLC وايضا تعلمنا طريقة مبسطة لكيفية تحميل فيديوهات اليوتيوب بجميع الصيغ وبدون برامج download video from youtube واعتقد الطريقة مميزة غير الطرق السابقة . فاليوم سنتعرف على طريقة اخرى وهى ليست لفيديوهات اليوتيوب فقط ولكن الطريقة تصلح ايضا لفيديوهات الفيس بوك الغير قابلة للتحميل . الطريقة قمت بتجربتها على موقع downvids الشهير الذى يقوم بصنع رابط تحميل مباشر لأحدى فيديوهات اليوتيوب والفيس بوك .


كيفية تحميل الفيديو من الفيس بوك :

عندما تجد فيديو بالفيس بوك وتريد تحميلة افعل كما انا فعلت على سبيل المثال :














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





قم بنسخ هذا الرابط عنوان الصفحة والان اذهب الى هذا الموقع : downvids.net
الان بعد الدخول الى الموقع افعل كما تلاحظون بالصورة التالية :







1- لصق الرابط الذى تم نسخة
2- تحميل الرابط
3- اختيار جودة الصورة يوجد خاصية HD
4 - اذا قمت تريد تحميل الفيديو بخاصية MP3

الان انا قمت اختيار جودة FULL HD
وبعد الضغط على زر Download
تم ظهوررابط التحميل كما تلاحظون بالصورة التالية :








كما تلاحظون بالصورة السابقة ظهور رابط التحميل Download this Video Right Click and SAVE AS
بمعنى الضغط كليل يمين واختار حفظ .
اعتقد الطريقة جميلة والاجمل ظهور الرابط بشكل سريع والتحميل مباشر ويدعم الاستكمال .
اذا واجهت اى مشكلة اثناء استكمال التحميل عليك بمتابعة هذا الدرس : حل مشكلة استكمال التحميل من برنامج DOWNLOAD MANAGER .

ملحوظة هامة  :

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

اضافة الأشتراك عبر البريد الالكترونى مع ازرر المشاركات الأجتماعية email subscribe box

كينج نت ملك النت | 2/07/2015 | ليست هناك تعليقات
اليوم اتيت لكم بأضافة جديدة اتمنى انها تعجب الجميع وهى خاصية اضافة الاشتراك عبر البريد الالكترونى مع ازرر المشاركات الاجتماعية الشهيرة اهمها الفيس بوك وموقع تويتر وخدمة RSS والموقع الشهير pinterest هذه الاضافة رايتها بأحدى المدونات الاجنبية وقمت بالتعديل عليها لكى تتناسب مع المدونات العربية . الان جاء دور طريقة تركيب هذه الاضافة بالمدونة .




صورة لشكل الاضافة :













كما تلاحظون شكل الاضافة اعتقد بأنها اكثر من رائعة .

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

اذهب لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/JAVA SCRIPT









الان قم باضافة هذا الكود :
<style>
.btrixsocial_box-email{
background:Fff no-repeat 0px 12px ; width:270px;float:center;font-size:1.4em;font-weight:bold;margin:2px 20px 0px 10px;color:#686B6C;
}
.btrixsocial_box-emailsubmit{
background:#0084CE;cursor:pointer;  color:#fff; border:none;padding:3px;margin:0 0 0px 0;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:12px sans-serif;
}
.btrixsocial_box-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px; margin:0px 2px 0px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;   width:200px; height:20px;color:#666;}
#socialboxbt
{
text-align:center;font-weight:bold;padding:5px;border:1px solid black;width:300px;
-moz-box-shadow: 0px 0px 8px #000000;-webkit-box-shadow: 0px 0px 8px #000000;box-shadow: 0px 0px 8px #000000;}
</style>
<br />
<div id="socialboxbt">
<a href="http://feeds.feedburner.com/kingnt/oESk" imageanchor="1" rel="nofollow" style="float: center; margin-left: .5em; margin-right: 1em;" target="blank"><img border="0" src="https://lh5.googleusercontent.com/-p2kGnX_gVfI/VNVEiedCaHI/AAAAAAAADP0/WjEtTNjevXQ/s1600/rss.gif.jpg" /></a>
اضف عنوان البريد الإلكتروني الخاص بك للحصول على اخر المقالات وجديد المدونة
<br />
<div class="btrixsocial_box-email">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=kingnt/oESk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="textarea" gtbfieldid="3" name="email" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if undefinedthis.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" type="text" value="أدخل عنوان بريدك هنا..." />
<input name="uri" type="hidden" value="kingnt/oESk" /><input name="loc" type="hidden" value="en_US" />
<input class="btrixsocial_box-emailsubmit" type="submit" value="إرسال" />
</form>
</div>
<style class="text/css">
table
{border-bottom: 0px solid #E6E6E6;float: center;width: 300px;margin:-8px 0 0 0px;}
.subicons
{border-right: 0px solid #E6E6E6;}
.Fadeout {filter:alphaundefinedopacity=100);opacity: 1.0;border:0;
}
.Fadeout:hover{filter:alphaundefinedopacity=80);opacity: 0.8;border:0;
}
</style>
<br /><div class="table"><table>
<tbody><tr>
<td><div class="subicons">
<a class="Fadeout" href="https://www.facebook.com/blog.kingnt" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-Q8hDSuiQ4oY/UfP3MWGR4KI/AAAAAAAAAxc/uVUQS9B4gOA/s1600/btrix-facebook-icon.png" /></a></div>
</td><td><div class="subicons">
<a class="Fadeout" href="https://twitter.com/kingntblog" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-EzgBX_HRueU/UfP3N9XacmI/AAAAAAAAAx0/VdVrFJVGGms/s1600/btrix-twitter-icon.png" /></a></div>
</td>
<td><div class="subicons">
<a class="Fadeout" href="http://www.kingnt.com/feeds/posts/default" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-is8jlQvTrQ8/UfP3Mir4_ZI/AAAAAAAAAxg/Wm3hYEiddAo/s1600/btrix-rss-icon.png" /></a></div>
</td>
<td><a class="Fadeout" href="https://pinterest.com/ekramya7zan" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-FlACrdB0NMc/UfP3Mz_pZlI/AAAAAAAAAxs/gVGD99Bi-xs/s1600/btrix-Pinterest-icon.png" /></a></td>
</tr></tbody></table></div></div>
قبل حفظ التغيرات قم بوضع هذه التغييرات :
  • الكود المحدد باللون الاحمر ضع حسابك الشخصى فى Feedburner
  • الكود المحدد باللون الاصفر ضع رابط صفحتك بالفيس بوك
  • الكود المحدد باللون الاخضر ضع لاابط صفحتك باتويتر
  • الكود المحدد باللون السماوى ضع رابط تغذية مدونتك
  • الكود المحدد باللون الاورنج ضع حساب صفحتك بموقع pinterest
الان قم بالضغط على زر الحفظ واذهب الى رئيسية المدونة لتشاهد الاضافة .
اتمنى بأن هذه الاضافة اعجبتكم وانتظرونى باضافة جديدة قريبا .
مصدر هذه الاضافة من موقع : bloggertrix.com

اضافة ازرر المشاركات الاجتماعية بشكل ستايل خشبى Social Media

كينج نت ملك النت | 2/05/2015 | ليست هناك تعليقات
فى احدى المواقع الاجنبية المخصصة بالتصميم لفت انتباهى ازرر المشاركات الاجتماعية بشكل خشبى اكثر من رائع فأحببت ان اضعها لكم لمن يريدها . الازرر مكونة من اربع ازرر الفيس بوك وتويتر وجوجل بلس وخدمة RSS الخاصة بالمدونة ان شاء الله تعجبكم ويكون اختيار موفق .
لاتنسى باحدى الدروس السابقة بقسم دروس بلوجر تم اضافة ازرر المشاركات الاجتماعية بشكل دائرى متحركة من خلال هذا الرابط :  اضافة ايقونات المشاركات الأجتماعية متحركة بشكل دائرى جذاب وايضا تم اضافة ازرر المشاركات الاجتماعية بشكل بسيط وخفيف من خلال هذا الرابط : اضافة مواقع المشاركات الأجتماعية بشكل منسق لأشهار المدونة على المواقع الأجتماعية الأن نذهب الى كيفية اضافة اليوم وهى ازرر اجتماعية بشكل خشبى .

صورة لشكل الاضافة :






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

كيفية تركيب الاضافة :

اذهب لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/JAVA SCRIPT









اضف بداخلة مباشرة هذا الكود :
<style>
/* Social Icons
----------------------------------------------- */
a.social-icons {
 margin-right: 5px; /*Adjust This Value As Needed*/
height:45px;
width:45px;
}
a.social-icons:hover {
 opacity: .7;
 filter:alpha(opacity=70); /* For IE8 and earlier */
}   height:45px;
width:45px;
</style>
<a class="social-icons" href="https://facebook.com/blog.kingnt"><img src="https://lh3.googleusercontent.com/-gBbS8-D4d0I/VNPePpWFnEI/AAAAAAAADPA/SHb8mCzHtjw/s1600/btrix_facebook-icon.png" /></a>
<a class="social-icons" href="https://twitter.com/kingntblog"><img src="https://lh4.googleusercontent.com/-1WGZd-kkBRg/VNPeP5Lx7-I/AAAAAAAADPI/qqULuEcx45A/s1600/btrix_twitter-icon.png" /></a>
<a class="social-icons" href="https://plus.google.com/101218667290115588531/posts"><img src="https://lh3.googleusercontent.com/-RyO-U1qyDAA/VNPeRGRLB5I/AAAAAAAADPY/WEAJkrf0gU8/s1600/woodengoogle.png" /></a>
<a class="social-icons" href="http://www.kingnt.com/feeds/posts/default"><img src="https://lh6.googleusercontent.com/-zPXbnKI6SE0/VNPeP0BndnI/AAAAAAAADPE/GVpyc6vfhZM/s1600/btrix_rss-icon.png" /></a>

بالاخير اضغط على حفظ وانتهى التركيب .

ملحوظة هامة :

  • الرابط المحدد باللون الاحمر اضف رابط صفحتك بالفيس بوك
  • الرابط المحدد باللون الاصفر اضف رابط صفحتك بتويتر
  • الرابط المحدد باللون الاخضر اضف رابط صفحة جوجل بلس
  • الرابط المحدد باللون السماوى اضف رابط تغذية مدونتك 
ارجو بان هذه الاضافة اعجبتكم وانتظرونى باضافة اخرى جديدة 

اضافة الألعاب النارية متعددة الالوان الى مدونة بلوجر Add Fireworks

كينج نت ملك النت | 2/02/2015 | | 3 عدد التعليقات
فى احدى التدوينات السابقة تم اضافة خاصية تموج صفحات المدونة بشكل دائرى رائع من خلال هذه التدوينة : اضافة تموج صفحة المدونة بشكل دائرى اثناء التصفح - ترنح المدونة - Roll Blogger . وايضا من اهم اضافات بلوجر كود مميز لعشاق الجمال وتزيين المدونة من خلال موضوع :  اضافة تغير لون روابط المدونة الى الوان قوس قزح عند مرور مؤشر الماوس . اليوم اقدم لكم اضافة اتمنى ان تعجبكم وهى العاب نارية متعددة الالوان بمتصفحات مدونتك ورغم انى لا افضل هذه الاضافات ولكن من الواجب على مدونة كينج نت الخاصة بالدعم الفنى لمدونات بلوجر بأضافة كل ما يخص بلوجر .



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

 اذهب لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/JAVA SCRIPT









ضع بداخلة هذا الكود :
<script type="text/javascript">
// <![CDATA[
var bits=80; // how many bits
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array("#f0c", "#000", "#6600", "#f93", "#93f", "#0cf", "#03f", "#f03", "#0e0");


// blue red green purple cyan orange pink
var bangheight=new Array();
var intensity=new Array();
var colour=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var swide=800;
var shigh=600;
var boddie;
if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}

addRVLoadEvent(light_blue_touchpaper);

function light_blue_touchpaper() { if (document.getElementById) {
var i;
boddie=document.createElement("div");
boddie.style.position="fixed";
boddie.style.top="0px";
boddie.style.left="0px";
boddie.style.overflow="visible";
boddie.style.width="1px";
boddie.style.height="1px";
boddie.style.backgroundColor="transparent";
document.body.appendChild(boddie);
set_width();
for (i=0; i<bangs; i++) {
write_fire(i);
launch(i);
setInterval('stepthrough('+i+')', speed);
}
}}
function write_fire(N) {
var i, rlef, rdow;
stars[N+'r']=createDiv('|', 12);
boddie.appendChild(stars[N+'r']);
for (i=bits*N; i<bits+bits*N; i++) {
stars[i]=createDiv('*', 13);
boddie.appendChild(stars[i]);
}
}
function createDiv(char, size) {
var div=document.createElement("div");
div.style.font=size+"px monospace";
div.style.position="absolute";
div.style.backgroundColor="transparent";
div.appendChild(document.createTextNode(char));
return (div);
}
function launch(N) {
colour[N]=Math.floor(Math.random()*colours.length);
Xpos[N+"r"]=swide*0.5;
Ypos[N+"r"]=shigh-5;
bangheight[N]=Math.round((0.5+Math.random())*shigh*0.4);
dX[N+"r"]=(Math.random()-0.5)*swide/bangheight[N];
if (dX[N+"r"]>1.25) stars[N+"r"].firstChild.nodeValue="/";
else if (dX[N+"r"]<-1.25) stars[N+"r"].firstChild.nodeValue="\\";
else stars[N+"r"].firstChild.nodeValue="|";
stars[N+"r"].style.color=colours[colour[N]];
}
function bang(N) {
var i, Z, A=0;
for (i=bits*N; i<bits+bits*N; i++) {
Z=stars[i].style;
Z.left=Xpos[i]+"px";
Z.top=Ypos[i]+"px";
if (decay[i]) decay[i]--;
else A++;
if (decay[i]==15) Z.fontSize="7px";
else if (decay[i]==7) Z.fontSize="2px";
else if (decay[i]==1) Z.visibility="hidden";
if (decay[i]>1 && Math.random()<.1) {
Z.visibility="hidden";
setTimeout('stars['+i+'].style.visibility="visible"', speed-1);
}
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity[N]);
}
if (A!=bits) setTimeout("bang("+N+")", speed);
}
function stepthrough(N) {
var i, M, Z;
var oldx=Xpos[N+"r"];
var oldy=Ypos[N+"r"];
Xpos[N+"r"]+=dX[N+"r"];
Ypos[N+"r"]-=4;
if (Ypos[N+"r"]<bangheight[N]) {
M=Math.floor(Math.random()*3*colours.length);
intensity[N]=5+Math.random()*4;
for (i=N*bits; i<bits+bits*N; i++) {
Xpos[i]=Xpos[N+"r"];
Ypos[i]=Ypos[N+"r"];
dY[i]=(Math.random()-0.5)*intensity[N];
dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
decay[i]=16+Math.floor(Math.random()*16);
Z=stars[i];
if (M<colours.length) Z.style.color=colours[i%2?colour[N]:M];
else if (M<2*colours.length) Z.style.color=colours[colour[N]];
else Z.style.color=colours[i%colours.length];
Z.style.fontSize="13px";
Z.style.visibility="visible";
}
bang(N);
launch(N);
}
stars[N+"r"].style.left=oldx+"px";
stars[N+"r"].style.top=oldy+"px";
}
window.onresize=set_width;
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min;
shigh=sh_min;
}
// ]]>
</script>
بالأخير اضغط على حفظ
الأن اذهب الى المدونة لتشاهد النتيجة .

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

الأرشيف