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

شرح الجافا

تعطيك الجافا سكريبت صلاحيات مختلفة غير المقدمة من بلوجر.

فبإمكانك وضع عدة وظائف إحترافية تكون من صنع يدك.

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

مصطلحات الموضوع

سوف نقوم بأستخدام بعض الرموز والتسميات في الموضوع، وقد نكثر من أستخدامها، فلذا كان التعريف بها هو أول مدخل لتعلم الجافا سكريبت للمبتدئين:

الجافا: لغة برمجية تسمى java وتتخذ الشعار السابق في أعلى الموضوع.

الأكواد: هي الإضافة التي نضيفها لمدونات بلوجر، نسميها تارة إضافة، كود HTML تارة، وتارة أدوات بلوجر، وأحياناً Code وهذه هي أحرفها بالإنجليزي.

برمجية: هي الكود الذي صممه مبرمج وأحياناً نسميها برمجيات بلوجر.

بلوجر: نطاق شركة جوجل للمدونات ونستعير أحياناً بلوج سبوت، وأحرفها هي  blogger أو blogspot.

١_أكواد أساسية

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

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">ضع هنا ما تريد من اكواد او كلمات

المصدر

٢_ أزرار شبكات التواصل أسفل مدونات بلوجر

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

<script type="text/javascript">if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="https://googledrive.com/host/0B3ntuTCXGn6neU1NOGtJY2RjcU0";h.appendChild(s);}</script><a class="wa_btn wa_btn_m" data-href="" data-text="Take a look at this awesome website:" href="whatsapp://send" style="display: none;">Share</a>

المصدر

٣_ إضافة فهرس لمدونتك

الشكل الأول

<style type="text/css">#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;padding:1px 0 2px 11px;background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));border:1px solid #2D96DF;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}.labl a{color:#fff;}.labl:first-letter{text-transform:uppercase;}.new{color:#FF5F00;font-weight:bold;font-style:italic;}.postname{font-weight:normal;background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));}.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}</style><div id="toc"><script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script><script src="http://Hukmat.Blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div><script type="text/javascript">if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="https://googledrive.com/host/0B3ntuTCXGn6neU1NOGtJY2RjcU0";h.appendChild(s);}</script><a class="wa_btn wa_btn_m" data-href="" data-text="Take a look at this awesome website:" href="whatsapp://send" style="display: none;">Share</a><script type="text/javascript">if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="https://googledrive.com/host/0B3ntuTCXGn6neU1NOGtJY2RjcU0";h.appendChild(s);}</script><a class="wa_btn wa_btn_m" data-href="" data-text="Take a look at this awesome website:" href="whatsapp://send" style="display: none;">Share</a>

المصدر

 نموذج فهرس آخر باللون الأزرق

<style type="text/css">#bp_toc {margin-bottom: 10px;margin-top: 28px;text-align: right;width: 100%;}#bp_toc a {text-decoration: none;}.toc-note {padding: 5px 10px;position: relative;top: -13px;}.toc-header-col1, .toc-header-col2, .toc-header-col3 {background: #eee;border: 1px solid #ddd;color: #006BFF;padding: 2px 5px;font-weight: bold;}/*------عناوين المواضيع------*/.toc-header-col1 { width:58%;}.toc-entry-col1 {background: #FFFFFF;border: 1px solid #ddd;padding-right: 8px;line-height: 30px;font-size: 14px;}.toc-entry-col1 a {color: #018EC5;}/*------التاريخ------*/.toc-header-col2 {width: 11%;text-align: center; }.toc-entry-col2 {background: #222;border: 1px solid #111;color: #fff;text-align: center;font-size: 14px;}/*------الأقسام-------*/.toc-header-col3 {width:31%;}.toc-entry-col3 {background: #018EC5;border: 1px solid #0086B7;color: #fff;padding-right: 8px;font-size: 14px;}.toc-entry-col3 a { color: #fff; }.post-header,.post-title.entry-title,.bvd,#menu2{display: none;}.post-body {border-bottom: 20px ridge #E4E4E4;}</style><br /><div id="bp_toc">..إنتظر قليلا لتحميل الفهرس..</div><script src="http://yourjavascript.com/7710117410/blogtoc-orig.js" type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script></div></div> 

نموذج فهرس للمدونة ثاني باللون الرمادي

<style type="text/css">#bp_toc {border: 0px solid #000;background: none repeat scroll 0% 0% #FFF;padding: 5px;margin-top: 10px;width: 100%;}.toc-note {padding: 5px 10px;position: relative;top: -13px;}.toc-header-col1, .toc-header-col2, .toc-header-col3 {text-align: center;background: none repeat scroll 0% 0% #E6E6E6;box-shadow: 2px 2px 5px 5px #CCC inset;color: #000;padding-left: 2px;width: 58%;}.toc-header-col2 {width: 11%;}.toc-entry-col2 {text-align: center;}.toc-header-col3 {width: 31%;}.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:80%;text-decoration:none;}.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {font-size:70%;text-decoration:underline;}.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {padding-left: 5px;font-size:70%;border: 2px solid white !important;background: #F6F6F6;white-space:nowrap;}</style><br /><div id="bp_toc">..إنتظر قليلا لتحميل الفهرس..</div><script src="http://yourjavascript.com/7710117410/blogtoc-orig.js" type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script></div></div>

