مدونة برو يونس

100 100 100

قالب Mega Mag للمجلات

<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-z3k4sd0NMkY/VEEPDyBjC1I/AAAAAAAAA88/MbSi6jGEqkc/s1600/Preview.__large_preview.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="http://1.bp.blogspot.com/-z3k4sd0NMkY/VEEPDyBjC1I/AAAAAAAAA88/MbSi6jGEqkc/s1600/Preview.__large_preview.png" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="background-color: white; border: 0px; line-height: 25px; margin: 0px; outline: none; padding: 0px; text-align: center; vertical-align: baseline;">
<span style="font-family: inherit;"><b>جديد القوالب الخاصة بالمجلات والأخبار بمنصة بلوجر ، أقدم لكم قالب <span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="color: #3d85c6;">Mega Mag</span></span> الإحترافي والمملوء بالمميزات والبوستات الكثيرة </b></span></div>
<div style="background-color: white; border: 0px; line-height: 25px; margin: 0px; outline: none; padding: 0px; text-align: center; vertical-align: baseline;">
<span style="font-family: inherit;"><b><br /></b></span></div>
<div style="background-color: white; border: 0px; line-height: 25px; margin: 0px; outline: none; padding: 0px; text-align: center; vertical-align: baseline;">
<span style="font-family: inherit;"><b>ستحبونه بعد  </b></span></div>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-family: inherit;"><a class="button grow" href="http://mega-mag.pro-younss.com/" rel="grow" target="_blank">المعاينة</a></span></b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<span style="background-color: white; border: 0px; line-height: 25px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><b>الواجهة كاملة</b></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-cp-xXvXo30E/VEEd34fPvUI/AAAAAAAAA9k/RMrBV8ctwQ4/s1600/screencapture-megamag-pbt-blogspot-com.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-cp-xXvXo30E/VEEd34fPvUI/AAAAAAAAA9k/RMrBV8ctwQ4/s1600/screencapture-megamag-pbt-blogspot-com.png" /></a></div>
<div style="text-align: center;">
<span style="background-color: white; border: 0px; line-height: 25px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><b><br /></b></span></span></span></div>
<div style="text-align: center;">
<span style="background-color: white; border: 0px; line-height: 25px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b>المميزات</b></span></span></span></div>
<div style="text-align: center;">
<span style="background-color: white; border: 0px; line-height: 25px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b><span style="font-family: inherit; font-size: x-small;"><br /></span></b></span></span></span></div>
<ul style="background-color: white; border: 0px; line-height: 25px; list-style: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><b>  100% متجاوب</b></span></span></li>
<li style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><b>   تغيير اللون بسهولة</b></span></span></li>
<li style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><b>  قائمة متعددة المهام</b></span></span></li>
<li style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><b>   صفحة خطأ 404         </b></span></span></li>
<li style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><b>  شريط اخر الأخبار تلقائي</b></span></span></li>
<li style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><b>   سلايدر ثانوي للبوستات   </b></span></span></li>
<li style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><b>  تعريف الكاتب</b></span></span></li>
<li style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><b>  تحميل المزيد من الصفحات</b></span></span></li>
</ul>
<div style="text-align: center;">
<span style="background-color: white; border: 0px; line-height: 25px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><b><br /></b></span></span></span></span></div>
<div style="background-color: white; border: 0px; line-height: 25px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><b>والمزيد ...</b></span></span></div>
<div style="background-color: white; border: 0px; line-height: 25px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit; font-size: x-small;"><br /></span></span></div>
<div style="background-color: white; border: 0px; line-height: 25px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit; font-size: x-small;"><br /></span></span></div>
<div style="text-align: center;">
<span style="background-color: white; border: 0px; line-height: 25px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><b><br /></b></span></span></span></div>
</div>
<div style="text-align: center;">
<span style="font-family: inherit;"><b><a class="button shrink" href="http://mega-mag.pro-younss.com/" rel="معاينة" target="_blank">معاينة</a> <a class="button pulse" href="http://go.pro-younss.com/O" rel="pulse" target="_blank">تحميل</a></b></span></div>
</div>

