افضل بديل ادسينس: ��

‏إظهار الرسائل ذات التسميات �� . إظهار كافة الرسائل

السبت، 2 يوليو 2016

�� (V2)

�� (V2)

�� (�� ).

��  �� , �� , �� ( Flat ) �� , �� .

? �� V2 ?

��
��
��
�� " Html/Javascript " ��

<style>
/* Social Counter V2 by Ara1tech.blogspot.com
-----------------------------------------*/
.social_item-wrapper {
float: left;
width: 48%;
text-align: center;
margin-right: 4% !important;
margin-bottom: 10px !important;
color: #fff;
}
.social_item-wrapper:nth-child(2n+2) {
margin-right: 0 !important;
}
#sidebar .widget {
margin-bottom: 35px;
}
.social_item {
position: relative;
display: block;
height: 107px;
padding: 10px;
overflow: hidden;
color: #fff;
}
.social_icon {
font-size: 2rem;
display: inline-block;
margin-top: 5px;
margin-bottom: 9px;
color: #fff;
}
.social_num {
line-height: 44px;
width: 100%;
height: 41px;
font-size: .875rem;
display: inline-block;
}
a.social_item.social_facebook {
background: #3F5B9B;
}
.fa-facebook.social_icon ~ .social_num {
background: #2E4372;
}
li.social_item-wrapper:hover .fa-facebook.social_icon ~ .social_num {
background: #3F5B9B;
}
li.social_item-wrapper:hover .social_facebook {
background: #2E4372;
}
a.social_item.social_twitter {
background: #1C97DE;
}
.fa-twitter.social_icon ~ .social_num {
background: #1571A5;
}
li.social_item-wrapper:hover .fa-twitter.social_icon ~ .social_num {
background: #1C97DE;
}
li.social_item-wrapper:hover .social_twitter {
background: #1571A5;
}
a.social_item.social_youtube {
background: #E22020;
}
.fa-youtube.social_icon ~ .social_num {
background: #B31919;
}
li.social_item-wrapper:hover .fa-youtube.social_icon ~ .social_num {
background: #E22020;
}
li.social_item-wrapper:hover .social_youtube {
background: #B31919;
}
a.social_item.social_dribbble {
background: #E82159;
}
.fa-dribbble.social_icon ~ .social_num {
background: #B51A45;
}
li.social_item-wrapper:hover .fa-dribbble.social_icon ~ .social_num {
background: #E82159;
}
li.social_item-wrapper:hover .social_dribbble {
background: #B51A45;
}
a.social_item.social_rss {
background: #E86321;
}
.fa-rss.social_icon ~ .social_num {
background: #C2521B;
}
li.social_item-wrapper:hover .fa-rss.social_icon ~ .social_num {
background: #E86321;
}
li.social_item-wrapper:hover .social_rss {
background: #C2521B;
}
a.social_item.social_google-plus {
background: #E82C2C;
}
.fa-google-plus.social_icon ~ .social_num {
background: #BF2424;
}
li.social_item-wrapper:hover .fa-google-plus.social_icon ~ .social_num {
background: #E82C2C;
}
li.social_item-wrapper:hover .social_google-plus {
background: #BF2424;
}
a.social_item.social_linkedin {
background: #0275B6;
}
.fa-linkedin.social_icon ~ .social_num {
background: #02669E;
}
li.social_item-wrapper:hover .fa-linkedin.social_icon ~ .social_num {
background: #0275B6;
}
li.social_item-wrapper:hover .social_linkedin {
background: #02669E;
}
a.social_item.social_instagram {
background: #8E714D;
}
.fa-instagram.social_icon ~ .social_num {
background: #6F583C;
}
li.social_item-wrapper:hover .fa-instagram.social_icon ~ .social_num {
background: #8E714D;
}
li.social_item-wrapper:hover .social_instagram {
background: #6F583C;
}
a.social_item.social_pinterest {
background: #CA2027;
}
.fa-pinterest.social_icon ~ .social_num {
background: #AB1B21;
}
li.social_item-wrapper:hover .fa-pinterest.social_icon ~ .social_num {
background: #CA2027;
}
li.social_item-wrapper:hover .social_pinterest {
background: #AB1B21;
}
a.social_item.social_tumblr {
background: #3a5c7e;
}
.fa-tumblr.social_icon ~ .social_num {
background: #36465D;
}
li.social_item-wrapper:hover .fa-tumblr.social_icon ~ .social_num {
background: #3a5c7e;
}
li.social_item-wrapper:hover .social_tumblr {
background: #36465D;
}
</style>
<ul class="social-counter"><li class="social_item-wrapper"><a href="#" class="social_item social_facebook"><i class="fa fa-facebook social_icon"></i><br><span class="social_num">215K</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_twitter"><i class="fa fa-twitter social_icon"></i><br><span class="social_num">115K</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_youtube"><i class="fa fa-youtube social_icon"></i><br><span class="social_num">215,635</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_dribbble"><i class="fa fa-dribbble social_icon"></i><br><span class="social_num">14K</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_linkedin"><i class="fa fa-linkedin social_icon"></i><br><span class="social_num">556</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_google-plus"><i class="fa fa-google-plus social_icon"></i><br><span class="social_num">200K</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_instagram"><i class="fa fa-instagram social_icon"></i><br><span class="social_num">152,500</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_rss"><i class="fa fa-rss social_icon"></i><br><span class="social_num">5124</span></a></li></ul>

