اضافه زر 3D فى بلوجر لى التحميل والمعاينه

السلام عليكم

الان اضف فى مدونتك زر لى التحميل والمعاينه لو اى شيئ فى مدونتك الزرار3Dالزر اكثر من رائع انهو بى تقنيه عاليه الدقك اسرع ىل الاضافه فى مدونتك

الاضافه اكثر من رائعه 
لى الاضافه فى مدونتك تابع 

كوم بى الدخول الى مدونتك من هنا


قالب-->تحرير HTML
وابحث عن الوسم ]]></b:skin>

اضف الكود قبله تماما

body {
font-family: Impact;
}
.button {
height: 80px;
width: 180px;
cursor: pointer;
margin: 50px auto;
}
.button .outer {
position: relative;
width: 100%;
height: 100%;
padding: 10px;
background: rgba(0,0,0,0.65);
border-radius: 14px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
box-shadow: inset rgba(0,0,0,0.85) 0px 1px 5px;
-webkit-box-shadow: inset rgba(0,0,0,0.85) 0px 1px 5px;
-moz-box-shadow: inset rgba(0,0,0,0.85) 0px 1px 5px;
-webkit-transform: perspective(500px) rotateX(35deg);
-moz-transform: perspective(500px) rotateX(35deg);
}
.button .outer .height {
position: relative;
height: 100%;
margin-top: -15px;
padding-bottom: 15px;
background: #39a02d;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
box-shadow: rgba(0,0,0,0.85) 0px 1px 1px, inset rgba(0,0,0,0.35) 0px -2px 8px;
-webkit-box-shadow: rgba(0,0,0,0.85) 0px 1px 1px, inset rgba(0,0,0,0.35) 0px -2px 8px;
-moz-box-shadow: rgba(0,0,0,0.85) 0px 1px 1px, inset rgba(0,0,0,0.35) 0px -2px 8px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
}    
.button:hover .outer .height {
margin-top: -10px;
padding-bottom: 10px;
background: #3aaf2d;
box-shadow: rgba(0,0,0,0.25) 0px 1px 1px, inset rgba(0,0,0,0.35) 0px -2px 6px;
-webkit-box-shadow: rgba(0,0,0,0.25) 0px 1px 1px, inset rgba(0,0,0,0.35) 0px -2px 6px;
-moz-box-shadow: rgba( 0,0,0,0.25) 0px 1px 1px, inset rgba(0,0,0,0.35) 0px -2px 6px;
}
.button:active .outer .height {
margin-top: 0px;
padding-bottom: 0px;
}
.button .outer .height .inner {
line-height: 2.8em;
font-size: 30px;
letter-spacing: .05em;
position: relative;
height: 100%;
text-align: center;
text-shadow: #8aff7b 0px 0px 1px;
background: #44d135;
background: -moz-linear-gradient(top, #80ec75 0%, #43d034 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80ec75), color-stop(100%,#43d034)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #80ec75 0%,#43d034 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, #80ec75 0%,#43d034 100%); /* W3C */
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
box-shadow: inset rgba(255,255,255,0.85) 0px 0px 1px;
-webkit-box-shadow: inset rgba(255,255,255,0.85) 0px 0px 1px;
-moz-box-shadow: inset rgba(255,255,255,0.85) 0px 0px 1px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
}
.button:hover .outer .height .inner{
text-shadow: #99f48d 0px 0px 1px;
background: #43d034; /* Old browsers */
background: -moz-linear-gradient(top, #43d034 0%, #67e45c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43d034), color-stop(100%,#67e45c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #43d034 0%,#67e45c 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, #43d034 0%,#67e45c 100%); /* W3C */
}
.button:active .outer .height .inner{
text-shadow: #319926 0px 1px 0px;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
box-shadow: inset rgba(0,0,0,0.9) 0px 0px 8px;
-webkit-box-shadow: inset rgba(0,0,0,0.9) 0px 0px 8px;
-moz-box-shadow: inset rgba(0,0,0,0.9) 0px 0px 8px;
background: #1d7d12; /* Old browsers */
background: -moz-linear-gradient(top, #1d7d12 0%, #4fd342 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d7d12), color-stop(100%,#4fd342)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1d7d12 0%,#4fd342 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, #1d7d12 0%,#4fd342 100%); /* W3C */
}

والان عند كتابه موضوع حول الموضوع الى HTML

اضف الكود التالى  فى المكان المناسب 

<div class="button"><div class="outer"><div class="height"><div class="inner">DOWNLOAD</div></div></div></div>

وغير DOWNLOAD بى اى كلمه اخرى مثل .معاينه.تحميل.شاهد ايضا.الخ

لى اضافه الرابط بعد اضافه الكود فى المكان المناسب علم على الكلمه الزى اضفتها واضغط على الارتباط

   واضف الرابط 

والى اللقاء

قالب مدهش ويب v4 مجانا للتحميل

اهلا وسهلا بكم متابعين مدونة مدهش ويب اليوم سوف اقدم لكم قالب روعة وهو قالب مدونتي السابق ولكثرة الطلبات لهذا القالب قررت عرضة للتحميل مجانا لن اطيل عليكم ^_^_^

صورة القالب كاملة

معاينة

التحميل 

1. اشترك في المدونة
2. اكتب تعليق فية ايميلك
3. سيتم ارسالة في اسرع وقت 

حصريا اضافة اداة تابعنا بشكلها الجديد v4

اهلا وسهلا بكم متباعين مدونة مدهش ويب اليوم سوف اقدم لكم اضافة جيده جدا وهي تضم جميع المواقع التواصل او الاجتماعية ولن اطل عليكم ^_^_^

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

1. ادخل لوحة تحكم بلوجر من هنا 
2. اذهب الى التخطيط 
3.  ثم اضافة اداة html/javascript
4. وضع فيها الكود التالي

<div class="metro-social"><li><a class="fb" href="https://www.facebook.com/omarnassersaber"></a></li><li><a class="tw" href="http://twitter.com/"></a></li><li><a class="gp" href="https://plus.google.com/u/0/me?tab=jX"></a></li><li><a class="pi" href="http://pinterest.com/"></a></li><li><a class="in" href="https://www.linkedin.com/"></a></li><li><a class="yt" href="https://www.youtube.com/channel/UCw3ovCEk90HlokxXBXaeldA"></a></li><li><a class="fd" href="http://feedburner.google.com/"></a></li></div><style>/*Metro UI Social Profile Widget v3.0 by Tech Prevue LabsWeb link to gadget code: http://www.techprevue.com/2013/02/social-profile-widget-metro-style.htmlDistributed under license CC BY-NC-ND 3.0 INTPlease keep license information intact while using this widget*/.metro-social{width:285px}.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:69px;height:70px}.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}</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=4668179162399978723&amp;widgetType=HTML&amp;widgetId=HTML1&amp;action=editWidget&amp;sectionId=footer-2-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML1&quot;));" target="configHTML1" title="تحرير"><img alt="" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"></a></span></span><div class="clear"></div></div>

