السلام عليكم ورحمة الله وبركاتة متابعي مدونة المحترف العماني وملاك مدونات بلوجر اليوم حبيت أقدم لكم إضافة جداً رائغة بإمكانكم من خلاللها إضافة 3 مراكز رفع أي عند رفعك لبرنامج على أكثر من مركز بدل إضافتك لروابط أضف هذه الإضافة وسوف تعطي شكل جمالي رائع للمقال وللمدونة بشكل عام الإضافة تعتمد على الـhtml وهي متوافقة تماماً مع جميع قوالب بلوجر كما أن تركيب الإضافة جداً سهل . ليكم الإضافة + طريق التركيب :-
في البداية علينا إضافة مكتبة أكواد js ويم ذالك من خلال إضافة الكود التالي تحت نهاية الهد في بلوجر : </head> إبحث عن الكود وإلصق الكود التلاي فوقة مباشرة :
(لتسهل البحث إضغط كنترول +F)
<script src='http://pro2om.nazuka.net/up-add/SpryAssets/SpryEffects.js' type='text/javascript'/>
والآ ننتقل إلى إضافة الإضافة للمقالات كل ما عليك التوجة ومن ثم الذها إلى HTML وتلصق الكود التالي في المكان الذي تريد الإضافة أن تظهر :
<html>
<head>
<title>Untitled-3</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
/* Button
----------------------------------------------- */
.button-group, .text-center, .center {
text-align: center;
margin:15px 0;
font-size:13px;
letter-spacing:0px;
}
newbutton, input[type="newbutton"], input[type="reset"], input[type="submit"], .newbutton, a.newbutton {
position: relative;
width: auto;
font-weight: normal;
line-height: normal;
color: #fff !important;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
background-color: #06C;
border-color: #06C;
box-shadow: 0 4px #5da13f;
border-radius:5px;
padding:8px 18px;
cursor: pointer;
margin-right:15px;
font-family: DroidKufi-Bold;
font-size: 12px;
}
.newbutton.download:hover, .newbutton.demo:hover, .newbutton.link:hover {
background:#069;
}
.newbutton.download:before {content:"\f019"}
.newbutton.demo:before {content:"\f06e"}
.newbutton.link:before {content:"\f074"}
.newbutton.link:before, .newbutton.demo:before, .newbutton.download:before{font-family:'FontAwesome';font-weight:normal;font-style:normal;vertical-align:middle;margin:0 8px 0 6px;font-size:16px;color:#529534;text-shadow:0 1px 0 rgba(255,255,255,.1)}
#Table_01 {
text-align: right;
color: #0F9;
}
.button-group #Table_01 tr td #Table_ tr td {
font-size: 24px;
font-family: "Comic Sans MS", cursive;
color: #0C3;
}
</style>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_effectShake(targetElement)
{
Spry.Effect.DoShake(targetElement);
}
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="button-group">
<!-- Save for Web Slices (Untitled-3) -->
<table id="Table_01" width="601" height="130" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="2"><table id="Table_" width="601" height="130" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="4"><img src="http://pro2om.nazuka.net/up-add/images/java_01.gif" width="24" height="130" alt=""></td>
<td rowspan="3"><a href="رابط الملف على فور شير" target="_blank" onMouseMove="MM_effectShake('Image1')"><img src="http://pro2om.nazuka.net/up-add/images/java_02.gif" alt="" name="Image1" width="116" height="120" id="Image1"></a></td>
<td colspan="5" align="right">-:إختر موقع الرفع المفضل لديك </td>
<td><img src="images/spacer.gif" width="1" height="37" alt=""></td>
</tr>
<tr>
<td rowspan="3"><img src="http://pro2om.nazuka.net/up-add/images/java_04.gif" width="40" height="93" alt=""></td>
<td><a href="رابط الملف على مركز رفع اللخيج" target="_blank" onMouseMove="MM_effectShake('Image2')"><img src="http://pro2om.nazuka.net/up-add/images/java_05.gif" alt="" name="Image2" width="176" height="63" id="Image2"></a></td>
<td rowspan="3"><img src="images/java_06.gif" width="3" height="93" alt=""></td>
<td><a href="رابط الملف على الزب شير" onMouseMove="MM_effectShake('Image3')"><img src="http://pro2om.nazuka.net/up-add/images/java_07.jpg" alt="" width="184" height="63" id="Image3" border="0"></a></td>
<td rowspan="3"><img src="http://pro2om.nazuka.net/up-add/images/java_08.gif" width="37" height="93" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="63" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="http://pro2om.nazuka.net/up-add/images/java_09.gif" width="196" height="30" alt=""></td>
<td rowspan="2"><img src="http://pro2om.nazuka.net/up-add/images/java_10.gif" width="184" height="30" alt=""></td>
<td><img src="http://pro2om.nazuka.net/up-add/images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td><img src="http://pro2om.nazuka.net/up-add/images/java_11.gif" width="116" height="10" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
</table></td>
</tr>
</table>
<!-- by professional omani -->
</body>
</html>
إستبدل الكلمات باللون الأحمر بروابط الملفات على مراكز الرفع المختلفة
ليست هناك تعليقات:
Write التعليقات