�� ... �� .

��: �� .

�� :

��

�� V2

��

اقرأ المزيد

الجمعة، 1 يوليو 2016

�� (V1)

�� (V1)

�� (�� ).

��  �� , �� , �� ( Flat ) �� , �� .

? �� ?

��
��
��
�� " Html/Javascript " ��

<style>
/* Social Counter V1 by Ara1tech.blogspot.com
--------------------------------------*/
.socialcounter {
overflow: hidden;
}
li.social_item-wrapper-ara1tech {
float: left;
width: 48%;
text-align: center;
margin-right: 4% !important;
margin-bottom: 10px !important;
color: #fff;
}
#sidebar-ara1tech .widget {
margin-bottom: 35px;
}
a.social_item {
position: relative;
display: block;
height: 60px;
line-height: 60px;
overflow: hidden;
}
.social_item-wrapper-ara1tech:nth-child(2n+2) {
margin-right: 0 !important;
}
.social_icon {
float: left;
line-height: 60px;
width: 41px;
font-size: 1.3rem;
}
a.social_item.social_facebook {
background: #3F5B9B;
}
.fa-facebook.social_icon {
background: #2E4372;
}
li.social_item-wrapper-ara1tech:hover .fa-facebook.social_icon {
background: #3F5B9B;
}
li.social_item-wrapper-ara1tech:hover .social_facebook {
background: #2E4372;
}
a.social_item.social_twitter {
background: #1C97DE;
}
.fa-twitter.social_icon {
background: #1571A5;
}
li.social_item-wrapper-ara1tech:hover .fa-twitter.social_icon {
background: #1C97DE;
}
li.social_item-wrapper-ara1tech:hover .social_twitter {
background: #1571A5;
}
a.social_item.social_youtube {
background: #E22020;
}
.fa-youtube.social_icon {
background: #B31919;
}
li.social_item-wrapper-ara1tech:hover .fa-youtube.social_icon {
background: #E22020;
}
li.social_item-wrapper-ara1tech:hover .social_youtube {
background: #B31919;
}
a.social_item.social_dribbble {
background: #E82159;
}
.fa-dribbble.social_icon {
background: #B51A45;
}
li.social_item-wrapper-ara1tech:hover .fa-dribbble.social_icon {
background: #E82159;
}
li.social_item-wrapper-ara1tech:hover .social_dribbble {
background: #B51A45;
}
a.social_item.social_rss {
background: #E86321;
}
.fa-rss.social_icon {
background: #C2521B;
}
li.social_item-wrapper-ara1tech:hover .fa-rss.social_icon {
background: #E86321;
}
li.social_item-wrapper-ara1tech:hover .social_rss {
background: #C2521B;
}
a.social_item.social_google-plus {
background: #E82C2C;
}
.fa-google-plus.social_icon {
background: #BF2424;
}
li.social_item-wrapper-ara1tech:hover .fa-google-plus.social_icon {
background: #E82C2C;
}
li.social_item-wrapper-ara1tech:hover .social_google-plus {
background: #BF2424;
}
a.social_item.social_linkedin {
background: #0275B6;
}
.fa-linkedin.social_icon {
background: #02669E;
}
li.social_item-wrapper-ara1tech:hover .fa-linkedin.social_icon {
background: #0275B6;
}
li.social_item-wrapper-ara1tech:hover .social_linkedin {
background: #02669E;
}
a.social_item.social_instagram {
background: #8E714D;
}
.fa-instagram.social_icon {
background: #6F583C;
}
li.social_item-wrapper-ara1tech:hover .fa-instagram.social_icon {
background: #8E714D;
}
li.social_item-wrapper-ara1tech:hover .social_instagram {
background: #6F583C;
}
a.social_item.social_pinterest {
background: #CA2027;
}
.fa-pinterest.social_icon {
background: #AB1B21;
}
li.social_item-wrapper-ara1tech:hover .fa-pinterest.social_icon {
background: #CA2027;
}
li.social_item-wrapper-ara1tech:hover social_pinterest {
background: #AB1B21;
}
ul.social-counter-ara1tech a {
color: #fff;
}
</style>
<div class="socialcounter"><ul class="social-counter-ara1tech"><li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_facebook"><i class="fa fa-facebook social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_twitter"><i class="fa fa-twitter social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_youtube"><i class="fa fa-youtube social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_dribbble"><i class="fa fa-dribbble social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_rss"><i class="fa fa-rss social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_google-plus"><i class="fa fa-google-plus social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_linkedin"><i class="fa fa-linkedin social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper-ara1tech"><a href="#" class="social_item social_instagram"><i class="fa fa-instagram social_icon"></i><span class="social_num">230,000</span></a></li></ul></div>