لا تنسى تغيير  الروابط  بروابط مدونتك و مبرووك عليك الاضافة

***

حصريا اضافة اداة التبادل النصي بشكل جديد

اهلا وسهلا بكم متابعين وزوار مدونة مدهش ويب اليوم سوف اقدم لكم اضافة رائعة وحصرية وهي اضافة التبادل الاعلاني النصي ولن اطيل عليكم ^_^_^

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

1. ادخل لوحة تحكم بلوجر من هنا 
2. اذهب الى التخطيط 
3.  ثم اضافة اداة html/javascript
4. وضع فيها الكود التالي

<style type="text/css">
#text-ads a
{
background:#f8f8f8;
color:#333333 !important;
padding:8px;
margin-top:5px;
font-size:22px;
display:block;
border:1px solid #eeeeee;
text-align:center;
text-decoration:none;
transition:all 0.2s ease-out-in;
-o-transition:all 0.2s ease-out-in;
-moz-transition:all 0.2s ease-right-left;
-webkit-transition:all 0.2s ease-in-right;
}
#text-ads a:hover
{
background:#609DFF;
color:#ffffff !important;
border:1px solid #609DFF;
}
</style>
<div id="text-ads">
<a href="#" target="blank">إعلانك هنا</a>
<a href="#" target="blank">إعلانك هنا</a>
<a href="#" target="blank">إعلانك هنا</a>
<a href="#" target="blank">إعلانك هنا</a>
<a href="#" target="blank">إعلانك هنا</a> </div>

لا تنسى تغيير  كلمة# برابط مدونتك و مبرووك عليك الاضافة

***

حصريا اضافة تابعنا بشكلها الجديد