قالب Mega Mag للمجلات

جديد القوالب الخاصة بالمجلات والأخبار بمنصة بلوجر ، أقدم لكم قالب Mega Mag الإحترافي والمملوء بالمميزات والبوستات الكثيرة س...

المزيد

2:57 م

100 100 100

ازرار التواصل الاجتماعية بعدة اشكال احترافية

<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<span style="line-height: 18px;"><span style="font-family: inherit;"><b>درس اليوم على مدونة برو يونس سوف يكون اضافة ازرار مواقع التواصل الاجتماعية بعدة اشكال جميلة وجذابة لمدونات بلوجر ويمكنك اختيار الشكل المناسب لمدونتك</b></span></span></div>
<div style="text-align: center;">
<span style="line-height: 18px;"><span style="font-family: inherit;"><b><br /></b></span></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-SgW9RcpDalc/VDqXMISvGXI/AAAAAAAAA2M/-jcBxyjdCLw/s1600/Untitled-1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="240" src="http://3.bp.blogspot.com/-SgW9RcpDalc/VDqXMISvGXI/AAAAAAAAA2M/-jcBxyjdCLw/s1600/Untitled-1.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: right;"><span style="background-color: white;"><span style="color: white;"> ازرار التواصل الاجتماعية بعدة اشكال احترافية</span></span></td></tr>
</tbody></table>
<br />
<div>
<br /></div>
<div>
<span style="color: #3d85c6; font-family: inherit;"><b>كيفية اضافة ازرار التواصل الاجتماعي على شكل مترو لمدونات بلوجر</b></span></div>
<div>
<span style="color: #3d85c6; font-family: inherit;"><b><br /></b></span></div>
<div>
<ol style="text-align: right;">
<li><b><span style="font-family: inherit;">توجه الى منصة بلوجر</span></b></li>
<li><b><span style="font-family: inherit;">ثم ادخل الى مدونتك</span></b></li>
<li><b><span style="font-family: inherit;">التخطيط</span></b></li>
<li><b><span style="font-family: inherit;">اضافة اداة</span></b></li>
<li><span style="font-family: inherit;"><b>ثم قم باختيار </b><span style="color: #5e6066; line-height: 18px;">HTML/Javascript</span></span></li>
<li><span style="line-height: 18px;"><b>قم باضافة احد الاكواد التالية </b></span></li>
</ol>
<div>
<span style="line-height: 18px;"><b><br /></b></span></div>
<div style="text-align: center;">
<span style="line-height: 18px;"><b><span style="font-family: inherit;">الشكل الاول</span></b></span></div>
</div>
<div style="text-align: center;">
<span style="line-height: 18px;"><b><span style="font-family: inherit;"><br /></span></b></span></div>
<div style="text-align: center;">
<span style="line-height: 18px;"><b><span style="font-family: inherit;"><br /></span></b></span></div>
</div>
<div style="text-align: center;">
<a class="button blue medium" href="http://jsbin.com/ravep/" target="_blank">مثال حي</a><br />
<br />
<br /></div>
<blockquote class="tr_bq" style="text-align: left;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><style type='text/css'><br />#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD1E4cwT6syq_0NDpQHLutYih7WI6CUFTUcisVt8nKEgM-KVRfEOQHjcBXMsQ3KnVg9U0G8IHPeRORXqqOxO-kqxbIMoyfAWIR8Vxtl0WlkeCUSkbwlzAl93Gs_i2KlhNzNuJnEd2jNN0_/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhDsakeXmTrCfiHxW26cYPglzBMR23M0KlFKB-wWvQ5VQp3w-2vGwdn07o3PvzboWRKME5QuiczslLBTnBJ-8hzK967zYB0CZJQxrUhHCfybbviILkfDDLmNONjcXN_H2ezFRlU1cqg7P2/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;<br />color:#111;<br />font-size:14px;<br />line-height:20px;<br />padding:1px 20px 10px;<br />text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;<br />display:block;<br />margin:10px 0 0;<br />width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;<br />background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRJwpfnZWDED4Mn2hef-SKKoxFChm3LRoOR0GeKMFgkxzQVqFMTWLHmgqSk4BiM5Aiuj8QkaIjJ9cUACSFn1X51NT-jPuMyigtUIWRD6X0gnRzZ2-j_-RB0-hb5rGOyKcermIMI4caCEmd/s1600/sprites.png) no-repeat 0 -27px;<br />border:1px solid #ccc;<br />border-radius:4px;<br />color:#444;<br />margin:0 0 15px;<br />padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;<br />border:1px solid #007fff;<br />box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;<br />color:#fff;<br />cursor:pointer;<br />font-family:verdana;<br />font-weight:700;<br />padding:10px;<br />text-shadow:1px 1px 0 rgba(0,0,0,.4);<br />text-transform:uppercase;width:95%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;<br />-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;<br />box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;<br />outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;<br />-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);<br />-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);<br />background:#FFF;<br />border:1px solid #ddd;<br />box-shadow:0 2px 4px rgba(0,0,0,0.2);<br />margin:0;<br />padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgxiX6jj9Wugf8JUNFO6ahmHkyCwzEMT_J5B38SG21_SgG_g7D9dX_7uGrUyr6Qz8cUv8ZfSlR0mGl7yt92lSsxqFdOPlgKdY32VaJxcukbS2IvA1LRcqV0RuJ5TuoT0XSbvMd2cnhK8ie/s0/bg-pattern.png) repeat top left;<br />border-top:1px solid #aaa;<br />box-shadow:inset 0 4px 6px -3px #aaa;<br />font-family:cambria;<br />font-size:14px;<br />height:100px;<br />margin:10px -30px 5px;<br />padding:0 30px;<br />text-align:center;width:100%}p#rb_socialicons img { /* Spinning Social Icons Widget By http://mudwnp.blogspot.com/ */<br />-moz-transition: all 0.8s ease-in-out;<br />-webkit-transition: all 0.8s ease-in-out;<br />-o-transition: all 0.8s ease-in-out;<br />-ms-transition: all 0.8s ease-in-out;    transition: all 0.8s ease-in-out;}p#rb_socialicons img:hover {<br />-moz-transform: rotate(360deg);<br />-webkit-transform: rotate(360deg);<br />-o-transform: rotate(360deg);<br />-ms-transform: rotate(360deg);    transform: rotate(360deg);}/* Spinning Social Icons Widget By http://mudwnp.blogspot.com/ */</style><br /><div id="sidebar-subscribe-box"><br /><div class="sidebar-subscribe-box-wrapper"><div class="sidebar-subscribe-box-form"><br /><center><p id="rb_socialicons"><br /><a href="<span style="color: #3d85c6;">http://feeds.feedburner.com/ProYounessBlogg</span>"><br /><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7B8-Mp9yffs2R8WzL_z7Kf5I34TtEJSvE4bcgSTdnZSzisglSn_7RzNhcktAPx7B7MNx8Z7eSlc_qGrFozbjFGnOCWGgJ5MuuyzoQockufyEllW0tDOobKF2X_LHSUs472KA0Nu53sNIp/s1600/rss-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO6ByZA00L5o_G4g8t6cQO2FcDd-jMfiQNr4aTUPWC_AD2HR6VpVvBVTp7F2ja_Dv0n8DONmecl2wwBTY_MbCh_XeIw78clhIxU4NgGwHYxzdwMEbRcKpFi26YPz0FDtc1TRTs62QrqAzB/s1600/rss.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7B8-Mp9yffs2R8WzL_z7Kf5I34TtEJSvE4bcgSTdnZSzisglSn_7RzNhcktAPx7B7MNx8Z7eSlc_qGrFozbjFGnOCWGgJ5MuuyzoQockufyEllW0tDOobKF2X_LHSUs472KA0Nu53sNIp/s1600/rss-inactive.png" /></a><br /><a href="<span style="color: #3d85c6;">http://facebook.com/ProYounessBlogg</span>"><br /><img alt="Click Me" hieght="100" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip8zQuibCz-cxvIuEeE8_AI4vsSqulHTRREZvZvW5kJt8tKNzF0aUBjHLuBeF-9sEoXVXAaYWXz6PIlrS7yE_Tyzm1dtD5OUGGSeP2dEUO9WX7OilRkc6l4YUYTAskz1FoeTF9Tv5iK8ua/s1600/facebook-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA4rcA3HjSJsQbjaeTJdi9eBeXjlWStnHwCDgQqeWZ4SSPfYra7zaSJkTtUFGdqKx4a7FenWBlX-i9EF0gXx0vkHVYGwd4FtMhHxeABDov17pGqYIBIBGruXVhnv7cWKrlY2nf6FHZc8wy/s1600/facebook.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip8zQuibCz-cxvIuEeE8_AI4vsSqulHTRREZvZvW5kJt8tKNzF0aUBjHLuBeF-9sEoXVXAaYWXz6PIlrS7yE_Tyzm1dtD5OUGGSeP2dEUO9WX7OilRkc6l4YUYTAskz1FoeTF9Tv5iK8ua/s1600/facebook-inactive.png" /></a><br /><a href="<span style="color: #3d85c6;">http://twitter.com/ProYounessBlogg</span>"><br /><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQwjcwZDUL25cABqBJO8nmZnuSJYZzYs3VILXnv6Ox1_7Binnvde_H1hp5JsjoT6wR7bzvFZtGLgG6uE53XepGR3RvJiiL9Ba1EWlDO3-VHWKdER6fDiyaikwEyTCMHdJeHAXIITCQQFN_/s1600/twitter-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGGb9tELRgxJQMYH61ocHA9lKbXmljmaFF1mASsPeO9C_XOE6w5v7J8nHMk764YKP98NJTzRmKdzG3XaNY53bLMmcRfphWXu7Dk1rkXx-7NNHzwfHAFVofgzW7eCGOGrVS9vQh-gvJneuR/s1600/twitter.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQwjcwZDUL25cABqBJO8nmZnuSJYZzYs3VILXnv6Ox1_7Binnvde_H1hp5JsjoT6wR7bzvFZtGLgG6uE53XepGR3RvJiiL9Ba1EWlDO3-VHWKdER6fDiyaikwEyTCMHdJeHAXIITCQQFN_/s1600/twitter-inactive.png" /></a><br /><a href="<span style="color: #3d85c6;">https://plus.google.com/105245220392251111571</span>/"><br /><img alt="Click Me" hieght="160" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz8M5fhEqgRrThRkeP5TAM2d7-eL0dQwcPLWdzkiB5SPpGbMBr5UqtfP2trPuDgFBszQMSvlOPMizjpHdQa_1Gyi0ChJuE4cXCnwr1c9z2aEWD0lzDXv76ZeIJj35rvJYel5mDY3TGs6Jd/s1600/google-plus-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ8Bn21q7hox3abktPjSjcy5YwPp2eXDmmlrAh1HT3Haf-hIwGoZSOvqmopUZeuukJWIF3KBNxleLOupar_J9wHqOdGrp1_J8sm1hQXhd9QnhzndXVTIb5e-8X7Cy0Uu5GFUi7pt6qkgbQ/s1600/google-plus.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz8M5fhEqgRrThRkeP5TAM2d7-eL0dQwcPLWdzkiB5SPpGbMBr5UqtfP2trPuDgFBszQMSvlOPMizjpHdQa_1Gyi0ChJuE4cXCnwr1c9z2aEWD0lzDXv76ZeIJj35rvJYel5mDY3TGs6Jd/s1600/google-plus-inactive.png" /></a><br /><a href="<span style="color: #3d85c6;">http://pinterest.com/ProYounessBlogg</span>/"><br /><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf4wApWibfpar1lSR3biWBXYn5mFvNbWVrZeTJSqOhK995LFPZb9Wz6glV78GZj5L2Swb1pJN2z9bDu_HzDz5TkGlnyrilG4lFSOiPL4c9M8wxpJ5iYGCAh_j7YvTIxkBRxHwqBn-ce49J/s1600/pinterest-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNeey3Kfr5bH6w1yqcMxAi_VFAnU9-QOUNLcyRj4yR2-ZZrBTpBvz2LwLI80GhsCzGPHvYr6oYkYIyEcd7LAqEUvt5Sod_jUikzrC0vaXoexT5o6Q9_b6_pX1pELE8arWxF-VprnDyFsXM/s1600/pinterest.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf4wApWibfpar1lSR3biWBXYn5mFvNbWVrZeTJSqOhK995LFPZb9Wz6glV78GZj5L2Swb1pJN2z9bDu_HzDz5TkGlnyrilG4lFSOiPL4c9M8wxpJ5iYGCAh_j7YvTIxkBRxHwqBn-ce49J/s1600/pinterest-inactive.png" /></a><br /><a href="mailto:Youness-Freedom@mail.com"><br /><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidOAE-hwqPAJWdyJoc2JxgBxnpcTHBrel-qx_HiPNx2xJoSNMAtd3pkFuFz2UNUqtZA_C_e-crKXJYoeZh1LRA1WvTp4pN6juVXFtwCaSTaUPRnNBX8vruEykhydztGp3IVvmryDrbynag/s1600/email-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiModR0IfXrLNK1YoVSWgeTg3bMhZHyrwa5PtsLqahJrRGKjI15gKH0J7ymc0YfuDFHS5h668s87Ea21L5rKCPHSmI8eRIi12n9zRsNuBfWiiipIggbwY3XdDKdtTBoKCaNNFPUtWGPCrKJ/s1600/email-shadow.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidOAE-hwqPAJWdyJoc2JxgBxnpcTHBrel-qx_HiPNx2xJoSNMAtd3pkFuFz2UNUqtZA_C_e-crKXJYoeZh1LRA1WvTp4pN6juVXFtwCaSTaUPRnNBX8vruEykhydztGp3IVvmryDrbynag/s1600/email-inactive.png" /> </a></p></center><br /><form action="http://feedburner.google.com/fb/a/mailverify?uri=digitalhubinc" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=digitalhubinc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><br /><input name="uri" type="hidden" value="digitalhubinc" /><br /><input name="loc" type="hidden" value="en_US" /><br /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address :)"/><br /><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /><br /></form><br /></div><br /></div><br /></div><br /><style><br /></style></span></blockquote>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-family: inherit;">الشكل التاني</span></b></div>
<div style="text-align: center;">
<b><span style="font-family: inherit;"><br /></span></b></div>
<div style="text-align: center;">
<b><span style="font-family: inherit;"><br /></span></b></div>
</div>
<div style="text-align: center;">
<a class="button blue medium" href="http://jsbin.com/tefawa/1" target="_blank">مثال حي</a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq" style="text-align: left;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><ul id='jocial'><br /><li><a class='icon facebook' href='<span style="color: #3d85c6;">http://www.facebook.com/ProYounessBlogg</span> fan page facebook/'></a></li><br /><li><a class='icon twitter' href='<span style="color: #3d85c6;">http://twitter.com/</span></span></span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="color: #3d85c6;">ProYounessBlogg</span></span><span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">'></a></li><br /><li><a class='icon googleplus' href='<span style="color: #3d85c6;">https://plus.google.com/105245220392251111571</span> profil google+/'></a></li><br /><li><a class='icon rss' href='<span style="color: #3d85c6;">http://feeds.feedburner.com/</span></span></span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="color: #3d85c6;">ProYounessBlogg</span></span><span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"> feed rss'></a></li></ul><br /><style><br />#jocial{width: 310px;float: left;margin-top: 10px;}<br />#jocial li{position:relative; cursor:pointer; padding: 0 !important;}<br />#jocial .facebook, .googleplus, .rss, .twitter{position: relative;-moz-transition: all 0.4s ease-in-out;<br />-webkit-transition: all 0.4s ease-in-out;<br />-o-transition: all 0.4s ease-in-out;<br />transition: all 0.4s ease-in-out;<br />z-index: 5;display: block;<br />float: left;<br />margin: 1px;}<br />#jocial .icon{overflow:hidden;}<br />#jocial .facebook{width: 150px;<br />height: 150px;<br />background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89vYEikC61B7X_kYIKSQyky4Ijt9UcOx-XXlUePf9G3CDxMR3jfQ6IjGX2Kl7etS6C1Dqc0m5Ht8yZNcylcz6qlOG8f9-OmlgI1lhIs_TBkXH_Vl5lp9h4O_QITkg-q5BNmVZROjgSZtn/s1600/facebook.png") no-repeat center center;}<br />#jocial .twitter{width: 150px;height: 74px;background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghp83pSnhIQwi9hnlp3LpAe-rdUXf_OI9_rJgMu7SiF61GyPkVPmllspncKf2k4qJVGlk1lD_-Rp5N9pFFg4JCtqKzgWKudFRY2qmMk5qpr-nHprif92EsyH1RHW5NK5MReKn4sT_ZTooK/s1600/Twitter.png") no-repeat center center;}<br />#jocial .googleplus{width: 150px;height: 74px;background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtPFdKdtfj67INTCmVe_J4YZiMArd5gTIDgSCfYOqGp3CK_e0K6UFnzjWUN-9Biqz77aegLpuH7TO5wPszTiLUdEzgxlGzy9Xcr1t14u7tferzZIhtATuZDnCWy41pY5VqQdk-70C_dxiZ/s1600/google+plus.png") no-repeat center center;}<br />#jocial .rss{ width: 302px;height: 74px;background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2p7vqO5HpQoLqYcebVH57PiCOqsFUC6lfjvGgTT20eaXroogrO0BFDZxa4zatB8FwzYWijBs-szdp1jRdZg4MqKIjFCPMl5CRXl0zJaw-IF8kWHXXtjzlbdFy6viP_5h4Y5kkumtp8EVw/s1600/rss.png") no-repeat center center;}<br />#jocial li:hover .facebook{background-color:#3468B6;<br />-moz-transition: all 0.1s ease-in-out;<br />-webkit-transition: all 0.1s ease-in-out;}<br />#jocial li:hover .twitter{background:rgba(64,153,255,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghp83pSnhIQwi9hnlp3LpAe-rdUXf_OI9_rJgMu7SiF61GyPkVPmllspncKf2k4qJVGlk1lD_-Rp5N9pFFg4JCtqKzgWKudFRY2qmMk5qpr-nHprif92EsyH1RHW5NK5MReKn4sT_ZTooK/s1600/Twitter.png") no-repeat center center;<br />-moz-transition: all 0.1s ease-in-out;<br />-webkit-transition: all 0.1s ease-in-out;}<br />#jocial li:hover .googleplus{background:rgba(228,69,36,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtPFdKdtfj67INTCmVe_J4YZiMArd5gTIDgSCfYOqGp3CK_e0K6UFnzjWUN-9Biqz77aegLpuH7TO5wPszTiLUdEzgxlGzy9Xcr1t14u7tferzZIhtATuZDnCWy41pY5VqQdk-70C_dxiZ/s1600/google+plus.png") no-repeat center center;<br />-moz-transition: all 0.1s ease-in-out;<br />-webkit-transition: all 0.1s ease-in-out;}<br />#jocial li:hover .rss{background:rgba(255,102,0,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2p7vqO5HpQoLqYcebVH57PiCOqsFUC6lfjvGgTT20eaXroogrO0BFDZxa4zatB8FwzYWijBs-szdp1jRdZg4MqKIjFCPMl5CRXl0zJaw-IF8kWHXXtjzlbdFy6viP_5h4Y5kkumtp8EVw/s1600/rss.png") no-repeat center center;<br />-moz-transition: all 0.1s ease-in-out;<br />-webkit-transition: all 0.1s ease-in-out;}<br /></style></span></span></blockquote>
<br />
<div style="text-align: center;">
<span style="font-family: inherit;"><b>الشكل التالث</b></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
</div>
<div style="text-align: center;">
<b><span style="font-family: inherit;"><a class="button blue medium" href="http://jsbin.com/tefawa/2" target="_blank">مثال حي</a></span></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<blockquote class="tr_bq" style="text-align: left;">
<span style="font-family: inherit; font-size: x-small;">opacity: 0.6; } </style> <div id="social"> <a href="</span><span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="color: #3d85c6;">http://twitter.com/</span></span></span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="color: #3d85c6;">ProYounessBlogg</span></span><span style="font-family: inherit; font-size: x-small;">"><img alt="Twitter" src="http://img221.imageshack.us/img221/3171/twittericont.png" title="تابعنى على تويتر"></a> <a href="</span><span style="background-color: white; color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: x-small;">http://www.facebook.com/ProYounessBlogg</span><span style="font-family: inherit; font-size: x-small;">"><img alt="Feed" src="http://img521.imageshack.us/img521/3997/rssiconldl.png" title="الخلاصات"></a> <a href="</span><span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="color: #3d85c6;">http://feeds.feedburner.com/</span></span></span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="color: #3d85c6;">ProYounessBlogg</span></span><span style="font-family: inherit; font-size: x-small;">"><img alt="Facebook" src="http://img707.imageshack.us/img707/5055/facebookiconq.png" title="تابعنى على الفيس بوك"></a> <a href="</span><span style="background-color: white; color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: x-small;">https://plus.google.com/105245220392251111571</span><span style="font-family: inherit; font-size: x-small;">"><img alt="Google Plus" src="http://img9.imageshack.us/img9/6204/googleplusiconl.png" title="جوجل بلس"></a> <a href="#"><img alt="Youtube" src="http://img835.imageshack.us/img835/1835/youtubeiconf.png" title="تابعنى على يوتيوب"></span><span style="text-align: right;"> </span><span style="font-family: inherit; font-size: x-small;"></a> <a href="</span><span style="color: #3d85c6; font-size: x-small;">https://www.youtube.com/user/ProYounessBlogg</span><span style="font-family: inherit; font-size: x-small;">"></a> </div> <div style="clear: both"> </div></span></blockquote>
<br />
<b><span style="color: #cc0000;">ملاحظة : </span>قم بتغيير ما باللون <span style="color: #3d85c6;">الازرق</span></b><span style="color: #3d85c6;">  </span><b><span style="font-family: inherit;">بما يناسبك</span></b></div>

ازرار التواصل الاجتماعية بعدة اشكال احترافية

درس اليوم على مدونة برو يونس سوف يكون اضافة ازرار مواقع التواصل الاجتماعية بعدة اشكال جميلة وجذابة لمدونات بلوجر ويمكنك اختيار الشكل ال...

المزيد

5:25 م

قالب Mega Mag للمجلات

ازرار التواصل الاجتماعية بعدة اشكال احترافية

المشاركات الشائعة

أرشيف المدونة