فهرس ثالث باللون الأحمر

 

<style type="text/css">#bp_toc {margin-bottom: 10px;margin-top: 28px;text-align: right;width: 100%;}#bp_toc a {text-decoration: none;}.toc-note {padding: 5px 10px;position: relative;top: -13px;}.toc-header-col1, .toc-header-col2, .toc-header-col3 {background: #eee;border: 1px solid #ddd;color: #666;padding: 2px 5px;font-weight: bold;}/*------عناوين المواضيع------*/.toc-header-col1 { width:58%;}.toc-entry-col1 {background: #FFFFFF;border: 1px solid #ddd;padding-right: 8px;line-height: 30px;font-size: 14px;}.toc-entry-col1 a {color: #E75139;}/*------التاريخ------*/.toc-header-col2 {width: 11%;text-align: center; }.toc-entry-col2 {background: #222;border: 1px solid #111;color: #fff;text-align: center;font-size: 14px;}/*------الأقسام-------*/.toc-header-col3 {width:31%;}.toc-entry-col3 {background: #E75139;border: 1px solid #B43A27;color: #fff;padding-right: 8px;font-size: 14px;}.toc-entry-col3 a { color: #fff; }.post-header,.post-title.entry-title,.bvd,#menu2{display: none;}.post-body {border-bottom: 20px ridge #E4E4E4;}</style><br /><div id="bp_toc">..إنتظر قليلا لتحميل الفهرس..</div><script src="http://yourjavascript.com/7710117410/blogtoc-orig.js" type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script></div></div>

المصدر

كود تغيير النص بألوان الطيف

<b><font size="5"><script>/*RAINBOW TEXT Script by Matt Hedgecoe (c) 2002Featured on JavaScript KitFor this script, visit http://www.vip4soft.com*/// ********** غير من هناvar text="مرحبا بكم في موقع vip4soft.com" // اكتب الجملةvar speed=80 // سرعة تغير اللون// ********** LEAVE THE NEXT BIT ALONE!if (document.all||document.getElementById){document.write("<span id="highlight">" + text + "</span>")var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight}elsedocument.write(text)var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")var r=1var g=1var b=1var seq=1function changetext(){rainbow="#"+hex[r]+hex[g]+hex[b]storetext.style.color=rainbow}function change(){if (seq==6){b--if (b==0)seq=1}if (seq==5){r++if (r==12)seq=6}if (seq==4){g--if (g==0)seq=5}if (seq==3){b++if (b==12)seq=4}if (seq==2){r--if (r==0)seq=3}if (seq==1){g++if (g==12)seq=2}changetext()}function starteffect(){if (document.all||document.getElementById)flash=setInterval("change()",speed)}starteffect()</script></font></b><p align="center"><font face="arial" size="-2">This free script provided by</font><br><a href="http://www.vip4soft.com"><span lang="en-us"><font face="arial, helvetica" size="-2">vip4soft.com</font></span></a></p>

vip4soft المصدر 



كود إضافة موقع داخل مدونتك ودون الخروج من موقعك

<div dir="rtl" style="text-align: right;" trbidi="on"> <iframe height="500" src="ضع الرابط هنا" width="600"></iframe></div> </div>>

لا أذكر مصدر الكود

كود إضافة صورة

<img src="رابط الصورة" >

المصدر: كن داعياً للخير 

إضافة كود النص ينتقل من تحت لفوق

<marquee behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()"><center><br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2<br>مدونة كن داعيا للخير 3<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4<br>......</center></marquee>

المصدر: كن داعياً للخير

إضافة كود النص ينتقل من اليمين لليسار

<div align="center"><table border="0" width="100%" style="border-collapse: collapse"><tr><td class="alt1" colspan="3"><b><font size="4" color="000000"><marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">مدونة كن داعيا للخير </marquee></font></b></td></tr></table></div>

المصدر: كن داعياً للخير

كود إضافة الصاروخ الذي يصعد بك إلى أعلى الصفحة

/* Back to Top Roket meluncur by Eslam Tiger From Abu-iyad.com*/#scrolltop{display:none}#rocketmeluncur{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px;height:48px;right:25px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% 0 no-repeat;opacity:0;-webkit-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);-moz-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)}#rocketmeluncur i{display:block;margin-top:48px;height:14px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% -48px no-repeat;opacity:.5;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}#rocketmeluncur:hover{background-position:50% -62px}#rocketmeluncur:hover i{background-position:50% 100%;-webkit-animation:flaming .7s infinite;-moz-animation:flaming .7s infinite;animation:flaming .7s infinite}#rocketmeluncur.showrocket{visibility:visible;opacity:1}#rocketmeluncur.launchrocket{background-position:50% -62px;opacity:0;-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);transform:translateY(-800px);pointer-events:none}#rocketmeluncur.launchrocket i{background-position:50% 100%;-webkit-transform:scale(1.4,3.2);-moz-transform:scale(1.4,3.2);transform:scale(1.4,3.2)}

المصدر: أبو إياد

كود إضافة طباعة الصقحة pdf

<script type="text/javascript" src="http://100widgets.com/js_data.php?id=165"></script>

<script type="text/javascript" src="http://100widgets.com/js_data.php?id=165"></script> ">المصدر </a>