اهلا وسهلا بكم متابعين مدونة مدهش ويب اليوم سوف اقدم لكم اضافة تابعنا بشكلها الجديد وتاثيراتها الجديدة اليوم طرحتها عليكم مجانا لن اطيل عليكم ^_^_^_^

كود الاضافة في التخطيط

<!--CSS-Social Network-Widget By omar--> <link href="https://googledrive.com/host/0B0w6bpKSwOKUZzdaMXpSQWhIZkk/ " rel="stylesheet" /> <ul id="Zoomarabic-SNS"> <li><a href="https://www.facebook.com/omarnassersaber" rel="nofollow" target="_blank" class="icon fb">فيس بوك</a><span>تابعنا على الفيس بوك</span> </li> <li><a href="https://www.facebook.com/omarnassersaber" rel="nofollow" target="_blank" class="icon twit">تويتر</a><span>تابعنا على تويتر</span> </li> <li><a href="https://plus.google.com/u/0/me?tab=jX" rel="nofollow" target="_blank" class="icon google">جوجل</a><span>تابعنا على  جوجل </span> </li> <li><a href="https://www.youtube.com/channel/UCw3ovCEk90HlokxXBXaeldA" rel="nofollow" target="_blank" class="icon ytube">اليوتوب</a><span>تابعنا على اليوتوب</span> </li> <li><a href="#" rel="nofollow" target="_blank" class="icon rss">خلاصة</a><span>الاشتراك عبر الخلاصة</span> </li> </ul> <!--CSS-Social Network-Widget By omar--></div>

والسلام عليكم ورحمة الله وبركاتة نلقاكم في تدوينة جديدة انشاء الله

AMD تكشف عن أكبر بطاقة رسوميات جديدة بذاكرة تبلغ 32 جيغابايت !

كشفت شركة AMD عن بطاقة رسوميات جديدة بمواصفات عالية تمكن المستخدم من لعب ألعاب الفيديو على الشاشات فائقة الدقة بكل سلاسة و تعتبر حاليا بطاقة الرسوميات ذات أكبر حجم في العالم يبلغ 32 جيغابايت.

و أطلقت الشركة الأمريكية على هذه البطاقة إسم FirePro S9170، و تتجلى مواصفاتها في 32 جيغابايت من ذاكرة الوصول العشوائي GDDR5 و هي أول وأسرع بطاقة خادم أحادية معالج الرسوميات في العالم متفوقة بذلك على بطاقة الرسوميات Tesla K80 من شركة NVIDIA التي توفر فقط 24 جيغابيات.

لكن شركة "إنفيديا" وعدت بإطلاق بطاقة رسوميات بنفس حجم الذاكرة الذي توفره بطاقة AMD الجديدة، و هي بطاقة الرسوميات التي ستحمل إسم Pascal و تعتزم شركة "إنفيديا" طرحها خلال سنة 2016.

أما شركة AMD فلم تحدد بعد سعر بطاقة الرسوميات الجديدة أو الموعد المحدد لإطلاقها في السوق، في حين يتوقع إطلاقها خلال الربع الثالث من العام الجاري.

تقارير : حوالي 70 % من هواتف الأندرويد مقلدة

تقليد وتزوير الهواتف الذكية هو أمر منتشر بكثرة وهذا ما أثبتته شركة AnTuTu بنشرها لتقرير إحصائي يفيد بأن نسبة 68 بالمائة من هواتف الأندرويد تعتبر مقلّدة !

و كتوضيح من موقع PhoneArena لصور التقرير التالية التي نشرتها شركة AnTuTu فإن نسبة 37.3 % من هواتف سامسونغ الموجودة في السوق هي مقلّدة، تليها نسبة 30.96 % هي تقليد لهواتف شركة Xiaomi، ثم "هواوي" 3.79% ثالثاً و "اش تي سي" 2.88% رابعاً.

كما أشار التقرير إلى أن نسبة 2.04 % من هواتف الأندرويد هي أساسا مزورة وليست فقط مقلّدة.

فيما يتعلق بأكثر الهواتف الذكية المقلدة فهاتف Xiaomi Mi Note هو الأكثر تقليداً بـ 31.82% ،ثم Redmi Note ثانياً بـ 12% و Mi3 بـ 9.39% ثم النوت 3 و 4 من سامسونج بـ 8.82% و 7% على التوالي.