اضافة سكربت قياس سرعة الانترنت لمدونات بلوجر
قياس سرعة الانترنت من الاشياء المستخدمة علي مدار الساعه من قبل مستخدمين الانترنت لمعرفه سرعه التحميل والرفع وسرعه الانترنت بشكل عام ففي حاله اضافة سكربت قياس سرعة الانترنت لمدونة بلوجر سوف يكون لديك زوار بشكل دائم باذن الله لمدونتك فمعظم مستخدمي الانترنت في العالم يبحثون عن اسهل وسيله لمعرفه سرعه الانترنت لديهم.
مميزات سكربت قياس سرعة الانترنت
- لايحتاج قاعدة بيانات حتي يعمل
- جميع الاكواد سليمة وغير مشفرة وامنه جدا
- سهل التحكم في الالوان وجميع الاكواد
- يعتمد علي اكثر من سيرفر لقياس سرعه الانترنت بشكل دقيق جدا
- لايحتاج للتعريب
- طريقة اضافة السكربت لموقعك سهل جدا
طريقة اضافة سكربت قياس سرعة الانترنت لموقعك
- الانتقال الي الصفحات
- انشاء صفحه جديدة
- تسمية الصفحة internet speed test
- الانتقال الي وضع html
- اضافة الاسكربت
- نشر الصفحة
الاكواد
<div dir="rtl" style="text-align: right;" trbidi="on">
internet speed test
by:مستر بلوجر | mr blogger
لاتقم بالتعديل علي الاكواد دون خبرة كافية حتي لايفقد الاسكربت قدرتة علي قياس سرعة الانترنت
اضف الاكواد التالية في صفحة بلوجر ثم نشر
<head>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"></link>
<link href="//fonts.googleapis.com/earlyaccess/droidarabicnaskh.css" rel="stylesheet" type="text/css"></link>
<link href="//fonts.googleapis.com/earlyaccess/droidarabickufi.css" rel="stylesheet" type="text/css"></link>
<link href="//fonts.googleapis.com/css?family=Play" rel="stylesheet" type="text/css"></link>
<link href="//fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"></link>
<link href="//fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet" type="text/css"></link>
<link href="//fonts.googleapis.com/css?family=Droid+Sans:bold" rel="stylesheet" type="text/css"></link>
<link href="//fonts.googleapis.com/css?family=Droid+Serif:bold" rel="stylesheet" type="text/css"></link>
<link href="//fonts.googleapis.com/css?family=Raleway:100" rel="stylesheet" type="text/css"></link>
<style id="page-skin-1" type="text/css"><!--
/*
-----------------------------------------------
----------------------------------------------- */
/* Variables Definitions
------------------------------ */
/*
<variable name="body.background" description="Body Background" type="background"
color="#f7f7f7" default="$(color) none repeat scroll top left"/>
<variable name="test" description="test" type="color" default="#000"/>
*/
/* Css Reset
------------------------------ */
body {background:#f7f7f7 none repeat scroll top left;color:#333;font:15px 'Open Sans';}
ul {margin:0;padding:0;}
li {display: list-item;text-align: -webkit-match-parent;}
* {list-style:none;text-decoration:none;margin:0;padding:0;outline:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*, :before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a {color:$(a.color);font-family:'Open sans';}
.clear {clear:both;}
.widget {margin: 0;}
.widget-item-control ,.blog-feeds ,.status-msg-body, .date-header, .post-feeds, .status-msg-border {display:none;}
.widget .widget-item-control a img {display:none;}
.widget li, .BlogArchive #ArchiveList ul.flat li {padding: 0;}
.post-footer-line>* {margin-left: 0;}
.content-outer, .header-outer, .tabs-outer, .main-outer, .main-inner, .footer-outer, .post, .comments, .widget, .date-header, .inline-ad {position: relative;min-height: 0;_position: static;_height: 1%;}
.content-outer, .header-outer, .tabs-outer, .main-outer, .main-inner, .footer-outer, .post, .comments, .widget, .date-header, .inline-ad {position: relative;min-height: 0;_position: static;_height: 1%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;color: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
/* Tarnsition
------------------------------ */
{transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;}
--></style>
<style id="template-skin-1" type="text/css"><!--
/* Layout
------------------------------ */
--></style>
<script src="//code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
</head><!--<head>
<link href='https://www.blogger.com/static/v1/widgets/4001482128-css_bundle_v2_rtl.css' rel='stylesheet' type='text/css'/>
</head>-->
<body class="index">
<div class="container">
<div class="header-top">
<div class="section" id="menu-top">
<div class="widget HTML" data-version="1" id="HTML1">
<div class="widget-content">
<div style="text-align: right;">
<div style="min-height: 360px;">
<div style="height: 0px; padding-bottom: 50%; position: relative; width: 100%;">
<iframe src="//openspeedtest.com/Get-widget.php" style="border: none; border: none; height: 100%; left: 0; min-height: 360px; overflow: hidden !important; position: absolute; top: 0; width: 100%;"></iframe></div>
</div>
Provided by <a href="https://mrbloggger1.blogspot.com//">مستر بلوجر | mr blogger</a></div>
</div>
<div class="clear">
</div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="https://www.blogger.com/rearrange?blogID=4185491103854093565&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=menu-top" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML1"));" rel="nofollow" target="configHTML1" title="تعديل">
<img alt="" height="18" src="https://resources.blogblog.com/img/icon18_wrench_allbkg.png" width="18" />
</a>
</span>
</span>
<div class="clear">
</div>
</div>
</div>
<div class="no-items section" id="social-media">
</div>
</div>
</div>
<script src="https://www.blogger.com/static/v1/widgets/3821408803-widgets.js" type="text/javascript"></script>
</body>
</div>