�� ... �� .

��: �� .

�� :

��

اقرأ المزيد

الأربعاء، 15 يونيو 2016

��

��

�� ...

�� , �� �� �� ��... �� �� �� ...

��

�� .

��

�� , �� ... �� ? �� .

��

�� .

��

�� ,�� .

�� :

��

اقرأ المزيد

الجمعة، 10 يونيو 2016

�� (��)

��

�� ,
�� : " ��  " �� ��  � �� ��  �� �� ��, �� �� ��, ��

? �� + �� ?

��
�� ��
��
�� " Html/Javascript " ��

<div class="menu-outer">
<div class="menu-icon">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>

<div class="nav">
<ul>
<li><a href="#">��</a></li>
<li><a href="#">��</a></li>
<li><a href="#">��</a></li>
<li><a href="#">�� </a></li>
<li><a href="#">�� </a></li>
</ul>
</div>

</div>
<a class="menu-close" onclick="return true">
<div class="menu-icon">
<div class="bar"></div>
<div class="bar"></div>
</div>
</a>

<style>
/*ara1tech.blogspot.com CSS starts*/
@import url(//www.fontstatic.com/f=sheba);
.menu-outer:hover ~ .menu-close {
margin-right:-100px;
}
.menu-outer:hover .bar { background:rgba(100,200,240,.9); }
.menu-outer > .nav ul { top:15%; }

.menu-outer {
overflow: hidden;
position: fixed;
top: 0;
font-family: 'sheba', serif;
z-index: 998;
width: 100%;
left: 100%;
margin-left: -100px;
height: 200%;
background:rgba(100,200,240,.9);
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu-outer:hover {
background: rgba(100,200,240,.98);
left: 0;
margin-left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.menu-icon {
z-index: 999;
position: absolute;
top: 58px;
left: 15px;
width: 30px;
pointer-events: none;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
.menu-icon .bar {
background: rgba(250,250,250,1);
width: 100%;
height: 5px;
margin: 0 0 5px;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
.menu-outer:hover > .menu-icon {
opacity: 0;
}
.nav ul {
position:absolute;
width:100%;
padding: 0;
left: 10%;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
.menu-outer:hover > .nav ul {
left: 0;
}
.nav li {
list-style:none;
text-align: center;
text-transform: uppercase;
}
.nav li a {
font-size: 2em;
color: rgba(255,255,255,.8);
text-decoration: none;
margin: 0 auto;
padding: 20px;
display:block;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
text-align:center
}
.nav li a:hover {
color: rgba(255,255,255,1);
}
@media screen and (max-width: 600px), screen and (max-height: 600px) {
.nav ul {font-size:.75em;}
.nav ul a {padding: 10px;}
}
.menu-close {
z-index: 9999;
position: fixed;
top: 0;
right: 100%;
width: 200px;
height: 200px;
background: rgba(250,130,70,1);
cursor: pointer;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
-webkit-transform-origin: top right;
-moz-transform-origin: top right;
-ms-transform-origin: top right;
-o-transform-origin: top right;
transform-origin: top right;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-close .menu-icon {
right: 15px; left: auto;top: 68px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu-close .bar {
background: rgba(250,250,250,1);
width: 100%;
height: 5px;
position:absolute;
-webkit-transform-origin: center;
-moz-transform-origin: center;
-ms-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
}
.menu-close .bar:first-child {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-close .bar:last-child {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.tabs .widget li, .tabs .widget li {float:none}
/*ara1tech.blogspot.com CSS ends*/
</style>

�� " # "

�� : �� , �� <3 �� :O

��
�� ...

�� ,�� ,�� ,�� css,�� css �� ,�� ,�� ,�� ,�� ,��,��,��,��,css3,web2,��,traidnt,��,�� (��)

اقرأ المزيد

الثلاثاء، 7 يونيو 2016

��

�� ,�� ,�� ,�� ,�� ,�� ,�� ,�� ,�� ,�� ,�� ,�� ,[Blogger] �� ,�� ,�� ,��

��

? �� + �� ?

�� - ��
��
��
��
�� Html/JavaScript
��

<style> #advertise{ margin: auto; } .adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; } .adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; } .adss a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);} .adss img {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; max-height: 75px; max-width: 75px; } #adsanime:hover { opacity:0.2; } #adsanime a strong { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms; -moz-transition-property: opacity; -moz-transition-duration: 500ms; } #adsanime a strong { opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; } #adsanime { opacity:0.5; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; } #adsanime:hover { opacity:1; } #adsanime:hover a strong { opacity:1; top:-10px; } </style>
<center> <div class="adss" id="adsanime"> <a href="#"> <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
<strong>�� </strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" /> <strong>�� </strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" /> <strong>�� </strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" /> <strong>�� </strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" /> <strong>�� </strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" /> <strong>�� </strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" /> <strong>�� </strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" /> <strong>�� </strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" /> <strong>�� </strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" /> <strong>�� </strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" /> <strong>�� </strong></a> </div> <div class="adss" id="adsanime"> <a href="#"> <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" /> <strong>�� </strong></a> </div> <a href='http://ara1tech.blogspot.com/' style='display:none;' rel='nofollow'>Ara1tech</a> </center>

�� , �� (#) ��

��
�� ...

�� ,�� ,�� ,�� 

اقرأ المزيد

الاثنين، 6 يونيو 2016

��

�� + ��

�� ,

�� ...

�� ... �� .

��, �� ^_^*

? �� ?

��
�� HTML
�� </b:skin> ��

/*====== OuaMessage - by ara1tech.blogspot.com ====== */

.ara1tech_layout{text-align:center;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.49);z-index:99999;display:none}
.ara1tech_message{width:50%;background:#fff;font-size:16px;border-radius:5px;padding:20px;border:1px solid transparent;text-align:center;color:#333;position:absolute;top:10%;left:50%;margin-left:-25%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.profile-ara1tech,.profile-ara1tech2{padding:4px}
.ara1tech_message:before{content:"";height:0;width:0;position:absolute;bottom:-40px;left:20px;border:20px solid transparent;border-color:#fff transparent transparent}
.profile-ara1tech {
background: #2195D3;
border: 1px solid transparent;
border-radius: 100%;
position: fixed;
bottom: 10px;
left: 10px;
cursor: pointer;
width: 50px;
height: 50px;
z-index: 9999;
}
.profile-ara1tech2 {
background: #FFF;
border: 5px solid transparent;
border-radius: 100%;
position: absolute;
bottom: -240px;
left: -123px;
width: 199px;
height: 199px;
}
.close_ara1tech {
font-size: 40px;
color: rgba(36, 202, 26, 0.91);
position: absolute;
top: -30px;
right: -30px;
cursor: pointer;
}
@media (max-width:800px){.ara1tech_message{width:90%!important;margin-left:-45%!important;}
.profile-ara1tech2{left:50%;margin-left:-105px;}
.ara1tech_message:before{left:50%;margin-left:-20px;}
.close_ara1tech{color:#555;top:-16px;right:0;}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.tada{-webkit-animation:tada 1s linear 1s infinite normal;animation:tada 1s linear 1s infinite normal}
@-webkit-keyframes tada{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
}
/* end Oua-Message*/

�� </body>

<img alt='' class='profile-ara1tech tada' height='50' onclick='openara1techfitri()' src='https://goo.gl/cOr2jh' title='�� ' width='50'/>
<div class='ara1tech_layout animated flip' id='id_fitri'>
<div class='ara1tech_message'>
<h2>"�� "</h2>
<p>��
<br/> �� <b>�� </b> ��
<br/>
<b>�� </b>.</p>
<img alt='' class='profile-ara1tech2' height='200' src='https://goo.gl/cOr2jh' width='200'/>
<div class='close_ara1tech' onclick='closeara1techfitri()'>X</div>
</div>
</div>
<script>
//<![CDATA[
function openara1techfitri(){var e=document.getElementById("id_fitri");"block"!==e.style.display?e.style.display="block":e.style.display="none"};
function closeara1techfitri(){var e=document.getElementById("id_fitri");"none"!==e.style.display?e.style.display="none":e.style.display="block"};
//]]>
</script>

�� ^_^

�� : �� #��_��

�� ,�� ,�� ,�� ,�� ,�� 2016,�� ,�� 2016,�� ,�� css,�� ,�� 

اقرأ المزيد

الأحد، 29 مايو 2016

��

�� ��  �� �� �� , �� ...

�� ��  �� �� ��, �� ��  ��� �� �� .

�� :

�� => �� 
�� ( </body> ) ��
�� html ��

<script type='text/javascript'> //<![CDATA[ function nocontext(e) {var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName; if (clickedTag == "IMG") {alert(alertMsg);return false;}} var alertMsg = "��, �� !";document.oncontextmenu = nocontext; //]]></script>

�� ^_^ ��

اقرأ المزيد

��

�� ��  �� ��  �� , �� ��  �� : ��

( exemple.com/2016/01/exemple.html ) �� ��  �� ( newsite.com/2016/01/exemple.html ) ...

�� :D

�� :

�� �� 
�� �� 
�� </head>

<script> location.replace("�� ") </script>

اقرأ المزيد

الثلاثاء، 17 مايو 2016

��

�� 2016

�� .

�� ...��

�� 

��

�� :

��
�� Layout
��
�� html/javascript ��

�� :

<style scoped="" type="text/css">ul.rcentside *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box }ul.rcentside{font-size:11px}ul.rcentside,ul.rcentside li{margin:0;padding:0;list-style:none;position:relative }ul.rcentside{width:100%;height:500px }ul.rcentside li{height:24.5%;position:absolute;padding:0;width:49.5%;float:left;overflow:hidden;display:none }ul.rcentside li:nth-child(1),ul.rcentside li:nth-child(2),ul.rcentside li:nth-child(3),ul.rcentside li:nth-child(4){display:block }ul.rcentside img{border:0;width:100%;height:auto}ul.rcentside li:nth-child(1){width:100%;height:49.5%;margin:0 0 2px;left:0;top:0 }ul.rcentside li:nth-child(2){left:0;top:50% }ul.rcentside li:nth-child(3){left:50.5%;top:50% }ul.rcentside li:nth-child(4){width:100%;left:0;top:75% }ul.rcentside .overlayx,ul.rcentside li{transition:all .4s ease-in-out }ul.rcentside .overlayx{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;opacity:.6;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMrQWOtMyIV5afjf5smcBlnM4DuHBSSLXU669UjAOFwk291HKmGlJswR75tRCjwa2cnbS_rCUXDyzsEITT97RNOoWIjmpl3UYmU6vfY7tsS7ScNCNtVLRWNPFsQE4Q3n05RQ8O60adfq8/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x }ul.rcentside .overlayx,ul.rcentside img{margin:3px}ul.rcentside li:nth-child(1).overlayx{background-position:50% 25% }ul.rcentside .overlayx:hover{opacity:.1 }ul.rcentside h4{position:absolute;bottom:10px;left:10px;right:10px;z-index:2;color:#fff;font-weight:700;margin:0;padding:10px;line-height:1.5em;font-weight:normal;overflow:hidden;transition:all .3s}ul.rcentside li:hover h4{bottom:30px}ul.rcentside li:nth-child(1)h4,ul.rcentside li:nth-child(4)h4{font-size:150% }ul.rcentside .label_text{position:absolute;bottom:0;left:20px;z-index:2;color:#fff;font-size:90%;opacity:0;transition:all .3s}ul.rcentside li:hover .label_text{bottom:20px;opacity:1}ul.rcentside li:nth-child(2).autname,ul.rcentside li:nth-child(3).autname{display:none }.buttons{margin:5px 0 0 }.buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative }.buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50% }.buttons a.nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px }</style><div id="featuredpostside"></div><script type='text/javascript'>function FeaturedPostSide(a){(function(e){var h={blogURL:"",MaxPost:4,idcontaint:"",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var d=h.MaxPost*200;g.html('<div class="sliderx"><ul class="rcentside"></ul></div><div class="buttons"><a href="#" class="prevx">prev</a><a href="#" class="nextx">next</a></div>');var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'"><div class="overlayx"></div><img class="random" src="'+u+'"/><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l).addClass(h.loadingClass)};var c=function(){e(h.idcontaint+" .nextx").click()};var b=function(){e.get((h.blogURL===""?window.location.protocol+"//"+window.location.host:h.blogURL)+"/feeds/posts/summary"+(h.tagName===false?"":"/-/"+h.tagName)+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function(){e(h.idcontaint+" .prevx").click(function(){e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));return false});e(h.idcontaint+" .nextx").click(function(){e(h.idcontaint+" .sliderx li:last").after(e(h.idcontaint+" .sliderx li:first"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));e(h.idcontaint+" .sliderx").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e("ul",g).removeClass(h.loadingClass)},d)};e(document).ready(b)})(jQuery)};//<![CDATA[FeaturedPostSide({ blogURL: "http://ara1tech.blogspot.com", MaxPost: 8, idcontaint: "#featuredpostside", ImageSize: 300, interval: 5000, autoplay: true, tagName: false});//]]></script>

�� :

�� , �� http://ara1tech.blogspot.com ��

��

اقرأ المزيد

الاثنين، 16 مايو 2016

��

�� ��  �� ��  �� ; �� ��  �� ��  �� ��  �� ��  �� ��  .

��

1- �� �� </body> �� ��  (��)

�� : ��

2- �� https://www.facebook.com/ara1tech �� .

3- �� .

�� ! �� :)

اقرأ المزيد

الثلاثاء، 3 مايو 2016

�� https ��

�� blogger �� �� https, � �� .

�� �� Https �� �� �� :

�� ��

�� "settings" �� "��" � �� :

�� ,�� �� �� https

�� ! �� !

اقرأ المزيد

الأحد، 24 أبريل 2016

�� !

��

�� ��  ��

�� �� :

��
��
��

��

�� :

��
��
�� > HTML/JavaScript
��



<style>
/* ######### Most Commented Widget by http://www.ara1tech.blogspot.com ##########*/
.commentbubble {
background: #292D30;
width: 49px;
float: left;
margin: 2px 20px 35px 0px;
font-weight: bold;
font-size: 1.3em;
text-align: right;
font-family: georgia,Helvetica;
padding: 0px 0px 5px 0px;
text-align: right;
color: #FFF;
text-shadow: 4px 1px #202022;
position: relative;
top: 5px;
}
.commentbubble:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
right: 0px;
top: 100%;
border-width: 5px 8px;
border-style: solid;
border-color: #292D30 #292D30 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
top: 34px;
right: 6px;
}
</style>
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ul style="list-style:none; ">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = + feed.value.items[i].commentcount;
var pList = '<li style="clear:both; padding:10px 0px 30px 0px!important; border-bottom: 1px dashed #dedede; line-height:2em; "> <div class="commentbubble">' +pComment +  "&#160;&#160;</div>" +  "<a href="+ href + '" target="_blank">' + pTitle ;
document.write(pList);
//to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.ara1tech.blogspot.com/
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>

��  :

�� : /http://ara1tech.blogspot.com

�� 6 �� .

�� (#292D30) �� .

�� #FFF

5. �� :)

اقرأ المزيد

الأحد، 17 أبريل 2016

��

�� , �� .

�� , �� ��  �� , �� ��  �� ��  �� ��  .�� ��  ,�� .

�� 

�� : �� -> �� -> �� HTML.
�� !
�� (CTRL+F)...

</head>

�� .

��

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
#beakingnews{width:980px;margin:0 auto;line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden;
background: #fff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
background-clip: padding-box;border-left: none;max-height: 37px;}
#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#21b8ff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px;
line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;
text-transform: uppercase;}
#recentpostbreaking{float:right;padding-right: 15px;}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}
</style></b:if></b:if>

��

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>#beakingnews{width:980px;margin:0 auto;
line-height:37px;;overflow:hidden; margin-bottom: 20px;
max-height: 37px; overflow: hidden;
background: #fff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
background-clip: padding-box;
border-left: none;
max-height: 37px;}
#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#29BD9E;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px;
line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;
text-transform: uppercase;}
#recentpostbreaking{float:right;padding-right: 15px;}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}
</style></b:if></b:if>

��

�� :

<div class='main-outer'>

�� / ��.

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div id='beakingnews'><span class='tulisbreaking'>�� </span>
<div id='recentpostbreaking'>Loading...</div>
</div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'http://ara1tech.blogspot.com/', // �� http://ara1tech.blogspot.com
numpostx = 10; // Jumlah artikel yang di tampilkan
$.ajax({
url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '', type: 'get', dataType: "jsonp", success: function(data) { var posturl, posttitle, skeleton = '', entry = data.feed.entry; if (entry !== undefined) {skeleton = "<ul>";for (var i = 0; i < entry.length; i++) { for (var j=0; j < entry[i].link.length; j++) { if (entry[i].link[j].rel == "alternate"){ posturl = entry[i].link[j].href; break; } }
posttitle = entry[i].title.$t;
skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
}
skeleton += '</ul>';
$('#recentpostbreaking').html(skeleton);
// kode untuk efek pada breaking news
function tick(){
$('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); }); }
setInterval(function(){ tick () }, 5000); } else {
$('#recentpostbreaking').html('<span>No result!</span>');
} }, error: function() {
$('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>');
} }); });
//]]>
</script>
</b:if></b:if>

�� http://ara1tech.blogspot.com/ ��

��

�� !!

اقرأ المزيد

الاشتراك في: الرسائل ( Atom )

����� ����� ������� ���������� ��� ����� ����� (V2)

? ��� ����� ����� ����� ������� ���������� V2 ?

����� ����� ������� ���������� ���� ���� ��� ��� ����� �����

����� ����� ������� ���������� V2

����� ����� ������� ���������� ��� ����� �����

����� ����� ������� ���������� �����

����� ����� ����� ������� ���������� �� �������

����� ����� ������� ���������� ��� ����� ����� (V1)

? ��� ����� ����� ����� ������� ���������� ?

����� ����� ������� ���������� ���� ���� ��� ��� ����� �����

����� ����� ������� ����������

����� ����� ������� ���������� ��� ����� �����

����� ����� ������� ���������� �����

����� ����� ����� ������� ���������� �� �������

�������� �������� ������� �����

�������� �������� ������� �����

�������� �� ������ ��������

����� ���� ��������

����� ����� �������

����� ����� ���� ��������

�������� �������� ������� �����

���� ������ �����

������ �����

����� ����� ����� ������� �����

����� ��� ������� �������� ���� ���� �������� ������� �����

����� ����� ����� + ����� ������� �����

����� ����� ������� �������

����� �� ���� � ������� � ������ � ������ ���� 2016

��� ����� ��� ������� �������� ����� ��� ��� ��� ���� ������

�������� https ��� �����

�� (V2)

? �� V2 ?

��

�� V2

��

��

��

�� (V1)

? �� ?

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

�� + ��

��

�� 2016

��

�� https ��