Ads

اضافة اداة تدوينة الاسبوع او تدوينة مميزة بشكلها الاحترافى الجديد

MI LO 1:54:00 م Leave a Comment

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


شرح طريقة التركيب

1. اذهب الى التخطيط > اضافة اداة Html/Java script

2- اضف الكود التالى

<div class="ar1web_today_img">
<img alt=" ؟" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdfbfdTwBQbzPfWi91P8U2uNb6umUlmIim3T4ogy-NSYiLylAtzN1mPLQzaCixY64h17Sf8jycJ883WW9buWiAoKzvMQYErOTyAYZukQWOGDHG-8_f4RFQ3XGofmhWsCAXoIPw87u2CfRP/s1600/beIn+Sport.jpg" />
<a href="http://www.the-pro-info2.gq/p/blog-page_48.html"><i class="fa  fa-arrows-alt"></i></a>
<p> باقة قنوات Bein sport HD بعددة سيرفرات لتناسب جميع السرعات
</p>
</div>
<style>
.ar1web_today_img{position:relative;padding-top:5px}.ar1web_today_img img{width:100%;height:200px}.ar1web_today_img a{display:block;width:48px;height:48px;background:rgba(255,255,255,0.8);color:#e23a3e;font-size:20px;text-align:center;line-height:2.6;opacity:0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2);position:absolute;top:76px;left:126px;z-index:1001;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ar1web_today_img p{position: absolute;
    bottom: 5px;
    left: 0;
    background: rgba(27, 28, 29, 0.6);
    text-align: center;
    padding: 15px 52px;
    margin: 0;
    font-size: 15.1px;
    color: #FFF;}.ar1web_today_img:hover a{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.ar1web_today_img:hover a:hover{color:#333}.ar1web_posts{float:right;width:730px;background:#FFF;margin:24px 0;-webkit-box-shadow:0 0 5px #DDD;-moz-box-shadow:0 0 5px #DDD;box-shadow:0 0 5px #DDD}.ar1web_post{position:relative;padding:24px;border-bottom:1px solid #EEE}.ar1web_post_title h1{padding:0;margin:0;font-size:24px;font-weight:400}
</style>

<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=4427561196065602411&amp;widgetType=HTML&amp;widgetId=HTML24&amp;action=editWidget&amp;sectionId=-WEB3-NIGHT-%D8%B6%D8%B9+%D9%87%D9%86%D8%A7+%D8%A7%D8%AF%D9%88%D8%A7%D8%AA+%D8%A7%D9%84%D8%B3%D9%8A%D8%AF%D8%A8%D8%A7%D8%B1+%D8%A7%D9%84%D8%B0%D9%8A+%D9%81%D9%8A+%D8%A7%D9%84%D9%8A%D8%B3%D8%A7%D8%B1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML24&quot;));" target="configHTML24" title="تحرير">
<img alt="" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" />
</a>
</span>
</span>
<div class="clear"></div>


التعديلات

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

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

Blogger Templates | مهووس المعلوميات