tag:blogger.com,1999:blog-85794491505948283622024-03-25T15:58:46.908+02:00الموسوعة الشاملةمدونة الموسوعة توفر كل ما هو جديد فى عالم الهندسة و التدوين و التكنولوجياAnonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.comBlogger15125tag:blogger.com,1999:blog-8579449150594828362.post-55303378554493005672015-03-07T21:46:00.000+02:002015-03-07T21:48:11.957+02:00تغيير شكل التعليقات فى مدونات بلوجر الى شكل احترافى جدا<div dir="rtl" style="text-align: right;" trbidi="on">[full_width]
<div class="separator tr_bq" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2JrSHsvSUx-x3R12FzUTCgQcofr3yazzcVTChUPcYAWPeMMote3zMjb9a_XsSlrg_wf0j33V2PV4PPfLNHoN4FHlgcjcyRC1t4OPRvp8oOcILJagnIFN4fbC_Fsuhr-RImjHq2KhkJQZf/s1600/%D8%AA%D8%BA%D9%8A%D9%8A%D8%B1+%D8%B4%D9%83%D9%84+%D8%A7%D9%84%D8%AA%D8%B9%D9%84%D9%8A%D9%82%D8%A7%D8%AA+%D9%81%D9%89+%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D8%A7%D9%84%D9%89+%D8%B4%D9%83%D9%84+%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%89+%D8%AC%D8%AF%D8%A7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2JrSHsvSUx-x3R12FzUTCgQcofr3yazzcVTChUPcYAWPeMMote3zMjb9a_XsSlrg_wf0j33V2PV4PPfLNHoN4FHlgcjcyRC1t4OPRvp8oOcILJagnIFN4fbC_Fsuhr-RImjHq2KhkJQZf/s1600/%D8%AA%D8%BA%D9%8A%D9%8A%D8%B1+%D8%B4%D9%83%D9%84+%D8%A7%D9%84%D8%AA%D8%B9%D9%84%D9%8A%D9%82%D8%A7%D8%AA+%D9%81%D9%89+%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D8%A7%D9%84%D9%89+%D8%B4%D9%83%D9%84+%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%89+%D8%AC%D8%AF%D8%A7.png" height="387" width="640" /></a></div>
<div style="text-align: center;">
بسم الله الرحمن الرحيم</div>
<div style="text-align: center;">
السلام عليكم و رحمة الله و بركاته</div>
<div style="text-align: center;">
أهلا و سهلا بكم زوار الموسوعة</div>
<div style="text-align: center;">
لا شك أن شكل المدونة هو ما يجذب الزوار الى المدونة و شكل المدونة هو طريقة عرض التدوينات لابد و أن يكون احترافيا حتى يكون سهلا للزائر و شكل تعليقات الزوار اى تعليقات بلوجر تعطى المدونة لمسه جمالية رائعة جدا لذلك لابد من الاهتمام بالمدونة حتى تكون مرجعا للزائر.</div>
<div style="text-align: center;">
لذلك أحبابى محبى الموسوعة أقدم لكم كود لتغيير شكل التعليقات الى شكل احترافى جدا و جذاب</div>
<div style="text-align: center;">
<b>للمعاينة قم باضافة تعليق اسفل الموضوع</b> </div>
<div style="text-align: center;">
للاضافة</div>
<div style="text-align: center;">
قم بالبحث عن الكود التالى</div>
<blockquote class="tr_bq" style="text-align: center;">
]]></b:skin></blockquote>
<div style="text-align: center;">
ثم أضف الكود التالى فوقه مباشرة</div>
<div style="text-align: center;">
<br /></div>
<blockquote dir="ltr" style="text-align: center;">
<div style="text-align: left;">
.comments-tabs.simpleTab .tab-content{background-color:transparent;padding:0;margin-top:20px}</div>
<div style="text-align: left;">
.comments-tabs.simpleTab{border:1px solid #EEE;padding:15px;margin-top:25px;margin-bottom:25px}</div>
<div style="text-align: left;">
.comments-tabs.simpleTab .tab-wrapper li a{border-radius:3px;text-transform:uppercase;background-color:#BBB}</div>
<div style="text-align: left;">
.comments-tabs.simpleTab .tab-wrapper li a.activeTab{background-color:$(main.color)}</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
.comment-form p{background:#fff;padding:5px;width:98%;border:1px solid #f1f1f1;color:#777;font:14px Droid Arabic Naskh;margin:0 auto;margin-top:10px;line-height:21px;}</div>
<div style="text-align: left;">
.comment-form p:before{content:'\f05a';float:right;font:39px fontawesome;width:41px;color:#ccc;height:41px;margin:0 5px;}</div>
<div style="text-align: left;">
.comments-content{background:#f9f9f9;padding:5px;border:1px solid #DDD;margin:5px;position:relative;}</div>
<div style="text-align: left;">
.comments .avatar-image-container{float:right;max-height:50px;overflow:hidden;width:50px;padding:2px;background:#fff;border:1px solid #eee;margin:0 7px;}</div>
<div style="text-align: left;">
.comments .avatar-image-container img{width:100%;max-width:100%;}</div>
<div style="text-align: left;">
.comments .comment-block {</div>
<div style="text-align: left;">
background: none repeat scroll 0% 0% #F6F6F6;</div>
<div style="text-align: left;">
margin: 0px 73px 0 14px !important;</div>
<div style="text-align: left;">
position: relative;</div>
<div style="text-align: left;">
border: 1px solid rgba(200, 200, 200, 0.54);</div>
<div style="text-align: left;">
color: #818F96;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comment-header a {</div>
<div style="text-align: left;">
color: #999;</div>
<div style="text-align: left;">
text-shadow: 1px 1px #FFF;</div>
<div style="text-align: left;">
font-size: 13px;</div>
<div style="text-align: left;">
font-weight: 100;</div>
<div style="text-align: left;">
line-height: 1.6;</div>
<div style="text-align: left;">
font-family: ge_hiliregular;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comments .comment-block:after {</div>
<div style="text-align: left;">
content: "";</div>
<div style="text-align: left;">
position: absolute;</div>
<div style="text-align: left;">
bottom: -3px;</div>
<div style="text-align: left;">
right: 0px;</div>
<div style="text-align: left;">
color: #468847;</div>
<div style="text-align: left;">
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLP81lqR-GpBcmeHfKPvLFkC9Q8DEKQHt2Zba0Gp623UmVsjP7QE40ngIKGUUcxBTFd3VWWn5h4QFqazK5nWk325I1Y-VGea39qwnLr7wt9GlvfSRR7JKaXioXlv54foUsDgIGVbAcfak/s1600/bg_color.png') repeat scroll 0% 0% transparent;</div>
<div style="text-align: left;">
height: 3px;</div>
<div style="text-align: left;">
width: 100%;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comments .comments-content .comment:first-child {</div>
<div style="text-align: left;">
padding-top: 0px;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comments .comments-content .comment {</div>
<div style="text-align: left;">
margin-bottom: 3px;</div>
<div style="text-align: left;">
padding-bottom: 0px;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comment-header{display:inline-block;border:1px solid #eee;border-right:0;border-top:0;padding:1px 10px 0 10px;}</div>
<div style="text-align: left;">
.comments .comment-block:before{content:'\f0da';position:absolute;font:30px fontawesome;top:15px;right:-11px;color:#E8E8E8;}.comment-content{padding:20px;}</div>
<div style="text-align: left;">
.comment-actions a{</div>
<div style="text-align: left;">
background:#fff;</div>
<div style="text-align: left;">
color:#6F6F6F;</div>
<div style="text-align: left;">
padding:0 10px;</div>
<div style="text-align: left;">
padding-top:2px !important;</div>
<div style="text-align: left;">
padding-left:10px !important;</div>
<div style="text-align: left;">
font-size:12px !important;</div>
<div style="text-align: left;">
-webkit-border-radius:5px;</div>
<div style="text-align: left;">
-moz-border-radius:5px;</div>
<div style="text-align: left;">
border-radius:5px;</div>
<div style="text-align: left;">
margin:2px;</div>
<div style="text-align: left;">
border:1px solid #eee;</div>
<div style="text-align: left;">
display:inline-block;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comments .comments-content .user a {</div>
<div style="text-align: left;">
float: right;</div>
<div style="text-align: left;">
margin: -1px -10px 0px 10px;</div>
<div style="text-align: left;">
padding: 0px 5px;</div>
<div style="text-align: left;">
height: 23px;</div>
<div style="text-align: left;">
color: #468847;</div>
<div style="text-align: left;">
background-color: #DFF0D8;</div>
<div style="text-align: left;">
border-color: #D6E9C6;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comments .comments-content .user a:before{</div>
<div style="text-align: left;">
content:'\f0d9';</div>
<div style="text-align: left;">
font: 19px fontawesome;</div>
<div style="text-align: left;">
float: left;</div>
<div style="text-align: left;">
position: relative;</div>
<div style="text-align: left;">
left: -12px;</div>
<div style="text-align: left;">
top: 2px;</div>
<div style="text-align: left;">
color: #DFF0D8;</div>
<div style="text-align: left;">
text-shadow: none;}</div>
<div style="text-align: left;">
.comments .comments-content .user a:after{</div>
<div style="text-align: left;">
content:'\f14b';</div>
<div style="text-align: left;">
font: 17px fontawesome;</div>
<div style="text-align: left;">
float: right;</div>
<div style="text-align: left;">
margin: 0px 0px 0px 8px;</div>
<div style="text-align: left;">
position: relative;</div>
<div style="text-align: left;">
top: 2px;</div>
<div style="text-align: left;">
padding: 0px 2px;</div>
<div style="text-align: left;">
color: #468847;</div>
<div style="text-align: left;">
text-shadow: none;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comments .item-control {</div>
<div style="text-align: left;">
display: inline-block;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
.comments .continue a {</div>
<div style="text-align: left;">
font-family:normal 14px GESSTwoMediumRegular,tahoma, arial;</div>
<div style="text-align: left;">
font-size:12px;</div>
<div style="text-align: left;">
font-weight:normal;</div>
<div style="text-align: left;">
color:#888888;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comments .comment-actions a,.comments .comment-replies .comment-actions a {</div>
<div style="text-align: left;">
margin-top:8px;</div>
<div style="text-align: left;">
margin-bottom:8px;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comments .comment .comment-actions a,.comments .comment .comment-replies .comment-actions a {</div>
<div style="text-align: left;">
font-weight: normal;</div>
<div style="text-align: left;">
padding: 3px 15px;</div>
<div style="text-align: left;">
background: #fff;</div>
<div style="text-align: left;">
color: #6F6F6F;</div>
<div style="text-align: left;">
-webkit-border-radius: 5px;</div>
<div style="text-align: left;">
-moz-border-radius: 5px;</div>
<div style="text-align: left;">
border-radius: 5px;</div>
<div style="text-align: left;">
margin: 2px;</div>
<div style="text-align: left;">
border: 1px solid #eee;</div>
<div style="text-align: left;">
display: inline-block;</div>
<div style="text-align: left;">
font-family: ge_hiliregular;</div>
<div style="text-align: left;">
font-size: 15px;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comments .comment-actions a:before {</div>
<div style="text-align: left;">
font-family:FontAwesome;</div>
<div style="text-align: left;">
font-style:normal;</div>
<div style="text-align: left;">
font-weight:normal;</div>
<div style="text-align: left;">
-webkit-font-smoothing:antialiased;</div>
<div style="text-align: left;">
-moz-osx-font-smoothing:grayscale;</div>
<div style="text-align: left;">
line-height:11px;</div>
<div style="text-align: left;">
font-size:11px;</div>
<div style="text-align: left;">
color:#888;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comments .comment-actions a:before {</div>
<div style="text-align: left;">
content:"\f112";</div>
<div style="text-align: left;">
margin: 0 0 0 5px;</div>
<div style="text-align: left;">
color: #888 !important;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comments .continue a:before {</div>
<div style="text-align: left;">
font-family:FontAwesome;</div>
<div style="text-align: left;">
font-style:normal;</div>
<div style="text-align: left;">
font-weight:normal;</div>
<div style="text-align: left;">
-webkit-font-smoothing:antialiased;</div>
<div style="text-align: left;">
-moz-osx-font-smoothing:grayscale;</div>
<div style="text-align: left;">
line-height:11px;</div>
<div style="text-align: left;">
font-size:11px;</div>
<div style="text-align: left;">
color:#888;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comments .continue a:before {</div>
<div style="text-align: left;">
content:"\f112";</div>
<div style="text-align: left;">
color: #888 !important;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
span.item-control.blog-admin a:before{content:'\f014';font:14px fontawesome;margin:0 0 0 5px;color:#ccc;}</div>
<div style="text-align: left;">
.comments .continue a{background:#fff;color:#6F6F6F;padding:3px 10px!important;font-size:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-weight:500!important;border:1px solid #eee;display:inline-block;font-family: ge_hiliregular;}</div>
<div style="text-align: left;">
.comments .continue a:before{content:'\f124';font:12px fontawesome;margin:0 0 0 10px;display:inline-block;color:#ccc;}</div>
<div style="text-align: left;">
.comments .comment .comment-actions a:hover,.comments .continue a:hover{</div>
<div style="text-align: left;">
text-decoration:none;background:#eee;}</div>
<div style="text-align: left;">
.comments {</div>
<div style="text-align: left;">
background: none repeat scroll 0% 0% #F9F9F9;</div>
<div style="text-align: left;">
padding: 15px;</div>
<div style="text-align: left;">
border: 1px solid #DDD;</div>
<div style="text-align: left;">
margin: 5px 0 0 0;</div>
<div style="text-align: left;">
position: relative;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
.feed-links {</div>
<div style="text-align: left;">
display: none;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.top-comment-widget-menu {</div>
<div style="text-align: left;">
background: none repeat scroll 0px 0px #FFF;</div>
<div style="text-align: left;">
border-color: #DDD;</div>
<div style="text-align: left;">
border-style: solid;</div>
<div style="text-align: left;">
border-width: 1px 1px 5px;</div>
<div style="text-align: left;">
float: right;</div>
<div style="text-align: left;">
margin: 20px 0px;</div>
<div style="text-align: left;">
width: 953px;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.top-comment {</div>
<div style="text-align: left;">
float: right;text-align: center;</div>
<div style="text-align: left;">
font-family: "ge_ss_threeregular";</div>
<div style="text-align: left;">
font-size: 14px;</div>
<div style="text-align: left;">
list-style: none outside none;</div>
<div style="text-align: left;">
margin: 10px 0;</div>
<div style="text-align: left;">
text-transform: uppercase;</div>
<div style="text-align: left;">
width: 50%;</div>
<div style="text-align: left;">
cursor: pointer;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.top-comment.selected {</div>
<div style="text-align: left;">
cursor: pointer;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
#comments h4 {</div>
<div style="text-align: left;">
display: inline;</div>
<div style="text-align: left;">
padding: 4px 8px;</div>
<div style="text-align: left;">
line-height: 45px;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
#comments h4,.comments.comment-header,.comments .comment-thread.inline-thread .comment{position:relative}#comments h4{background:#73C4D1}</div>
<div style="text-align: left;">
#comments h4{font-size:17px}</div>
<div style="text-align: left;">
#comments h4{font-weight:normal;color:#fff}</div>
<div style="text-align: left;">
#comments h4:after {</div>
<div style="text-align: left;">
content: "";</div>
<div style="text-align: left;">
position: absolute;</div>
<div style="text-align: left;">
bottom: -10px;</div>
<div style="text-align: left;">
right: 10px;</div>
<div style="text-align: left;">
border-top: 10px solid #73C4D1;</div>
<div style="text-align: left;">
border-left: 20px solid transparent;</div>
<div style="text-align: left;">
width: 0px;</div>
<div style="text-align: left;">
height: 0px;</div>
<div style="text-align: left;">
line-height: 0;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.icon.blog-author:after {</div>
<div style="text-align: left;">
content: "الكاتب";</div>
<div style="text-align: left;">
background: #f66;</div>
<div style="text-align: left;">
color: #FFF;</div>
<div style="text-align: left;">
padding: 2px 16px;</div>
<div style="text-align: left;">
border-radius: 1px;</div>
<div style="text-align: left;">
position: absolute;</div>
<div style="text-align: left;">
left: 0px;</div>
<div style="text-align: left;">
margin-top: -3px;</div>
<div style="text-align: left;">
font-size: 14px;</div>
<div style="text-align: left;">
font-family: ge_hiliregular;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comment-content {</div>
<div style="text-align: left;">
padding: 20px;</div>
<div style="text-align: left;">
font-family: ge_hiliregular;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.top-comment.blogico:before {</div>
<div style="text-align: left;">
content: "\f0d5";</div>
<div style="text-align: left;">
font-family: fontawesome;</div>
<div style="text-align: left;">
font-size: 18px;</div>
<div style="text-align: left;">
margin-left: 15px;</div>
<div style="text-align: left;">
color: #F66;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.top-comment.faceico:before {</div>
<div style="text-align: left;">
content: "\f09a";</div>
<div style="text-align: left;">
font-family: fontawesome;</div>
<div style="text-align: left;">
font-size: 18px;</div>
<div style="text-align: left;">
margin-left: 15px;</div>
<div style="text-align: left;">
color: #627AAC;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.comments .comments-content .comment:first-child{padding-top:0}</div>
</blockquote>
<div style="text-align: center;">
و أخيرا قم بحفظ القالب و استمتع بالنتيجة</div>
<div style="text-align: center;">
<b>اذا أعجبكم الموضوع قم بعمل كومنت و قول رأيك</b></div>
<div style="text-align: center;">
<br /></div>
</div>Anonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.com8tag:blogger.com,1999:blog-8579449150594828362.post-88875091568247218182015-03-04T11:20:00.000+02:002015-03-04T11:24:32.665+02:00تحميل قالب مدونة جلال البعداني النسخه الثانيه متاح للتحميل<div dir="rtl" style="text-align: right;" trbidi="on">
<table 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEmaMGVTMbzyNNPTAJd2rtfr9ZGQioQyC35jpgQAzwtRAypezPiHwB3c-W7almS98OgechezzfnQsqzOnlIQ8GA7LNGMiLQiVcWveXU8jzXpZ_umTe_r_dwI7bei-65SHo5PxO_EJ6vOj0/s1600/%D9%82%D8%A7%D9%84%D8%A8+%D8%A7%D9%84%D8%A8%D8%B9%D8%AF%D8%A7%D9%86%D9%8A+%D8%A7%D9%84%D9%86%D8%B3%D8%AE%D9%87+%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%D9%87.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="قالب مدونة جلال البعداني النسخه الثانيه" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEmaMGVTMbzyNNPTAJd2rtfr9ZGQioQyC35jpgQAzwtRAypezPiHwB3c-W7almS98OgechezzfnQsqzOnlIQ8GA7LNGMiLQiVcWveXU8jzXpZ_umTe_r_dwI7bei-65SHo5PxO_EJ6vOj0/s1600/%D9%82%D8%A7%D9%84%D8%A8+%D8%A7%D9%84%D8%A8%D8%B9%D8%AF%D8%A7%D9%86%D9%8A+%D8%A7%D9%84%D9%86%D8%B3%D8%AE%D9%87+%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%D9%87.png" title="قالب مدونة جلال البعداني النسخه الثانيه" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">قالب مدونة جلال البعداني النسخه الثانيه</td></tr>
</tbody></table>
<div style="text-align: center;">
بسم الله الرحمن الرحيم</div>
<div style="text-align: center;">
السلام عليكم و رحمة الله و بركاته</div>
<div style="text-align: center;">
أهلا و سهلا بكم متابعى و زوار مدونة الموسوعة</div>
<div style="text-align: center;">
فى هذه التدوينة اسمحوا لى أخواني وأخواتي و أحبائي في الله ،أن أشارككم القالب الرائع قالب مدونة جلال البعداني النسخه الثانيه والذي يتناسب مع المدونات الشخصية والتقنيه , و من مميزات القالب الرائعة الانسيابيه وخفه في التصفح ،و الألوان الرائعه المتناسقه والتي بدورها تزيد من جاذبيته وانسيابيته , القالب بسيط في تصميمه لكنه يدعم خصائص عديده , و ذلك بالاضافه الى سهولة التعامل و المميزات الجماليه الكثيرة .</div>
<div class="sb sb_blue">
<div class="box_title">
<div style="text-align: center;">
المميزات التى يتميز بها القالب
</div>
</div>
<div class="box_content">
<ol class="rounded-list">
<li>
<ol>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
قالب جميل و رائع من حيث المظهر.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
خفيف من حيث التصفح.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
يدعم قوائم منسدلة أنيقة و جميله.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
يتميز بوجود سلايدر متجاوب و متميز خاص بالقالب.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
اضافة مشاركة المواضيع على الشبكات الاجتماعيه
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
إضافة اقرا المزيد بشكل اخترافى و جميل.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
يحتوي على خطوط جميلة جدا و مميزه واحترافيه.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
يتميز القالب بدمج تعليقات الفيس بوك مع بلوجر بشكل احترافى و جميل.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
متوافق مع جميع المتصفحات المعروفة
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
شكل تعليقات بلوجر جميلة جدا و مضافا اليها ايقونات الابتسامات.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
يتميز بشكل رائع لاخر التدوينات فى الصفحة الرئيسية.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
باقى المميزات سوف تعرفها بنفسك ان شاء الله.
</li>
</ol>
</li>
</ol>
</div>
</div>
<div class="sb sb_blue">
<div class="box_title">
<div style="text-align: center;">
للتحميل و المعاينة
</div>
</div>
<div class="box_content">
<div id="wrap">
<div style="text-align: center;">
<a class="btn-slide" href="http://tnoen.blogspot.com/" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">معاينة</span>
<span class="title-hover">اضغط هنا</span>
</a>
<a class="btn-slide2" href="http://www.mediafire.com/download/80q0w9vugeh934g/albaadani-emplat-v2.rar" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">تحميل</span>
<span class="title-hover2">اضغط هنا</span>
</a>
</div>
</div>
</div>
</div>
<div style="text-align: center;">
<h4>
لتغيير لوجو المدونة </h4>
</div>
<div style="text-align: center;">
<div style="text-align: right;">
قم بالبحث عن الرابط التالي</div>
</div>
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW8y-2D3sk3YJI7K1fI6GMNZCe3sj0Ild58BKD62GYRbT-CTjFknA0jKZ0PiQwlNFNmkFS8ycRNmLbxdRwmd9JkJQ3_tAqxH7r2bqMHu1ycQ2KwcMR_99AJQ9Zoy7I9CAW8j22oheHKkCb/s1600/4SLrk.png</div>
</div>
</blockquote>
<div style="text-align: center;">
<div style="text-align: right;">
قم بتغيير برابط اللوجو الخل بك</div>
</div>
<div style="text-align: center;">
<h4>
تخصيص القائمة الافقية</h4>
</div>
<div style="text-align: center;">
<div style="text-align: right;">
قم بالبحث عن الكود التالي</div>
</div>
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<ul id='jalal-menu'></div>
</div>
</blockquote>
<div style="text-align: center;">
<div style="text-align: right;">
وستجد اكواد القائمه أسفله مباشرة قم بالتعديل عليه كما تريد</div>
</div>
<div style="text-align: center;">
<br /></div>
<blockquote class="tr_bq" dir="ltr" style="text-align: center;">
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<ul id='jalal-menu'></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='/'>الرئيسيه</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='#'>الواجهه</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='#'>اضافات بلوجر</a></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<ul><li><a href='#'>جي كويري</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='#'>تعليقات</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='#'>ازرار + ايقونات</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='#'>CSS3 + CSS</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='#'>سلايدرشو</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
</ul></li><li><a href='#'>قوالب بلوجر</a></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<ul><li><a href='#'>قوالب مجانيه</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='#'>قوالب مدفوعه</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
</ul></li><li><a href='#'>ادوات بلوجر</a><ul></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='#'>محرر الاكواد</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='#'>محول الاكواد</a></li><li><a href='#'>اكواد الالوان</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='#'>فوتوشوب اونلاين</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
</ul></li><li><a href='#'>ارشيف المدونه</a></li><li><a href='#'>التبادل الاعلاني</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='#'>اتصل بنا</a></li><li><a href='#'>منوعات</a><ul></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='#'>خلاصات</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='#'>مواقع</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='#'>صور</a></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<li><a href='#'>تقنيه</a></li></ul></li></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
</ul></div>
</div>
</div>
</blockquote>
<div style="text-align: center;">
<h4>
تخصيص السلايد شو الموجود بالقالب</h4>
</div>
<div style="text-align: center;">
<div style="text-align: right;">
قم بالبحث عن الكود التالي</div>
</div>
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<div id='slides'></div>
</div>
</blockquote>
<blockquote class="tr_bq" dir="ltr" style="text-align: center;">
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<div id='slides'></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<div class='slides_container'></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<div class='slide'></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<div class='img_slide'></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<img class='attachment-post-thumbnail wp-post-image' height='480' src='<span style="color: #cc0000;"><b>ضع هنا رابط الصورة</b></span>' width='720'/></div></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<div class='content_slide'></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<h1><a href='#'><span style="color: #0b5394;"><b> ضع هنا عنوان للتدوينة</b></span> </a></h1><p><b><span style="color: #38761d;">ضع وصف مختصر للموضوع </span></b></p><p><a class='more_slide' href='#'>المزيد</a></p></div></div></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<div class='slide'><div class='img_slide'><img alt='screenshot' class='attachment-post-thumbnail wp-post-image' height='180' src='<b style="color: #cc0000;">ضع هنا رابط الصورة</b>' width='240'/></div></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<div class='content_slide'></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<h1><a href='#'><b style="color: #0b5394;">ضع هنا عنوان للتدوينة</b></a></h1><p><b><span style="color: #38761d;">ضع وصف مختصر للموضوع </span></b></p></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<p><a class='more_slide' href='#'>المزيد</a></p></div></div></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<div class='slide'></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<div class='img_slide'><img alt='screenshot' class='attachment-post-thumbnail wp-post-image' height='180' src='<b style="color: #cc0000;">ضع هنا رابط الصورة</b>' width='240'/></div></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<div class='content_slide'></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<h1><a href='#'><b style="color: #0b5394;">ضع هنا عنوان للتدوينة</b></a></h1><p><b><span style="color: #38761d;">ضع وصف مختصر للموضوع </span></b></p><p><a class='more_slide' href='http://alb33dani.blogspot.com/2014/02/template-Design-for-blogger.html'>المزيد</a></p></div></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
</div></div></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<a class='prev' href='#'><img alt='' src='http://im40.gulfup.com/gxSIi.png'/></a></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<a class='next' href='#'><img alt='' src='http://im40.gulfup.com/WIRra.png'/></a></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
</div><!-- End slides --></div>
</div>
</div>
</blockquote>
<div style="text-align: center;">
<h4>
تخصيص اسم ووصف وصورة كاتب التدوينة</h4>
</div>
<div style="text-align: center;">
<div style="text-align: right;">
قم بالبحث عن الكود التالي</div>
</div>
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<div class='postauthor'></div>
</div>
</blockquote>
<div style="text-align: center;">
<div style="text-align: right;">
قم بتغيير معلوماتك</div>
</div>
<blockquote class="tr_bq" dir="ltr" style="text-align: center;">
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<div class='postauthor'></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<img alt='' height='80' src='<b><span style="color: #cc0000;">ضع هنا رابط الصورة الشخصية لك</span></b> ' width='70'/><h3>بقلم <a href='/'><span class='colored'>جلال</span> <span style="color: #38761d;"><b>الموسوعة</b></span><span style="color: #cc0000;"> </span></a></h3></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
<p><b><span style="color: #0b5394;"> ضع هنا وصف عن الكاتب و المدونة</span></b> </p></div>
</div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<div style="text-align: left;">
</div></div>
</div>
</div>
</blockquote>
<div style="text-align: center;">
<h4>
تخصيص تعليقات الفيس بوك </h4>
<div style="text-align: right;">
قم بالبحث عن الرقم <b><span style="color: #741b47;">180479755462043</span></b> واستبدله برقم اي دي تطبيق الفيس بوك الخاص بك و يمكنك الحصول عليه من هنا ( <b><a href="http://th3-encyclopedia.blogspot.com/p/url-httpswww.html" target="_blank">معرفة ID حسابات الفيس بوك</a></b> )</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.com16tag:blogger.com,1999:blog-8579449150594828362.post-62196417353270793242015-03-04T09:55:00.000+02:002015-03-04T09:57:29.631+02:00[ حصريا ] اضافة تأثير احترافي على الروابط في مدونات بلوجر <div dir="rtl" style="text-align: right;" trbidi="on">
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7MvS-kQT7q1BFsPN1d0x5O7DrOHgtoxrVUlon1wQelsrRonjYGV6cI7-s9OXvDFRCNLulq8p06UCLHYwV0qRn9fxBWgJISjUu3ODsKeaKm1z6_1LgYsLwIwL8mpC49Dz8aUOlibrYT2G/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%AA%D8%A3%D8%AB%D9%8A%D8%B1+%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A+%D8%B9%D9%84%D9%89+%D8%A7%D9%84%D8%B1%D9%88%D8%A7%D8%A8%D8%B7+%D9%81%D9%8A+%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt=" اضافة تأثير احترافي على الروابط في مدونات بلوجر " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7MvS-kQT7q1BFsPN1d0x5O7DrOHgtoxrVUlon1wQelsrRonjYGV6cI7-s9OXvDFRCNLulq8p06UCLHYwV0qRn9fxBWgJISjUu3ODsKeaKm1z6_1LgYsLwIwL8mpC49Dz8aUOlibrYT2G/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%AA%D8%A3%D8%AB%D9%8A%D8%B1+%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A+%D8%B9%D9%84%D9%89+%D8%A7%D9%84%D8%B1%D9%88%D8%A7%D8%A8%D8%B7+%D9%81%D9%8A+%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" title=" اضافة تأثير احترافي على الروابط في مدونات بلوجر " /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"> اضافة تأثير احترافي على الروابط في مدونات بلوجر </td></tr>
</tbody></table>
<div style="text-align: center;">
السلام عليكم و رحمة الله و بركاته</div>
<div style="text-align: center;">
أهلا و سهلا بكم متابعى و زوار مدونة الموسوعة</div>
<div style="text-align: center;">
لقد تحدثنا من قبل أحبابى فى عن فضل و دور مواقع التواصل الاجتماعى على أنها من أهم الوسائل التى تعمل على انجاح المدونات و المواقع لذلك كلما كانت تدويناتك تم نشرها على مواقع التواصل الاجتماعى كلما زاد عدد زوار مواضيع مدونتك أو موقعك لان زوار مواقع التواصل الاجتماعى عدد لايستهان به.<br />
اليوم اسمحوا لى زوار مدونة الموسوعة أن أقدم لكم اضافة رائعة تزيد من جمالية المواقع و المدونات و هى يأثير حميل جدا على الروابط فى مدونتك<br />
<div id="wrap">
<a class="btn-slide" href="https://jsfiddle.net/th3_encyclopedia/xyeqhb9e/embedded/result/" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">معاينة</span>
<span class="title-hover">اضغط هنا</span>
</a>
</div>
</div>
<div style="text-align: center;">
لذلك أحبابى فى الله اليوم أقدم لكم اضافة رائعة للتأثير عاى الروابط داخل مدونتك و لن أطيل عليكم أحبابى<br />
<br />
طريقة الاضافة<br />
<br />
<div style="text-align: right;">
أولا قم بالدخول إلى القالب ثم تحرير HTML اضغط على F + CTRL و ابحث عن هذا الوسم ]]></b:skin></div>
<div style="text-align: right;">
و اضف الكود التالي فوقه</div>
<br />
<blockquote dir="ltr">
<div style="text-align: left;">
@import url(http://fonts.googleapis.com/css?family=Lato:100,400,900);</div>
<div style="text-align: left;">
a {</div>
<div style="text-align: left;">
-moz-transition: all 0.15s cubic-bezier(0.46, 0.01, 0.14, 1.35);</div>
<div style="text-align: left;">
-o-transition: all 0.15s cubic-bezier(0.46, 0.01, 0.14, 1.35);</div>
<div style="text-align: left;">
-webkit-transition: all 0.15s cubic-bezier(0.46, 0.01, 0.14, 1.35);</div>
<div style="text-align: left;">
transition: all 0.15s cubic-bezier(0.46, 0.01, 0.14, 1.35);</div>
<div style="text-align: left;">
white-space: nowrap;</div>
<div style="text-align: left;">
font-family: "Lato";</div>
<div style="text-align: left;">
font-weight: 900;</div>
<div style="text-align: left;">
font-size: 32px;</div>
<div style="text-align: left;">
letter-spacing: 2px;</div>
<div style="text-align: left;">
text-transform: uppercase;</div>
<div style="text-align: left;">
text-decoration: none;</div>
<div style="text-align: left;">
color: #ff4851;</div>
<div style="text-align: left;">
position: absolute;</div>
<div style="text-align: left;">
top: 50%;</div>
<div style="text-align: left;">
left: 50%;</div>
<div style="text-align: left;">
-moz-transform: translate(-50%, -50%);</div>
<div style="text-align: left;">
-ms-transform: translate(-50%, -50%);</div>
<div style="text-align: left;">
-webkit-transform: translate(-50%, -50%);</div>
<div style="text-align: left;">
transform: translate(-50%, -50%);</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
a:after {</div>
<div style="text-align: left;">
content: attr(href);</div>
<div style="text-align: left;">
-moz-transition: all 0s linear;</div>
<div style="text-align: left;">
-o-transition: all 0s linear;</div>
<div style="text-align: left;">
-webkit-transition: all 0s linear;</div>
<div style="text-align: left;">
transition: all 0s linear;</div>
<div style="text-align: left;">
overflow: hidden;</div>
<div style="text-align: left;">
background-color: #ff4851;</div>
<div style="text-align: left;">
text-transform: lowercase;</div>
<div style="text-align: left;">
position: absolute;</div>
<div style="text-align: left;">
font-size: 10px;</div>
<div style="text-align: left;">
letter-spacing: 0;</div>
<div style="text-align: left;">
font-weight: 500;</div>
<div style="text-align: left;">
bottom: -8px;</div>
<div style="text-align: left;">
left: 0;</div>
<div style="text-align: left;">
width: 100%;</div>
<div style="text-align: left;">
display: inline-block;</div>
<div style="text-align: left;">
-moz-transform: translate(-15px, 100%);</div>
<div style="text-align: left;">
-ms-transform: translate(-15px, 100%);</div>
<div style="text-align: left;">
-webkit-transform: translate(-15px, 100%);</div>
<div style="text-align: left;">
transform: translate(-15px, 100%);</div>
<div style="text-align: left;">
padding: 0 15px;</div>
<div style="text-align: left;">
max-height: 0;</div>
<div style="text-align: left;">
z-index: -1;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
a:before {</div>
<div style="text-align: left;">
content: "";</div>
<div style="text-align: left;">
-moz-backface-visibility: hidden;</div>
<div style="text-align: left;">
-webkit-backface-visibility: hidden;</div>
<div style="text-align: left;">
backface-visibility: hidden;</div>
<div style="text-align: left;">
-moz-transition: all 0.15s cubic-bezier(0.46, 0.01, 0.14, 1.35);</div>
<div style="text-align: left;">
-o-transition: all 0.15s cubic-bezier(0.46, 0.01, 0.14, 1.35);</div>
<div style="text-align: left;">
-webkit-transition: all 0.15s cubic-bezier(0.46, 0.01, 0.14, 1.35);</div>
<div style="text-align: left;">
transition: all 0.15s cubic-bezier(0.46, 0.01, 0.14, 1.35);</div>
<div style="text-align: left;">
position: absolute;</div>
<div style="text-align: left;">
width: 100%;</div>
<div style="text-align: left;">
height: 2px;</div>
<div style="text-align: left;">
background-color: #ff4851;</div>
<div style="text-align: left;">
bottom: -5px;</div>
<div style="text-align: left;">
z-index: -2;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
a:hover {</div>
<div style="text-align: left;">
color: white;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
a:hover:before {</div>
<div style="text-align: left;">
padding: 10px 15px;</div>
<div style="text-align: left;">
margin-left: -15px;</div>
<div style="text-align: left;">
bottom: -10px;</div>
<div style="text-align: left;">
height: 100%;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
a:hover:after {</div>
<div style="text-align: left;">
-moz-transition: all 0.25s cubic-bezier(0.46, 0.01, 0.14, 1.35) 0.3s;</div>
<div style="text-align: left;">
-o-transition: all 0.25s cubic-bezier(0.46, 0.01, 0.14, 1.35) 0.3s;</div>
<div style="text-align: left;">
-webkit-transition: all 0.25s cubic-bezier(0.46, 0.01, 0.14, 1.35);</div>
<div style="text-align: left;">
-webkit-transition-delay: 0.3s;</div>
<div style="text-align: left;">
transition: all 0.25s cubic-bezier(0.46, 0.01, 0.14, 1.35) 0.3s;</div>
<div style="text-align: left;">
-moz-transform: translate(-15px, 50%);</div>
<div style="text-align: left;">
-ms-transform: translate(-15px, 50%);</div>
<div style="text-align: left;">
-webkit-transform: translate(-15px, 50%);</div>
<div style="text-align: left;">
transform: translate(-15px, 50%);</div>
<div style="text-align: left;">
padding: 10px 15px;</div>
<div style="text-align: left;">
max-height: 30px;</div>
<div style="text-align: left;">
opacity: 1;</div>
<div style="text-align: left;">
}</div>
</blockquote>
<div dir="ltr">
<br /></div>
لاضافة التأثير على الروابط داخل التدوينة قم بعمل الآتى ( عند كتابة موضوع ننتقل من وضع تأليف إلى وضع HTML و نضع هذا الكود ) مع تغيير اللازم<br />
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<a href="<b><span style="color: #cc0000;">http://google.com/</span></b>" target="_blank"><b><span style="color: #38761d;">Link to</span></b><br /><b><span style="color: #0b5394;">Google</span></b></a></blockquote>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.com9tag:blogger.com,1999:blog-8579449150594828362.post-91478182557580722422015-03-04T08:03:00.000+02:002015-03-04T09:31:08.437+02:00[ حصريا ] اضافة ازرار مواقع التواصل الدائرية الى مدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">[full_width]
<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7IfAPrpySWYtlEF-nJw_SBhDMEBt-8Y4XaZmk0Ykc-84evxLP2WUCHpFiqduaG0ybnooXA2jAeP9F2I9Ovnoy1PTELGXy_8tavFN1DvIKoo9KBQEnvVsSCikFjnpWXJlzrCB3zRV0kKFV/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%A7%D8%B2%D8%B1%D8%A7%D8%B1+%D9%85%D9%88%D8%A7%D9%82%D8%B9+%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84+%D8%A7%D9%84%D8%AF%D8%A7%D8%A6%D8%B1%D9%8A%D8%A9.png" /></div>
<div style="text-align: center;">
السلام عليكم و رحمة الله و بركاته</div>
<div style="text-align: center;">
أهلا و سهلا بكم متابعى و زوار مدونة الموسوعة</div>
<div style="text-align: center;">
لا شك أن مواقع التواصل الاجتماعى من أهم الوسائل التى تعمل على انجاح المدونات و المواقع لذلك كلما كانت تدويناتك تم نشرها على مواقع التواصل الاجتماعى كلما زاد عدد زوار مواضيع مدونتك أو موقعك لان زوار مواقع التواصل الاجتماعى عدد لايستهان به.</div>
<div style="text-align: center;">
لذلك أحبابى فى الله اليوم أقدم لكم اضافة رائعة لمواقع التواصل الاجتماعى على مدونتك و لن أطيل عليكم أحبابى</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
أولا : كود الـ ( HTML )<br />
<br />
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<div class="menu"><br />
<div class="btn trigger"><br />
<span class="line"></span><br />
</div><br />
<div class="rotater"><br />
<div class="btn btn-icon"><br />
<i class="fa fa-codepen"></i><br />
</div><br />
</div><br />
<div class="rotater"><br />
<div class="btn btn-icon"><br />
<i class="fa fa-facebook"></i><br />
</div><br />
</div><br />
<div class="rotater"><br />
<div class="btn btn-icon"><br />
<i class="fa fa-google-plus"></i><br />
</div><br />
</div><br />
<div class="rotater"><br />
<div class="btn btn-icon"><br />
<i class="fa fa-twitter"></i><br />
</div><br />
</div><br />
<div class="rotater"><br />
<div class="btn btn-icon"><br />
<i class="fa fa-dribbble"></i><br />
</div><br />
</div><br />
<div class="rotater"><br />
<div class="btn btn-icon"><br />
<i class="fa fa-linkedin"></i><br />
</div><br />
</div><br />
<div class="rotater"><br />
<div class="btn btn-icon"><br />
<i class="fa fa-github"></i><br />
</div><br />
</div><br />
<div class="rotater"><br />
<div class="btn btn-icon"><br />
<i class="fa fa-behance"></i><br />
</div><br />
</div><br />
</div></blockquote>
<br /></div>
<div style="text-align: center;">
<div style="text-align: center;">
ثانيا : كود الـ ( CSS )<br />
<br />
<blockquote dir="ltr" style="text-align: left;">
*, *:before, *:after {<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
.absolute-center, .menu, .menu .btn .fa, .menu .btn.trigger .line {<br />
position: absolute;<br />
top: 50%;<br />
left: 50%;<br />
-webkit-transform: translateX(-50%) translateY(-50%);<br />
-ms-transform: translateX(-50%) translateY(-50%);<br />
transform: translateX(-50%) translateY(-50%);<br />
}<br />
.menu {<br />
width: 5em;<br />
height: 5em;<br />
}<br />
.menu .btn {<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
width: 100%;<br />
height: 100%;<br />
border-radius: 50%;<br />
background: #237dac;<br />
color: #fff;<br />
opacity: 0;<br />
z-index: -10;<br />
cursor: pointer;<br />
-webkit-transition: all 1s, z-index 0.3s, -webkit-transform 1s;<br />
transition: all 1s, z-index 0.3s, transform 1s;<br />
-webkit-transform: translateX(0);<br />
-ms-transform: translateX(0);<br />
transform: translateX(0);<br />
}<br />
.menu .btn .fa {<br />
font-size: 3em;<br />
-webkit-transition: color 0.3s;<br />
transition: color 0.3s;<br />
}<br />
.menu .btn:hover .fa {<br />
color: #30abd5;<br />
}<br />
.menu .btn:hover {<br />
background: #f5f7fa;<br />
}<br />
.menu .btn.trigger {<br />
opacity: 1;<br />
z-index: 100;<br />
cursor: pointer;<br />
-webkit-transition: -webkit-transform 0.3s;<br />
transition: transform 0.3s;<br />
}<br />
.menu .btn.trigger:hover {<br />
-webkit-transform: scale(1.2);<br />
-ms-transform: scale(1.2);<br />
transform: scale(1.2);<br />
background-color: #f5f7fa;<br />
color: #30abd5;<br />
}<br />
.menu .btn.trigger:hover .line {<br />
background-color: #30abd5;<br />
}<br />
.menu .btn.trigger:hover .line:before, .menu .btn.trigger:hover .line:after {<br />
background-color: #30abd5;<br />
}<br />
.menu .btn.trigger .line {<br />
width: 60%;<br />
height: 6px;<br />
background: #fff;<br />
border-radius: 6px;<br />
-webkit-transition: background-color 0.3s, height 0.3s, top 0.3s;<br />
transition: background-color 0.3s, height 0.3s, top 0.3s;<br />
}<br />
.menu .btn.trigger .line:before, .menu .btn.trigger .line:after {<br />
content: "";<br />
display: block;<br />
position: absolute;<br />
left: 0;<br />
width: 100%;<br />
height: 6px;<br />
background: #fff;<br />
border-radius: 6px;<br />
-webkit-transition: background-color 0.3s, -webkit-transform 0.3s;<br />
transition: background-color 0.3s, transform 0.3s;<br />
}<br />
.menu .btn.trigger .line:before {<br />
top: -12px;<br />
-webkit-transform-origin: 15% 100%;<br />
-ms-transform-origin: 15% 100%;<br />
transform-origin: 15% 100%;<br />
}<br />
.menu .btn.trigger .line:after {<br />
top: 12px;<br />
-webkit-transform-origin: 25% 30%;<br />
-ms-transform-origin: 25% 30%;<br />
transform-origin: 25% 30%;<br />
}<br />
.menu .rotater {<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
width: 100%;<br />
height: 100%;<br />
-webkit-transform-origin: 50% 50%;<br />
-ms-transform-origin: 50% 50%;<br />
transform-origin: 50% 50%;<br />
}<br />
.menu.active .btn-icon {<br />
opacity: 1;<br />
z-index: 50;<br />
}<br />
.menu.active .trigger .line {<br />
height: 0px;<br />
top: 45%;<br />
}<br />
.menu.active .trigger .line:before {<br />
-webkit-transform: rotate(45deg);<br />
-ms-transform: rotate(45deg);<br />
transform: rotate(45deg);<br />
width: 110%;<br />
}<br />
.menu.active .trigger .line:after {<br />
-webkit-transform: rotate(-45deg);<br />
-ms-transform: rotate(-45deg);<br />
transform: rotate(-45deg);<br />
width: 110%;<br />
}<br />
.rotater:nth-child(1) {<br />
-webkit-transform: rotate(-22.5deg);<br />
-ms-transform: rotate(-22.5deg);<br />
transform: rotate(-22.5deg);<br />
}<br />
.menu.active .rotater:nth-child(1) .btn-icon {<br />
-webkit-transform: translateX(-10em) rotate(22.5deg);<br />
-ms-transform: translateX(-10em) rotate(22.5deg);<br />
transform: translateX(-10em) rotate(22.5deg);<br />
}<br />
.rotater:nth-child(2) {<br />
-webkit-transform: rotate(22.5deg);<br />
-ms-transform: rotate(22.5deg);<br />
transform: rotate(22.5deg);<br />
}<br />
.menu.active .rotater:nth-child(2) .btn-icon {<br />
-webkit-transform: translateX(-10em) rotate(-22.5deg);<br />
-ms-transform: translateX(-10em) rotate(-22.5deg);<br />
transform: translateX(-10em) rotate(-22.5deg);<br />
}<br />
.rotater:nth-child(3) {<br />
-webkit-transform: rotate(67.5deg);<br />
-ms-transform: rotate(67.5deg);<br />
transform: rotate(67.5deg);<br />
}<br />
.menu.active .rotater:nth-child(3) .btn-icon {<br />
-webkit-transform: translateX(-10em) rotate(-67.5deg);<br />
-ms-transform: translateX(-10em) rotate(-67.5deg);<br />
transform: translateX(-10em) rotate(-67.5deg);<br />
}<br />
.rotater:nth-child(4) {<br />
-webkit-transform: rotate(112.5deg);<br />
-ms-transform: rotate(112.5deg);<br />
transform: rotate(112.5deg);<br />
}<br />
.menu.active .rotater:nth-child(4) .btn-icon {<br />
-webkit-transform: translateX(-10em) rotate(-112.5deg);<br />
-ms-transform: translateX(-10em) rotate(-112.5deg);<br />
transform: translateX(-10em) rotate(-112.5deg);<br />
}<br />
.rotater:nth-child(5) {<br />
-webkit-transform: rotate(157.5deg);<br />
-ms-transform: rotate(157.5deg);<br />
transform: rotate(157.5deg);<br />
}<br />
.menu.active .rotater:nth-child(5) .btn-icon {<br />
-webkit-transform: translateX(-10em) rotate(-157.5deg);<br />
-ms-transform: translateX(-10em) rotate(-157.5deg);<br />
transform: translateX(-10em) rotate(-157.5deg);<br />
}<br />
.rotater:nth-child(6) {<br />
-webkit-transform: rotate(202.5deg);<br />
-ms-transform: rotate(202.5deg);<br />
transform: rotate(202.5deg);<br />
}<br />
.menu.active .rotater:nth-child(6) .btn-icon {<br />
-webkit-transform: translateX(-10em) rotate(-202.5deg);<br />
-ms-transform: translateX(-10em) rotate(-202.5deg);<br />
transform: translateX(-10em) rotate(-202.5deg);<br />
}<br />
.rotater:nth-child(7) {<br />
-webkit-transform: rotate(247.5deg);<br />
-ms-transform: rotate(247.5deg);<br />
transform: rotate(247.5deg);<br />
}<br />
.menu.active .rotater:nth-child(7) .btn-icon {<br />
-webkit-transform: translateX(-10em) rotate(-247.5deg);<br />
-ms-transform: translateX(-10em) rotate(-247.5deg);<br />
transform: translateX(-10em) rotate(-247.5deg);<br />
}<br />
.rotater:nth-child(8) {<br />
-webkit-transform: rotate(292.5deg);<br />
-ms-transform: rotate(292.5deg);<br />
transform: rotate(292.5deg);<br />
}<br />
.menu.active .rotater:nth-child(8) .btn-icon {<br />
-webkit-transform: translateX(-10em) rotate(-292.5deg);<br />
-ms-transform: translateX(-10em) rotate(-292.5deg);<br />
transform: translateX(-10em) rotate(-292.5deg);<br />
}<br />
.rotater:nth-child(9) {<br />
-webkit-transform: rotate(337.5deg);<br />
-ms-transform: rotate(337.5deg);<br />
transform: rotate(337.5deg);<br />
}<br />
.menu.active .rotater:nth-child(9) .btn-icon {<br />
-webkit-transform: translateX(-10em) rotate(-337.5deg);<br />
-ms-transform: translateX(-10em) rotate(-337.5deg);<br />
transform: translateX(-10em) rotate(-337.5deg);<br />
}</blockquote>
<br />
ثالثا : كود الـ ( JAVA Script)<br />
<br />
<blockquote class="tr_bq" dir="ltr">
<div style="text-align: left;">
<script type='text/javascript'></div>
<div style="text-align: left;">
$(document).ready(function(){$(".trigger").click(function(){$(".menu").toggleClass("active")})})</div>
<div style="text-align: left;">
</script></div>
</blockquote>
<br /></div>
</div>
</div>
</div>
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F2.bp.blogspot.com%2F-9Z_Tf6nj2Ig%2FVPabkC1_8PI%2FAAAAAAAAA58%2FRt3kdmtlYbI%2Fs1600%2F%25D8%25A7%25D8%25B6%25D8%25A7%25D9%2581%25D8%25A9%252B%25D8%25A7%25D8%25B2%25D8%25B1%25D8%25A7%25D8%25B1%252B%25D9%2585%25D9%2588%25D8%25A7%25D9%2582%25D8%25B9%252B%25D8%25A7%25D9%2584%25D8%25AA%25D9%2588%25D8%25A7%25D8%25B5%25D9%2584%252B%25D8%25A7%25D9%2584%25D8%25AF%25D8%25A7%25D8%25A6%25D8%25B1%25D9%258A%25D8%25A9.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7IfAPrpySWYtlEF-nJw_SBhDMEBt-8Y4XaZmk0Ykc-84evxLP2WUCHpFiqduaG0ybnooXA2jAeP9F2I9Ovnoy1PTELGXy_8tavFN1DvIKoo9KBQEnvVsSCikFjnpWXJlzrCB3zRV0kKFV/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%A7%D8%B2%D8%B1%D8%A7%D8%B1+%D9%85%D9%88%D8%A7%D9%82%D8%B9+%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84+%D8%A7%D9%84%D8%AF%D8%A7%D8%A6%D8%B1%D9%8A%D8%A9.png" -->Anonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.com2tag:blogger.com,1999:blog-8579449150594828362.post-44095082318374948412015-03-03T22:27:00.003+02:002015-03-03T22:27:18.683+02:00[ حصريا ] اضافة أداة تعليقات الزوار بشكل منزلق و رائع<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="rtl" style="text-align: center;">
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR_bSGGMBMrggXQe24PM8dPjbhM8kBq8WAnm-_Txs0zWBQrQDDLXYPkGjLsQ4sWvDOqT9-IHQHjeW343cdAFSrr7WRUx-NRpwgXWar0_KG4rdKJI-0SfXFl54J-QnoV6dfYpbluWmQQacJ/s1600/%D8%A2%D8%AE%D8%B1+%D8%AA%D8%B9%D9%84%D9%8A%D9%82%D8%A7%D8%AA+%D8%A7%D9%84%D8%B2%D9%88%D8%A7%D8%B1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="اضافة أداة تعليقات الزوار بشكل منزلق و رائع" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR_bSGGMBMrggXQe24PM8dPjbhM8kBq8WAnm-_Txs0zWBQrQDDLXYPkGjLsQ4sWvDOqT9-IHQHjeW343cdAFSrr7WRUx-NRpwgXWar0_KG4rdKJI-0SfXFl54J-QnoV6dfYpbluWmQQacJ/s1600/%D8%A2%D8%AE%D8%B1+%D8%AA%D8%B9%D9%84%D9%8A%D9%82%D8%A7%D8%AA+%D8%A7%D9%84%D8%B2%D9%88%D8%A7%D8%B1.png" height="640" title="اضافة أداة تعليقات الزوار بشكل منزلق و رائع" width="444" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">اضافة أداة تعليقات الزوار بشكل منزلق و رائع</td></tr>
</tbody></table>
<br /></div>
<div dir="rtl" style="text-align: center;">
السلام عليكم و رحمة الله و بركاته</div>
<div dir="rtl" style="text-align: center;">
أهلا و سهلا بكم متابعى و زوار و أعضاء مدونة الموسوعة</div>
<div dir="rtl" style="text-align: center;">
كثيرا منا محبى المواقع و المدونات يمتلك مدونة و موقع خاص به على<span style="color: #cc0000;"> <a href="https://www.blogger.com/home" rel="nofollow" target="_blank">بلوجر</a></span> و كل من لدويه مدونة أو موقع يريد أن يظهره فى صورة جميلة حتى يتم جذب الزوار الى الموقع أو المدونة طبعا هذا بالاضافة الى محتوى المدونة بالتأكيد , و لكى تجعل مدونتك جميلة هناك عدة اضافات يجب أن تقوم باضافتها الى مدونتك ( تابعنا عبر الموسوعة ) , ستجد كل هذه الاضافات فى مدونتنا ( مدونة الموسوعة ) </div>
<div dir="rtl" style="text-align: center;">
لذلك أحبابى فى الله اليوم أقدم لكم اضافة غاية فى الروعة لاظهار اخر التعليقات فى المدونة بشكل منزلق و متحرك بشكل رائع و جميل</div>
<div dir="rtl" style="text-align: center;">
لن أطيل عليكم زوارى الكرام لذلك اترككم مع الاضافة</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div class="sb sb_blue">
<div class="box_title">
<div dir="rtl" style="text-align: center;">
معاينة الاضافة</div>
</div>
<div class="box_content">
<div dir="rtl" style="text-align: center;">
<br />
<script type="text/javascript">
//<![CDATA[
var _0xccb9=["1P.2G=(2(){3 a=2(p){3 e=p||{},k=e.2p||\x22\x22,c=e.2g||\x22#2j\x22,l=e.2s||6,j=e.2a||1e,i=e.2m||1b,b=e.1B||4,h=e.28||29,g=e.2e||1i,f=e.2k||2l,n=e.2o||\x221m://4.2q.2r.1r/-2v/2w/2E/2F/2H/2J-2O-1y.1A\x22,m=e.1C||1e,d=e.1F||\x22\x22;$.1G({1J:\x22\x22+k+\x22/1M/1N/1O?1a=1R-1T-1V\x22,1Z:\x2220\x22,22:\x2225\x22,26:2(D){3 v,x=D.2b.2d;5(x!==2f){v=\x22\x3C13 2h=\x272i\x27 Q=\x271g\x27\x3E\x22;Y=0;15(3 u=0;u\x3Cm;u++){3 t,z,w,o,y,r;5(u==x.W){1d}5(Y\x3E=l){1d}3 C=x[u];15(3 s=0;s\x3CC.14.W;s++){5(C.14[s].18==\x221z\x22){t=C.14[s].12}}15(3 B=0;B\x3CC.T.W;B++){z=C.T[B].1D.$t;w=C.T[B].1k$1E.1l}5(z!=d\x26\x26Y\x3Cl){Y++;v+=\x22\x3C7\x3E\x22;5(w==\x221m://1H.1I.1r/1n/1K.1L\x22){o=n}1o{o=w.1q(/\x5C/s[0-9]+(\x5C-c|\x5C/)/,\x22/s\x22+j+\x22$1\x22)}3 r=(C.T[0].1t)?C.T[0].1t.$t:\x22#1Q\x22;v+=\x27\x3CV Q=\x221S\x22\x3E\x3Ca 18=\x2219\x22 12=\x22\x27+r+\x27\x22\x3E\x3C1n 1l=\x22\x27+o+\x27\x22 1a=\x22\x27+z+\x27\x22 1U=\x22\x27+j+\x27\x22 U=\x22\x27+j+\x27\x22/\x3E\x3C/a\x3E\x3C/V\x3E\x27;3 y=C.1k$1W[1].1X;v+=\x27\x3CV Q=\x221Y\x22\x3E\x3Ca 18=\x2219\x22 12=\x22\x27+t+\x27\x22\x3E\x27+z+\x22\x3C/a\x3E \x3CZ\x3E\x22+y+\x22\x3C/Z\x3E\x3C/V\x3E\x22;3 A=C.21.$t;3 q=A.1q(/\x3C\x5CS[^\x3E]*\x3E/g,\x22\x22);5(q.W\x3Ef){q=q.23(0,f)+\x22...\x22}v+=\x27\x3Cp Q=\x2224\x22\x3E\x27+q+\x22\x3C/p\x3E\x22;v+=\x22\x3C/7\x3E\x22}}v+=\x22\x3C/13\x3E\x22;$(c).10(v);(2(E){E.27.1c=2(F,H,G){F=F||4;H=H||2c;G=G||1i;1f 8.1h(2(){3 O=E(8),N=1j,M=[],L=F,I=O.11(\x22\x3E 7:2n\x22).U(),K=0;2 J(){5(N){3 P=E(M[L]).1p({U:0,16:0}).2t(O);O.11(\x22\x3E 7:2u\x22).17({16:0},G,2(){P.17({U:I},G).17({16:1},G);E(8).1s()});L++;5(L\x3E=K){L=0}}2x(J,H)}O.11(\x22\x3E 7\x22).1h(2(){M.2y(\x22\x3C7\x3E\x22+E(8).10()+\x22\x3C/7\x3E\x22)});K=M.W;O.2z(\x27\x3CV Q=\x222A\x22 /\x3E\x27).2B().1p({U:I*F});O.11(\x22\x3E 7\x22).2C(\x22:2D(\x22+(F-1)+\x22)\x22).1s();O.X(\x221u\x22,2(){N=1b}).X(\x221v\x22,2(){N=1j});J()})}})(R);R(2(){5(i){R(\x2213.1g\x22).1c(b,h,g).X(\x222I\x22,2(){R(8).1w(\x221u\x22)}).X(\x222K\x22,2(){R(8).1w(\x221v\x22)})}})}1o{$(c).10(\x22\x3CZ\x3E2L 2M!\x3C/Z\x3E\x22)}},2N:2(){$(c).10(\x22\x3C1x\x3E2P 2Q 2R!\x3C/1x\x3E\x22)}})};1f 2(b){a(b)}})();","|","split","||function|var||if||li|this||||||||||||||||||||||||||||||||||||||||||||class|jQuery||author|height|div|length|bind|ntotal|span|html|find|href|ul|link|for|opacity|animate|rel|nofollow|alt|false|simpleSpyRkm|break|50|return|rcomnetspy|each|1000|true|gd|src|http|img|else|css|replace|com|remove|uri|stop|start|trigger|strong|icon|alternate|png|limitspyrkm|maxfeeds|name|image|adminBlog|ajax|img1|blogblog|url|blank|gif|feeds|comments|default|window|nope|json|kmtimg|in|width|script|extendedProperty|value|ketkomt|type|get|content|dataType|substring|komtsum|jsonp|success|fn|intervalspyrkm|4000|avatarSize|feed|5000|entry|tickspeedrkm|undefined|id_containrc|id|kmtranimasi|rcentcomnets|characters|100|animatedRecentcomments|first|defaultAvatar|url_blog|bp|blogspot|numComments|prependTo|last|AEWksK942OE|UFiyLzXJhiI|setTimeout|push|wrap|spyWrapperrkm|parent|filter|gt|AAAAAAAAFKE|jBegaGPClxI|rccommnetsx|s70|mouseenter|user|mouseleave|No|result|error|anonymous|Error|Loading|Feed","","fromCharCode","replace","\x5Cw+","\x5Cb","g"];eval(function (_0x9005x1,_0x9005x2,_0x9005x3,_0x9005x4,_0x9005x5,_0x9005x6){_0x9005x5=function (_0x9005x3){return (_0x9005x3<_0x9005x2?_0xccb9[4]:_0x9005x5(parseInt(_0x9005x3/_0x9005x2)))+((_0x9005x3=_0x9005x3%_0x9005x2)>35?String[_0xccb9[5]](_0x9005x3+29):_0x9005x3.toString(36));} ;if(!_0xccb9[4][_0xccb9[6]](/^/,String)){while(_0x9005x3--){_0x9005x6[_0x9005x5(_0x9005x3)]=_0x9005x4[_0x9005x3]||_0x9005x5(_0x9005x3);} ;_0x9005x4=[function (_0x9005x5){return _0x9005x6[_0x9005x5];} ];_0x9005x5=function (){return _0xccb9[7];} ;_0x9005x3=1;} ;while(_0x9005x3--){if(_0x9005x4[_0x9005x3]){_0x9005x1=_0x9005x1[_0xccb9[6]]( new RegExp(_0xccb9[8]+_0x9005x5(_0x9005x3)+_0xccb9[8],_0xccb9[9]),_0x9005x4[_0x9005x3]);} ;} ;return _0x9005x1;} (_0xccb9[0],62,178,_0xccb9[3][_0xccb9[2]](_0xccb9[1]),0,{}));
//]]>
</script>
<br />
<div id="rcentcomnets">
<span class="loadingxrcm">Loading...</span></div>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
rccommnetsx({
id_containrc:"#rcentcomnets",
animatedRecentcomments:true,
numComments:10,
url_blog:"http://th3-encyclopedia.blogspot.com",
adminBlog:"fb.com/princemohamedonly"
});
});
//]]>
</script>
<style>
#rcentcomnets{
overflow: hidden;
}
.loadingxrcm {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpeR6n3N5OfMB5a5cFcClJnY5tFaea3gl0P17HbexBht0Re7zn0WRE4CX_z9CqVhNnVrU2r7fBD_EB5ii0_u0quK3pgeSm55cuzVHypMWkXPZrCfb-Lhs6MQ_bLe6XTmkJ731kJRzQtPY/s1600/progress_ani.gif) no-repeat 50% 50%;
width:32px;
height:32px;
display:block;
margin:0 auto;
text-indent:-9999px;
}
ul#kmtranimasi{
text-align:right;
font:normal normal 11px Verdana,Geneva,sans-serif
}
ul#kmtranimasi,ul#kmtranimasi li{
margin:0;
padding:0;
list-style:none;
overflow:hidden;
position:relative
}
ul#kmtranimasi li{
text-indent:0;
height:90px;
padding:0 8px;
border:1px solid black;
border-top:1px solid #353535
}
ul#kmtranimasi img{
display:none
}
ul#kmtranimasi .ketkomt{
overflow:hidden
}
ul#kmtranimasi .ketkomt a{
width:95%;
text-align:center;
display:block;
color:black;
font-weight:bold;
overflow:hidden;
background:none repeat scroll 0% 0% #373939;border-radius:2px;
float:right;
padding:0 5px;
margin: 5px 9px 0 0;
}
ul#kmtranimasi .ketkomt span{
display:none
}
ul#kmtranimasi p{
font-family: Electrolize,droid arabic kufi,Lato, sans-serif;
text-align: center;
margin:15px 5px 0
}
</style>
</div>
</div>
</div>
<div class="sb sb_blue">
<div class="box_title">
<div dir="rtl" style="text-align: center;">
تحمل الاضافة</div>
</div>
<div class="box_content">
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: right;">
قم بالدخول الى حسابك فى بلوجر</div>
<div dir="rtl" style="text-align: right;">
ثم الذهاب الى التخطيط و من ثم اضافة أداة HTML JavaScript ثم قم بلصق الكود و قم بحفظ الاداة</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<blockquote class="tr_bq" style="text-align: left;">
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
var _0xccb9=["1P.2G=(2(){3 a=2(p){3 e=p||{},k=e.2p||\x22\x22,c=e.2g||\x22#2j\x22,l=e.2s||6,j=e.2a||1e,i=e.2m||1b,b=e.1B||4,h=e.28||29,g=e.2e||1i,f=e.2k||2l,n=e.2o||\x221m://4.2q.2r.1r/-2v/2w/2E/2F/2H/2J-2O-1y.1A\x22,m=e.1C||1e,d=e.1F||\x22\x22;$.1G({1J:\x22\x22+k+\x22/1M/1N/1O?1a=1R-1T-1V\x22,1Z:\x2220\x22,22:\x2225\x22,26:2(D){3 v,x=D.2b.2d;5(x!==2f){v=\x22\x3C13 2h=\x272i\x27 Q=\x271g\x27\x3E\x22;Y=0;15(3 u=0;u\x3Cm;u++){3 t,z,w,o,y,r;5(u==x.W){1d}5(Y\x3E=l){1d}3 C=x[u];15(3 s=0;s\x3CC.14.W;s++){5(C.14[s].18==\x221z\x22){t=C.14[s].12}}15(3 B=0;B\x3CC.T.W;B++){z=C.T[B].1D.$t;w=C.T[B].1k$1E.1l}5(z!=d\x26\x26Y\x3Cl){Y++;v+=\x22\x3C7\x3E\x22;5(w==\x221m://1H.1I.1r/1n/1K.1L\x22){o=n}1o{o=w.1q(/\x5C/s[0-9]+(\x5C-c|\x5C/)/,\x22/s\x22+j+\x22$1\x22)}3 r=(C.T[0].1t)?C.T[0].1t.$t:\x22#1Q\x22;v+=\x27\x3CV Q=\x221S\x22\x3E\x3Ca 18=\x2219\x22 12=\x22\x27+r+\x27\x22\x3E\x3C1n 1l=\x22\x27+o+\x27\x22 1a=\x22\x27+z+\x27\x22 1U=\x22\x27+j+\x27\x22 U=\x22\x27+j+\x27\x22/\x3E\x3C/a\x3E\x3C/V\x3E\x27;3 y=C.1k$1W[1].1X;v+=\x27\x3CV Q=\x221Y\x22\x3E\x3Ca 18=\x2219\x22 12=\x22\x27+t+\x27\x22\x3E\x27+z+\x22\x3C/a\x3E \x3CZ\x3E\x22+y+\x22\x3C/Z\x3E\x3C/V\x3E\x22;3 A=C.21.$t;3 q=A.1q(/\x3C\x5CS[^\x3E]*\x3E/g,\x22\x22);5(q.W\x3Ef){q=q.23(0,f)+\x22...\x22}v+=\x27\x3Cp Q=\x2224\x22\x3E\x27+q+\x22\x3C/p\x3E\x22;v+=\x22\x3C/7\x3E\x22}}v+=\x22\x3C/13\x3E\x22;$(c).10(v);(2(E){E.27.1c=2(F,H,G){F=F||4;H=H||2c;G=G||1i;1f 8.1h(2(){3 O=E(8),N=1j,M=[],L=F,I=O.11(\x22\x3E 7:2n\x22).U(),K=0;2 J(){5(N){3 P=E(M[L]).1p({U:0,16:0}).2t(O);O.11(\x22\x3E 7:2u\x22).17({16:0},G,2(){P.17({U:I},G).17({16:1},G);E(8).1s()});L++;5(L\x3E=K){L=0}}2x(J,H)}O.11(\x22\x3E 7\x22).1h(2(){M.2y(\x22\x3C7\x3E\x22+E(8).10()+\x22\x3C/7\x3E\x22)});K=M.W;O.2z(\x27\x3CV Q=\x222A\x22 /\x3E\x27).2B().1p({U:I*F});O.11(\x22\x3E 7\x22).2C(\x22:2D(\x22+(F-1)+\x22)\x22).1s();O.X(\x221u\x22,2(){N=1b}).X(\x221v\x22,2(){N=1j});J()})}})(R);R(2(){5(i){R(\x2213.1g\x22).1c(b,h,g).X(\x222I\x22,2(){R(8).1w(\x221u\x22)}).X(\x222K\x22,2(){R(8).1w(\x221v\x22)})}})}1o{$(c).10(\x22\x3CZ\x3E2L 2M!\x3C/Z\x3E\x22)}},2N:2(){$(c).10(\x22\x3C1x\x3E2P 2Q 2R!\x3C/1x\x3E\x22)}})};1f 2(b){a(b)}})();","|","split","||function|var||if||li|this||||||||||||||||||||||||||||||||||||||||||||class|jQuery||author|height|div|length|bind|ntotal|span|html|find|href|ul|link|for|opacity|animate|rel|nofollow|alt|false|simpleSpyRkm|break|50|return|rcomnetspy|each|1000|true|gd|src|http|img|else|css|replace|com|remove|uri|stop|start|trigger|strong|icon|alternate|png|limitspyrkm|maxfeeds|name|image|adminBlog|ajax|img1|blogblog|url|blank|gif|feeds|comments|default|window|nope|json|kmtimg|in|width|script|extendedProperty|value|ketkomt|type|get|content|dataType|substring|komtsum|jsonp|success|fn|intervalspyrkm|4000|avatarSize|feed|5000|entry|tickspeedrkm|undefined|id_containrc|id|kmtranimasi|rcentcomnets|characters|100|animatedRecentcomments|first|defaultAvatar|url_blog|bp|blogspot|numComments|prependTo|last|AEWksK942OE|UFiyLzXJhiI|setTimeout|push|wrap|spyWrapperrkm|parent|filter|gt|AAAAAAAAFKE|jBegaGPClxI|rccommnetsx|s70|mouseenter|user|mouseleave|No|result|error|anonymous|Error|Loading|Feed","","fromCharCode","replace","\x5Cw+","\x5Cb","g"];eval(function (_0x9005x1,_0x9005x2,_0x9005x3,_0x9005x4,_0x9005x5,_0x9005x6){_0x9005x5=function (_0x9005x3){return (_0x9005x3<_0x9005x2?_0xccb9[4]:_0x9005x5(parseInt(_0x9005x3/_0x9005x2)))+((_0x9005x3=_0x9005x3%_0x9005x2)>35?String[_0xccb9[5]](_0x9005x3+29):_0x9005x3.toString(36));} ;if(!_0xccb9[4][_0xccb9[6]](/^/,String)){while(_0x9005x3--){_0x9005x6[_0x9005x5(_0x9005x3)]=_0x9005x4[_0x9005x3]||_0x9005x5(_0x9005x3);} ;_0x9005x4=[function (_0x9005x5){return _0x9005x6[_0x9005x5];} ];_0x9005x5=function (){return _0xccb9[7];} ;_0x9005x3=1;} ;while(_0x9005x3--){if(_0x9005x4[_0x9005x3]){_0x9005x1=_0x9005x1[_0xccb9[6]]( new RegExp(_0xccb9[8]+_0x9005x5(_0x9005x3)+_0xccb9[8],_0xccb9[9]),_0x9005x4[_0x9005x3]);} ;} ;return _0x9005x1;} (_0xccb9[0],62,178,_0xccb9[3][_0xccb9[2]](_0xccb9[1]),0,{}));<br />
//]]><br />
</script><br />
<div id='rcentcomnets'><span class='loadingxrcm'>Loading...</span></div><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
$(document).ready(function () {<br />
rccommnetsx({<br />
id_containrc:"#rcentcomnets",<br />
animatedRecentcomments:true,<br />
numComments:10,<br />
url_blog:"http://th3-encyclopedia.blogspot.com",<br />
adminBlog:"fb.com/princemohamedonly"<br />
});<br />
});<br />
//]]><br />
</script><br />
<style><br />
#rcentcomnets{<br />
overflow: hidden;<br />
}<br />
.loadingxrcm {<br />
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpeR6n3N5OfMB5a5cFcClJnY5tFaea3gl0P17HbexBht0Re7zn0WRE4CX_z9CqVhNnVrU2r7fBD_EB5ii0_u0quK3pgeSm55cuzVHypMWkXPZrCfb-Lhs6MQ_bLe6XTmkJ731kJRzQtPY/s1600/progress_ani.gif) no-repeat 50% 50%;<br />
width:32px;<br />
height:32px;<br />
display:block;<br />
margin:0 auto;<br />
text-indent:-9999px;<br />
}<br />
ul#kmtranimasi{<br />
text-align:right;<br />
font:normal normal 11px Verdana,Geneva,sans-serif<br />
}<br />
ul#kmtranimasi,ul#kmtranimasi li{<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
overflow:hidden;<br />
position:relative<br />
}<br />
ul#kmtranimasi li{<br />
text-indent:0;<br />
height:90px;<br />
padding:0 8px;<br />
border:1px solid black;<br />
border-top:1px solid #353535<br />
}<br />
ul#kmtranimasi img{<br />
display:none<br />
}<br />
ul#kmtranimasi .ketkomt{<br />
overflow:hidden<br />
}<br />
ul#kmtranimasi .ketkomt a{<br />
width:95%;<br />
text-align:center;<br />
display:block;<br />
color:black;<br />
font-weight:bold;<br />
overflow:hidden;<br />
background:none repeat scroll 0% 0% #373939;border-radius:2px;<br />
float:right;<br />
padding:0 5px;<br />
margin: 5px 9px 0 0;<br />
}<br />
ul#kmtranimasi .ketkomt span{<br />
display:none<br />
}<br />
ul#kmtranimasi p{<br />
font-family: Electrolize,droid arabic kufi,Lato, sans-serif;<br />
text-align: center;<br />
margin:15px 5px 0<br />
}<br />
</style></blockquote>
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.com0tag:blogger.com,1999:blog-8579449150594828362.post-54737235280679075602015-02-25T19:16:00.004+02:002015-03-07T07:44:51.252+02:00( حصريا على الموسوعة ) القالب السابق للمدونة متاح للتحميل و لكن بشروط <div dir="ltr" style="text-align: left;" trbidi="on">
[full_width]<br />
<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;"><span style="margin-left: auto; margin-right: auto;"><img alt="قالب الموسوعة الشاملة " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWoUgMcGpeC6BW0vR9IxEWgGgglNhJOVpzhtA0D8-UBYfp9OEqdTOx3ycibDLUIK-vzp67ogHwzNzBcgsozhtZmCXQNaQv-cXszQALVatqtAPg4Tz2wsHsNRn66gQE_c4ES7lqwgOpH2-0/s1600/%D8%A7%D9%84%D9%85%D9%88%D8%B3%D9%88%D8%B9%D8%A9+%D8%A7%D9%84%D8%B4%D8%A7%D9%85%D9%84%D8%A9.png" height="286" title="قالب الموسوعة الشاملة " width="640" /></span></td></tr>
<tr><td class="tr-caption" style="text-align: center;">قالب الموسوعة الشاملة </td></tr>
</tbody></table>
<div dir="rtl" style="text-align: center;">
السلام عليكم و رحمة الله و بركاته</div>
<div dir="rtl" style="text-align: center;">
أهلا و سهلا بكم متابعى مدونة الموسوعة الشاملة</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
اليوم أقدم لكم هدية رائعة جدا و هذه الهدية عبارة عن قالب المدونة الحالى لمدونة الموسوعة , يتميز هذا القالب بألوانه الرائعة المتناسقة المريحة للعين , </div>
<div class="sb sb_blue">
<div class="box_title">
<div dir="rtl" style="text-align: center;">
بعض مميزات القالب
</div>
</div>
<div class="box_content" dir="rtl" style="text-align: right;">
<ol class="rounded-list">
<li>
<ol>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
يحتوى على واجهة احترافية جدا.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
تحتوى الصفحة الرئيسية على تبويبات تمكنك من تعريف أقسام مدونتى بطريقة احترافية.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
يوجد فى الصفحة الرئيسية سلايدر يجعلك تظهر أعمالك فى المدونة بشكل احترافى جدا ( ليس تلقائيا)
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
يحتوى القالب على قائمة علوية جميلة و قابلة لعمل قائمة منسدلة أنيقة و هادئة .
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
يحتوى أيضا على قائمة علوية أخرى احترفية جدا جدا و قابلة لعمل قائمة منسدلة ولكن أكثر احترافية من القائمة العلوية حيث تمكنك من اظهار اخر المواضيع لكل قسم فى القائمة .
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
شكل عرض التدوينات كما ترون احترافى جدا.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
تحتوى على أداة لعرض الاعلانات بجانب شعار المدونة.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
اظهار عدد التعليقات فى كل موضوع فى صفحة عرض التدوينات.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
يحتوى القالب على فوتر يتكون من ثلاثة أعمدة بشكل احترافى.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
يحتوى القالب على الترقيم الاحترافى ( و من المؤكد أنه ظاهر الان اى هذه معاينة حية للترقيم)
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
اضافة تبويبات احترافية جدا داخل التدوينات كما هو ظاهر فى الصورة التى توضح صفحة التدوينات بالأسفل.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
يحتوى القالب أيضا على الشكل الرائع و الاحترافى لعرض التدوينات ذات صلة أيضا كما هو ظاهر فى صفحة التدوينات.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
امكانية اضافة بيانات داخل صناديق احترافية فى التدوينة أيضا ظاهر فى صفحة التدوينة.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
شكل التعليقات ليس احترافيا فقط بل هو الاحتراف بعينه كما ترون فى تعليقات المدونة.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
يحتوى أيضا على تعريف احترافى بالمدون كما ترون.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
اختفاء الفوتر فى الصفحات الثابتة و صفحات التدوينات مما يجعل القالب سريع جدا و بالتالى لا يمل الزوار من المدونة.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
اضافات القالب الاحترافية من طرق عرض تعليقات الزوار المنزلقة ( جميلة جدا )
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
امكانية ادراج الصور و الفيديوهات الى التعليقات.
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
هناك العديد من المميزات سوف تعرفها بنفسك
</li>
</ol>
</li>
</ol>
</div>
</div>
<div class="sb sb_blue">
<div class="box_title" dir="rtl" style="text-align: right;">
<div style="text-align: center;">
معاينة الصفحة الرئيسية
</div>
</div>
<div class="box_content">
<div dir="rtl" style="text-align: center;">
<br /></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;"><img alt="معاينة الصفحة الرئيسية" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmB-zM7Zni-sWbpi71tj9RLCrID5yiG6BSOY5a7L_u94_8c-TxaFcXmquS8gI4c5QLXc87PQ_MN8BgghHk36_lI_7-d0MuuR4cRBr5QZiGcY2whcwNTMVXMzFRnbtnNmcH8O4DRv-kA7uu/s1600/%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9+%D8%A7%D9%84%D8%B1%D8%A6%D9%8A%D8%B3%D9%8A%D8%A9.png" height="1057" style="margin-left: auto; margin-right: auto;" title="معاينة الصفحة الرئيسية" width="700" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">الصفحة الرئيسية</td></tr>
</tbody></table>
<div dir="rtl" style="text-align: center;">
<br /></div>
</div>
</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div class="sb sb_blue">
<div class="box_title">
<div dir="rtl" style="text-align: center;">
معاينة صفحة عرض المواضيع</div>
</div>
<div class="box_content">
<div dir="rtl" style="text-align: center;">
<br /></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;"><img alt="معاينة صفحة عرض المواضيع" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjWO6SNK9Ci4v5xPC5xUlz2WZ_B1SvlRLjQgD3_4T6zS7qwKjPDAQFrLEJ6eMuy3fYVKIq2KDEZFS_JePFaj53EL58twhem6asFJaiZG0haFtd_7S8M85oLo_KXKQPSuq6S3bomO8YB9V5/s1600/%D8%B9%D8%B1%D8%B6+%D8%A7%D9%84%D9%85%D9%88%D8%A7%D8%B6%D9%8A%D8%B9.png" height="1014" style="margin-left: auto; margin-right: auto;" title="معاينة صفحة عرض المواضيع" width="700" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"> صفحة عرض المواضيع</td></tr>
</tbody></table>
<div dir="rtl" style="text-align: center;">
<br /></div>
</div>
</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div class="sb sb_blue">
<div class="box_title">
<div dir="rtl" style="text-align: center;">
معاينة الصفحات الثابتة
</div>
</div>
<div class="box_content">
<div dir="rtl" style="text-align: center;">
<br /></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkTbPsxn5ouxewlsbWnOC8yEwN1c1bIFxLeSSSghig1vbGx499ZDPFcqulaWCxfwUCBNiTrzTkz1hzSRa-CUeUXPwULtvE1SjN1aRhD8l6nHxo8JmGn8O3nX9pRWsEUmboQPik0Aa6SMw0/s1600/%D8%B5%D9%88%D8%B1%D8%A9+%D9%85%D9%86+%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A7%D8%AA+%D8%A7%D9%84%D8%AB%D8%A7%D8%A8%D8%AA%D8%A9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="معاينة الصفحات الثابتة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkTbPsxn5ouxewlsbWnOC8yEwN1c1bIFxLeSSSghig1vbGx499ZDPFcqulaWCxfwUCBNiTrzTkz1hzSRa-CUeUXPwULtvE1SjN1aRhD8l6nHxo8JmGn8O3nX9pRWsEUmboQPik0Aa6SMw0/s1600/%D8%B5%D9%88%D8%B1%D8%A9+%D9%85%D9%86+%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A7%D8%AA+%D8%A7%D9%84%D8%AB%D8%A7%D8%A8%D8%AA%D8%A9.png" height="1238" title="معاينة الصفحات الثابتة" width="700" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">الصفحات الثابتة</td></tr>
</tbody></table>
<div dir="rtl" style="text-align: center;">
<br /></div>
</div>
</div>
<div class="sb sb_blue">
<div class="box_title">
<div dir="rtl" style="text-align: center;">
معاينة صفحات التدوينات
</div>
</div>
<div class="box_content">
<div dir="rtl" style="text-align: center;">
<br /></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLmhCp0mFJ08iVicoqA6ZLqwi4kljII1URAWUKezvprn0lGJk-oVtC2LFhkJcdxxOGW-MKeVdCK_lvxkwd-C_Px1F3qe3Vcv63FEhg4wX2-82alJb8izlVQ7sIl4o060X2J8KPLe8nWGhZ/s1600/%D8%B5%D9%88%D8%B1%D8%A9+%D9%85%D9%86+%D8%AF%D8%A7%D8%AE%D9%84+%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D8%A9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="صفحات التدوينات" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLmhCp0mFJ08iVicoqA6ZLqwi4kljII1URAWUKezvprn0lGJk-oVtC2LFhkJcdxxOGW-MKeVdCK_lvxkwd-C_Px1F3qe3Vcv63FEhg4wX2-82alJb8izlVQ7sIl4o060X2J8KPLe8nWGhZ/s1600/%D8%B5%D9%88%D8%B1%D8%A9+%D9%85%D9%86+%D8%AF%D8%A7%D8%AE%D9%84+%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D8%A9.png" height="2055" title="صفحات التدوينات" width="700" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">صفحات التدوينات</td></tr>
</tbody></table>
<div dir="rtl" style="text-align: center;">
<br /></div>
</div>
</div>
<div id="wrap">
<a href="http://0newblog0.blogspot.com/" class="btn-slide" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">معاينة</span>
<span class="title-hover">اضغط هنا</span>
</a>
</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div class="sb sb_blue">
<div class="box_title" dir="rtl" style="text-align: right;">
<div style="text-align: center;">
شروط الحصول على القالب
</div>
</div>
<div class="box_content">
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
القالب ان شاء الله سوف يكون متاح عندما يكون <b><span style="color: #073763;">عدد الطلبات لا يقل عن 100 طلب للقالب</span></b></div>
<div dir="rtl" style="text-align: center;">
لذلك قم بدعوة اصدقائك عبر المدونات و الفيس بوك ليصل عدد الطلبات الى 100 طلب</div>
<div dir="rtl" style="text-align: center;">
( و طلب القالب عبارة عن <b>كومنت</b> و<span style="color: #cc0000;"><b> اكتب اسمك</b></span> و<b><span style="color: #134f5c;"> رابط مدونتك</span></b> و<b><span style="color: #4c1130;"> الايميل الخاص بك</span></b> )</div>
<div dir="rtl" style="text-align: center;">
و من شروط الحصول على القالب</div>
<br />
<div dir="rtl" style="text-align: right;">
أولا : أن تكون من أعضاء المدونة للاشتراك<b> عن طريق Sidebar ( تابعنا عبر جوجل بلس )</b></div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
ثانيا : أن تكون من متابعينا عبر الفيس بوك للمتابعة <b><a href="https://www.facebook.com/smartengineers0" target="_blank">اضغط هنا</a></b></div>
<br /></div>
</div>
</div>Anonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.com43tag:blogger.com,1999:blog-8579449150594828362.post-6325061910844413862015-02-23T12:25:00.000+02:002015-02-25T13:17:16.227+02:00اضافة اداة الزوار الاكثر تعليقاً لمدونات بلوجر من الموسوعة<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5EagEIzuijoJNteFtNc2pCLKvb32L9eTqYeVKnvz_qSiQXkim9RwNoK5lIkC_7GURjqMGJSdJq7qp9JDqtXnmcvX6r6cTPN-af2THS0deHGqt8RP44R-YwW4TldRrTCiF30bNsgzjpG06/s1600/%D8%A7%D9%84%D8%B2%D9%88%D8%A7%D8%B1+%D8%A7%D9%84%D8%A3%D9%83%D8%AB%D8%B1+%D8%AA%D8%B9%D9%84%D9%8A%D9%82%D8%A7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="اضافة اداة الزوار الاكثر تعليقاً لمدونات بلوجر من الموسوعة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5EagEIzuijoJNteFtNc2pCLKvb32L9eTqYeVKnvz_qSiQXkim9RwNoK5lIkC_7GURjqMGJSdJq7qp9JDqtXnmcvX6r6cTPN-af2THS0deHGqt8RP44R-YwW4TldRrTCiF30bNsgzjpG06/s1600/%D8%A7%D9%84%D8%B2%D9%88%D8%A7%D8%B1+%D8%A7%D9%84%D8%A3%D9%83%D8%AB%D8%B1+%D8%AA%D8%B9%D9%84%D9%8A%D9%82%D8%A7.png" height="400" title="اضافة اداة الزوار الاكثر تعليقاً لمدونات بلوجر من الموسوعة" width="346" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">اضافة اداة الزوار الاكثر تعليقاً لمدونات بلوجر من الموسوعة</td></tr>
</tbody></table>
</div>
<div dir="rtl" style="text-align: center;">
بسم الله الرحمن الرحيم</div>
<div dir="rtl" style="text-align: center;">
السلام عليكم و رحمة الله و بركاته</div>
<div dir="rtl" style="text-align: center;">
أهلا و سهلا بكم متابعى و زوار مدونة ةالموسوعة</div>
<div dir="rtl" style="text-align: center;">
اليوم أقدم لكم أداة من أهم الادوات التى لابد و أن تتواجد فى مدونات بلوجر الا و هى أداة لمعرفة الزوار الأكثر تعليقا فى مدونتك</div>
<div dir="rtl" style="text-align: center;">
تعتبر التعليقات جزء أساسي فى المدونات لانها تجعل المدونة أكثر ايجابيه ,كما أن الكثير من المدونين يعتبرون التعليقات البنائه هي دافع اساسي للاستمرار في التدوين.</div>
<div dir="rtl" style="text-align: center;">
كما أن هنالك الكثير ممن يتابعون المدونة بشكل مستمر يقومون بوضع هذه التعليقات على شكل متكرر في شتى مواضيع المدونه ويكونوا على اطلاع دائم للمدونة, وبالتالي فإنه من المهم جدا أن تعرف من هم المستخدمين الأكثر نشاطا في مدونتك ,لذلك هذه الأداه تقوم بعرض اكثر الزوار تعليقا في مدونتك</div>
<div class="sb sb_blue">
<div class="box_title">
<div dir="rtl" style="text-align: center;">
معاينة الاضافة
</div>
</div>
<div style="text-align: center;">
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5EagEIzuijoJNteFtNc2pCLKvb32L9eTqYeVKnvz_qSiQXkim9RwNoK5lIkC_7GURjqMGJSdJq7qp9JDqtXnmcvX6r6cTPN-af2THS0deHGqt8RP44R-YwW4TldRrTCiF30bNsgzjpG06/s1600/%D8%A7%D9%84%D8%B2%D9%88%D8%A7%D8%B1+%D8%A7%D9%84%D8%A3%D9%83%D8%AB%D8%B1+%D8%AA%D8%B9%D9%84%D9%8A%D9%82%D8%A7.png" imageanchor="1"><img alt="اضافة اداة الزوار الاكثر تعليقاً لمدونات بلوجر من الموسوعة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5EagEIzuijoJNteFtNc2pCLKvb32L9eTqYeVKnvz_qSiQXkim9RwNoK5lIkC_7GURjqMGJSdJq7qp9JDqtXnmcvX6r6cTPN-af2THS0deHGqt8RP44R-YwW4TldRrTCiF30bNsgzjpG06/s1600/%D8%A7%D9%84%D8%B2%D9%88%D8%A7%D8%B1+%D8%A7%D9%84%D8%A3%D9%83%D8%AB%D8%B1+%D8%AA%D8%B9%D9%84%D9%8A%D9%82%D8%A7.png" height="400" title="اضافة اداة الزوار الاكثر تعليقاً لمدونات بلوجر من الموسوعة" width="346" /></a><br />
<br /></div>
</div>
<div class="box_content">
</div>
<div class="clear">
</div>
<div class="sb sb_blue">
<div class="box_title" dir="rtl" style="text-align: right;">
<div style="text-align: right;">
<div style="text-align: center;">
طريقة اضافة الأداة الى مدونتك
</div>
</div>
</div>
<div class="box_content">
<div dir="rtl" style="text-align: right;">
انتقل إلى لوحة تحكم مدونتك</div>
<div dir="rtl" style="text-align: right;">
<div dir="ltr" style="text-align: right;">
HTML/Javascript إختر "تخطيط" ثم إضافة أداة ثم اختر</div>
</div>
<div dir="rtl" style="text-align: right;">
ثم أضف الكود التالى و احفظ الأداة</div>
<div dir="rtl" style="text-align: right;">
اذهب الى المدونة لمعرفة نتيجة الاضافة</div>
<div style="text-align: right;">
<br /></div>
<blockquote class="tr_bq" style="text-align: left;">
<br />
<style type="text/css"><br />
.top-commentators {margin: 3px 0px;border-bottom: 1px dotted #CCC;font-family: arial;color: #FF764C;}.top-commentators b{color: rgb(132, 132, 132);}<br />
.avatar-top-commentators {<br />
vertical-align:middle;<br />
border-radius: 30px;}.top-commentators .commenter-link-name {padding-left:0;}<br />
</style><br />
<script type="text/javascript"><br />
var maxTopCommenters = 8;<br />
var minComments = 1; <br />
var numDays = 0; <br />
var excludeMe = true; <br />
var excludeUsers = ["Anonymous", "someotherusertoexclude"];<br />
var maxUserNameLength = 42;<br />
//<br />
var txtTopLine = '<b>[#].</b> [image] ([user]) ([count]) ';<br />
var txtNoTopCommenters = 'No top commentators at this time.';<br />
var txtAnonymous = '';<br />
//<br />
var sizeAvatar = 33;<br />
var cropAvatar = true;<br />
//<br />
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjACh17wOkD1pfEFLu_vCSe9cuXwWy6oMWnabw7cZD6yPdhz5W7veRijsciCRw2oVQIgn5XmI9j8FWdyQw-LZIj8fJ76ICWU-rCArAHjMPBTslH1eXBs-s1nxuzTScH9tkP1jssn-3x09He/s1600/avatar_blue_m_96.png" + sizeAvatar;<br />
var urlAnoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4VJYijXRy4xt-_zKEc3fJPeCs9D9q3Qt1dQrpFQiaIdI5YvjxQJGBHP60iEycJ1RcCiiCwAiG1kpueyTOtmQtcrOU8FfCFnUvK6I0z4OUuvDr6QyLSIg6Bm2dKkXyIdNkxqTHpFanKPBp/s1600/avatar1.png' + sizeAvatar;<br />
var urlMyProfile = '';<br />
var urlMyAvatar = '';<br />
if(!Array.indexOf) {<br />
Array.prototype.indexOf=function(obj) {<br />
for(var i=0;i<this.length;i++) if(this[i]==obj) return i;<br />
return -1;<br />
}}<br />
function replaceTopCmtVars(text, item, position)<br />
{<br />
if(!item || !item.author) return text;<br />
var author = item.author;<br />
var authorUri = "";<br />
if(author.uri && author.uri.$t != "")<br />
authorUri = author.uri.$t;<br />
var avaimg = urlAnoAvatar;<br />
var bloggerprofile = "http://www.blogger.com/profile/";<br />
if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)<br />
avaimg = author.gd$image.src;<br />
else {<br />
var parseurl = document.createElement('a');<br />
if(authorUri != "") {<br />
parseurl.href = authorUri;<br />
avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;<br />
}<br />
}<br />
if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")<br />
avaimg = urlMyAvatar;<br />
if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")<br />
avaimg = urlNoAvatar;<br />
var newsize="s"+sizeAvatar;<br />
avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");<br />
if(cropAvatar) newsize+="-c";<br />
avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");<br />
var authorName = author.name.$t;<br />
if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)<br />
authorName = txtAnonymous;<br />
var imgcode = '<img class="avatar-top-commentators" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';<br />
if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';<br />
if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)<br />
authorName = authorName.substr(0, maxUserNameLength-3) + "...";<br />
var authorcode = authorName;<br />
if(authorUri!="") authorcode = '<a class="commenter-link-name" href="'+authorUri+'">'+authorcode+'</a>';<br />
text = text.replace('[user]', authorcode);<br />
text = text.replace('[image]', imgcode);<br />
text = text.replace('[#]', position);<br />
text = text.replace('[count]', item.count);<br />
return text;<br />
}<br />
var topcommenters = {};<br />
var ndxbase = 1;<br />
function showTopCommenters(json) {<br />
var one_day=1000*60*60*24;<br />
var today = new Date();<br />
if(urlMyProfile == "") {<br />
var elements = document.getElementsByTagName("*");<br />
var expr = /(^| )profile-link( |$)/;<br />
for(var i=0 ; i<elements.length ; i++)<br />
if(expr.test(elements[i].className)) {<br />
urlMyProfile = elements[i].href;<br />
break;<br />
}<br />
}<br />
if(json && json.feed && json.feed.entry && json.feed.entry.length) for(var i = 0 ; i < json.feed.entry.length ; i++ ) {<br />
var entry = json.feed.entry[i];<br />
if(numDays > 0) {<br />
var datePart = entry.published.$t.match(/\d+/g);<br />
var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);<br />
<br />
var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));<br />
if(days > numDays) break;<br />
}<br />
var authorUri = "";<br />
if(entry.author[0].uri && entry.author[0].uri.$t != "")<br />
authorUri = entry.author[0].uri.$t;<br />
if(excludeMe && authorUri != "" && authorUri == urlMyProfile)<br />
continue;<br />
var authorName = entry.author[0].name.$t;<br />
if(excludeUsers.indexOf(authorName) != -1)<br />
continue;<br />
var hash=entry.author[0].name.$t + "-" + authorUri;<br />
if(topcommenters[hash])<br />
topcommenters[hash].count++;<br />
else {<br />
var commenter = new Object();<br />
commenter.author = entry.author[0];<br />
commenter.count = 1;<br />
topcommenters[hash] = commenter;<br />
}<br />
}<br />
if(json && json.feed && json.feed.entry && json.feed.entry.length && json.feed.entry.length == 200) {<br />
ndxbase += 200;<br />
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');<br />
return;<br />
}<br />
// convert object to array of tuples<br />
var tuplear = [];<br />
for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);<br />
tuplear.sort(function(a, b) {<br />
if(b[1].count-a[1].count)<br />
return b[1].count-a[1].count;<br />
return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;<br />
});<br />
var realcount = 0;<br />
for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {<br />
var item = tuplear[i][1];<br />
if(item.count < minComments)<br />
break;<br />
document.write('<di'+'v class="top-commentators">');<br />
document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));<br />
document.write('</d'+'iv>');<br />
realcount++;<br />
}<br />
if(!realcount)<br />
document.write(txtNoTopCommenters);<br />
}<br />
document.write('<script type="text/javascript" src="http://th3-encyclopedia.blogspot.com/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');<br />
</script></blockquote>
<div style="text-align: left;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<div dir="rtl" style="text-align: right;">
قم بتغيير رابط مدونتى برابط مدونتك</div>
<div dir="rtl">
</div>
<blockquote class="tr_bq">
http://th3-encyclopedia.blogspot.com/</blockquote>
لتغيير عدد المستخدمين في الاضافه </div>
<blockquote class="tr_bq" style="text-align: left;">
var maxTopCommenters = 8;</blockquote>
<div style="text-align: right;">
لتغيير حجم صورة المعلقين </div>
<blockquote class="tr_bq" style="text-align: left;">
var sizeAvatar = 33; </blockquote>
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.com1tag:blogger.com,1999:blog-8579449150594828362.post-91670052043169425312015-02-23T12:21:00.000+02:002015-02-25T13:17:40.761+02:00تعرف على أفضل خطوط الويب لمدونات بلوجر من الموسوعة<div dir="ltr" style="text-align: left;" trbidi="on">
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYSejDt1i-W_BMc_vN33xfjjm7siIxEvVpU5bt-oBOnslUsxDP3V2B17RUGORVC83vjGlccjugw_KXGdJTpJalereplefc0WNFfbJlMmjLSm4b4J6Nf53rPzSXN_riHM5UxFuiujla7he8/s1600/%D8%A3%D9%81%D8%B6%D9%84+%D8%AE%D8%B7%D9%88%D8%B7+%D8%A7%D9%84%D9%88%D9%8A%D8%A8+%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt=" أفضل خطوط الويب لمدونات بلوجر" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYSejDt1i-W_BMc_vN33xfjjm7siIxEvVpU5bt-oBOnslUsxDP3V2B17RUGORVC83vjGlccjugw_KXGdJTpJalereplefc0WNFfbJlMmjLSm4b4J6Nf53rPzSXN_riHM5UxFuiujla7he8/s1600/%D8%A3%D9%81%D8%B6%D9%84+%D8%AE%D8%B7%D9%88%D8%B7+%D8%A7%D9%84%D9%88%D9%8A%D8%A8+%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.gif" height="282" title=" أفضل خطوط الويب لمدونات بلوجر" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"> أفضل خطوط الويب لمدونات بلوجر</td></tr>
</tbody></table>
<div dir="rtl" style="text-align: center;">
السلام عليكم ورحمة الله وبركاته</div>
<div dir="rtl" style="text-align: center;">
أهلا و سهلا بكم تابعة و متتبعى و زائر مدونة الموسوة</div>
<div dir="rtl" style="text-align: center;">
عندما تتصفح مدونة أو موقع أو مدونة فان ما يجذب انتباهك و يجعلك تتردد على المدونة لا شك أنه هو الشكل العام للمدونة و لكن لا يلعب الشكل العام الدور كله لكن هناك شئ يعطى المدونة حيوية أكثر و شكل جذاب أكبر الا و هى الخطوط, خطوط الويب من الأمور التي يجب أن يهتم بها كل مبرمج أومصمم قوالب بلوجر لأنها تلعب دور مهم في جمالية المواقع.</div>
<div dir="rtl" style="text-align: center;">
واليوم أحضرت لكم مجموعة من أفضل خطوط الويب المميزة والرائعة لمدونات بلوجر والتي تستطيعون استعمالها في تصاميم قوالبكم بكل حرية وسهولة,</div>
<div class="sb sb_blue">
<div class="box_title">
<div style="text-align: center;">
الخطوط
</div>
</div>
<div class="box_content">
<h3 dir="rtl" style="text-align: right;">
★ الخط الأول (ge_dinar) :</h3>
<blockquote class="tr_bq" style="text-align: center;">
<div style="text-align: left;">
<div>
@font-face {</div>
<div>
font-family: "ge_dinar";</div>
<div>
src: url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.eot');</div>
<div>
src: local("â&#732;º"),</div>
<div>
url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.eot?#iefix') format('embedded-opentype'),</div>
<div>
url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.otf') format('opentype');</div>
<div>
font-weight: normal;</div>
<div>
}</div>
</div>
</blockquote>
<h3 dir="rtl" style="text-align: right;">
★ الخط الثاني (asad) :</h3>
<blockquote class="tr_bq">
@font-face {<br />
font-family: "asad";<br />
src: url('https://colorsstore.com/fonts/0ab2eaf2-c728-4d1b-ae19-53aa13d5a213.eot');<br />
src: local("â&#732;º"), url('https://colorsstore.com/fonts/0ab2eaf2-c728-4d1b-ae19-53aa13d5a213.eot?#iefix') format('embedded-opentype'), url('https://colorsstore.com/fonts/0ab2eaf2-c728-4d1b-ae19-53aa13d5a213.woff');<br />
font-weight: normal;<br />
}</blockquote>
<h3 dir="rtl" style="text-align: right;">
★ الخط الثالث (GESSTOW_Medium) :</h3>
<blockquote class="tr_bq" style="text-align: left;">
@font-face {<br />
font-family: 'GESSTOW_Medium';<br />
src: url('fonts/GE_SS_Two_Medium/GE_SS_Two_Medium.eot');<br />
src: local('?'), url('fonts/GE_SS_Two_Medium/GE_SS_Two_Medium/GE_SS_Two_Medium.woff') format('woff'),<br />
url('fonts/GE_SS_Two_Medium/GE_SS_Two_Medium.ttf') format('truetype'),<br />
url('fonts/GE_SS_Two_Medium/GE_SS_Two_Medium.svg') format('svg');<br />
font-weight: normal;<br />
font-style: normal;<br />
}</blockquote>
<h3 dir="rtl" style="text-align: right;">
★ الخط الرابع (puertoHelve) :</h3>
<blockquote class="tr_bq" style="text-align: left;">
@font-face {<br />
font-family: "puertoHelve";<br />
src: url("http://puertokhalid.com/css/styles/fonts/HelveticaNeueW23Reg/HelveticaNeueW23-Reg.eot");<br />
src: url("http://puertokhalid.com/css/styles/fonts/HelveticaNeueW23Reg/HelveticaNeueW23-Reg.eot?") format("eot"),<br />
url("http://puertokhalid.com/css/styles/fonts/HelveticaNeueW23Reg/HelveticaNeueW23-Reg.ttf") format("truetype");<br />
}</blockquote>
<h3 dir="rtl" style="text-align: right;">
★ الخط الخامس (Droid Arabic Kufi) :</h3>
<blockquote class="tr_bq" style="text-align: left;">
@font-face {<br />
font-family: 'Droid Arabic Kufi';<br />
font-style: normal;<br />
font-weight: 400;<br />
src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),<br />
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.woff) format('woff'),<br />
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.ttf) format('truetype');<br />
}</blockquote>
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.com1tag:blogger.com,1999:blog-8579449150594828362.post-41194363779149787442015-02-23T10:38:00.003+02:002015-02-25T13:17:57.414+02:00كود الميتا تاج meta tag الأفضل على الاطلاق<div dir="ltr" style="text-align: left;" trbidi="on">
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYUY9Ay6IBSJulwc8jEbBrPuVO5CyyCtLk_Wt_SerLLZ7LP4QK2gCPBzGUF6TG_cUH1binF5Ry58wU_zGk8T4_uv-uNr_KbNksYNGi7XnbvemAz0JujS2s_PztScfNL48iomgjMjNcnxaL/s1600/meta+tags.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="كود الميتا تاج meta tag الأفضل على الاطلاق" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYUY9Ay6IBSJulwc8jEbBrPuVO5CyyCtLk_Wt_SerLLZ7LP4QK2gCPBzGUF6TG_cUH1binF5Ry58wU_zGk8T4_uv-uNr_KbNksYNGi7XnbvemAz0JujS2s_PztScfNL48iomgjMjNcnxaL/s1600/meta+tags.jpg" height="266" title="كود الميتا تاج meta tag الأفضل على الاطلاق" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">كود الميتا تاج meta tag الأفضل على الاطلاق</td></tr>
</tbody></table>
<div dir="rtl" style="text-align: center;">
السلام عليكم ورحمة الله وبركاته </div>
<div dir="rtl" style="text-align: center;">
أهلا و سهلا بكم زوار و متابعى مدونة الموسوعة اليوم أقدم لحضراتكم موضوع من أهم المواضيع فى عالم بلوجر هذا الموضوع يحسن من فرصة المدونة لتصدر نتائج البحث اليوم أقدم لحضراتكم </div>
<div dir="rtl" style="text-align: center;">
أفضل كود ميتا تاج meta tag لسنة 2015 </div>
<div dir="rtl" style="text-align: center;">
حيث يحتوي هذا الكود على معلومات جديدة لم تكن متوفرة في الأكواد السابقة, وكود الميتا ضروري لأي مدونة أو موقع لأنه بمثابة لوحة المعلومات بالنسبة لمحركات البحث</div>
<div dir="rtl" style="text-align: center;">
فى هذا الكود يتم كتابة مجموعة من المعلومات عن مدونتك أو موقعك مثل الاتى : العنوان والوصف والكلمات المفتاحية والبلد الذي ينتمي إليه الموقع ... إلى غير ذلك من المعلومات, وهو مهم في تقوية الأرشفة.</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
اضافة الكود الى المدونة<br />
<br /></div>
<div style="text-align: center;">
قم بالبحث عن الوسم <head> و أضف بعده مباشرة الكود التالى</div>
<blockquote class="tr_bq" style="text-align: center;">
<meta content='<b><span style="color: #0b5394;">Blog Description</span></b>' name='description'/><br />
<meta content='index, follow' name='robots'/><br />
<meta content='<b><span style="color: #0b5394;">Blog Ad-words</span></b>' name='keywords'/><br />
<meta content='<b><span style="color: #0b5394;">Author Name</span></b>' name='author'/><br />
<meta content='ll-cc' http-equiv='content-language'/><br />
<meta content='blogger' name='generator'/><br />
<meta content='ar' name='language'/><br />
<meta content='<b><span style="color: #0b5394;">Blog Title</span></b>' name='copyright'/><br />
<meta content='blogger' name='generator'/><br />
<meta content='index, follow, ydir, odp, imageindex' name='googlebot'/><br />
<meta content='index, follow, ydir, odp, archive' name='slurp'/><br />
<meta content='index, follow, ydir, odp, archive' name='bingbot'/><br />
<meta content='2 hours' name='revisit-after'/><br />
<meta content='document' name='resource-type'/><br />
<meta content='all' name='audience'/><br />
<meta content='general' name='rating'/><br />
<meta content='index, follow' name='robots'/><br />
<meta content='<b><span style="color: #0b5394;">Country</span></b>' name='country'/><br />
<meta expr:content='data:blog.title' property='og:site_name'/><br />
<meta expr:content='data:blog.pageTitle' property='og:title'/><br />
<meta content='article' property='og:type'/><br />
<meta expr:content='data:blog.url' property='og:url'/><br />
<meta content='your app id' property='fb:app_id'/><br />
<meta content='username facebook' property='fb:admins'/><br />
<meta content='width=device-width, initial-scale=1' name='viewport'/><br />
<link href='https://plus.google.com/u/0/username/posts' rel='author'/><br />
<link href='https://plus.google.com/u/0/username' rel='publisher'/><br />
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/><br />
<link href='http://twitter.com/username' rel='author'/><br />
<link href='http://twitter.com/username' rel='publisher'/><br />
<b:include data='blog' name='all-head-content'/><br />
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/><br />
<title><br />
<b:if cond='data:blog.pageType == &quot;index&quot;'><br />
<data:blog.pageTitle/><br />
<b:else/><br />
<b:if cond='data:blog.pageType != &quot;error_page&quot;'><br />
<data:blog.pageName/> | <data:blog.title/><br />
<b:else/><br />
Page Not Found | <data:blog.title/><br />
</b:if><br />
</b:if><br />
</title><br />
<b:if cond='data:blog.pageType == &quot;index&quot;'><br />
<title><data:blog.pageTitle/></title><br />
<b:else/><br />
<title><data:blog.pageName/> - <data:blog.title/></title><br />
</b:if></blockquote>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: center;">
بعد إضافة الكود في مدونتك قم بتغيير ما باللون <b><span style="color: #0b5394;">الأزرق</span></b> إلى المعلومات الخاصة بمدونتك</div>
<div dir="rtl" style="text-align: center;">
و أخيرا قم بحفظ القالب وهنيئا لك</div>
<div dir="rtl" style="text-align: center;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.com0tag:blogger.com,1999:blog-8579449150594828362.post-38398322425067437512015-02-23T06:34:00.000+02:002015-02-25T13:18:17.484+02:00حل مشكلة ظهور أيقونة التحرير فى مدونات بلوجر<div dir="ltr" style="text-align: left;" trbidi="on">
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbQLfMpIT_m-8pjaWSYzep0j15ydy-ym3Q2gHKqbkv0JzxMVt8q9DnK4gek_zObdsf-ZSB3bn-B6_-J2CkQnKfTQ2bKZLFFVIny1t4vT4xtUZwkVFFQiv2gurZviuArzqzq8wzgn1cHC-1/s1600/%D8%B6%D9%87%D9%88%D8%B1+%D8%A3%D9%8A%D9%82%D9%88%D9%86%D8%A9+%D8%A7%D9%84%D8%AA%D8%AD%D8%B1%D9%8A%D8%B1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="حل مشكلة ظهور أيقونة التحرير فى مدونات بلوجر" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbQLfMpIT_m-8pjaWSYzep0j15ydy-ym3Q2gHKqbkv0JzxMVt8q9DnK4gek_zObdsf-ZSB3bn-B6_-J2CkQnKfTQ2bKZLFFVIny1t4vT4xtUZwkVFFQiv2gurZviuArzqzq8wzgn1cHC-1/s1600/%D8%B6%D9%87%D9%88%D8%B1+%D8%A3%D9%8A%D9%82%D9%88%D9%86%D8%A9+%D8%A7%D9%84%D8%AA%D8%AD%D8%B1%D9%8A%D8%B1.png" height="191" title="حل مشكلة ظهور أيقونة التحرير فى مدونات بلوجر" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">حل مشكلة ظهور أيقونة التحرير فى مدونات بلوجر</td></tr>
</tbody></table>
<div dir="rtl" style="text-align: center;">
السلام عليكم و رحمة الله و بركاته</div>
<div dir="rtl" style="text-align: center;">
أهلا و سهلا بكم زوار و متابعي مدونة الموسوعة في موضوع جديد</div>
<div dir="rtl" style="text-align: center;">
فى الموســـــــوعة</div>
<div dir="rtl" style="text-align: center;">
موضوعنا اليوم هذا سيكون حل لمشكلة يعاني منها العديد من المدونين مع قوالب بلوجر الخاصة بهم و هو </div>
<div dir="rtl" style="text-align: center;">
<b>ظهور أيقونة التحرير عند زوارهم</b></div>
<div dir="rtl" style="text-align: center;">
هذه الأيقونة تظهر فقط لدى صاحب المدونة لكنها في بعض الأحيان تظهر لدى زوار مدونتك أيضا مما يفسد جمال المدونة .</div>
<div dir="rtl" style="text-align: center;">
فى هذه التدوينة سوف نقوم بالأتى</div>
<div dir="rtl" style="text-align: center;">
<b>اخفاء أيقونة التحرير عند زوارهم</b></div>
<div dir="rtl" style="text-align: center;">
<br /></div>
<h4 dir="rtl" style="text-align: right;">
<u>كل ما عليك سوى اتباع الأتى</u></h4>
<div dir="rtl" style="text-align: right;">
أولا تقوم بالدخول للمدونة تختار<b> القالب</b> ثم تحرير <b>HTML</b> .</div>
<div dir="rtl" style="text-align: right;">
و تقوم بالبحث : <b>]]></b:skin></b></div>
<div dir="rtl" style="text-align: right;">
و بعدها تضيف الكود التالي قبلها (أو فوقها ) .</div>
<blockquote class="tr_bq" style="text-align: center;">
.item-control.blog-admin {display: none !important;}</blockquote>
<div dir="rtl" style="text-align: right;">
و أخيرا قم بحفظ القالب.</div>
<div dir="rtl" style="text-align: right;">
اذهب الى مدونتك و شاهد النتيجة.</div>
</div>
Anonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.com3tag:blogger.com,1999:blog-8579449150594828362.post-28626680614631313482015-02-16T23:21:00.000+02:002015-03-03T08:29:59.896+02:00قالب مشرفة تربوية حنان الزنبقي[full_width]<div dir="ltr" style="text-align: left;" trbidi="on">
<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;"><img alt=" قالب مشرفة تربوية حنان الزنبقي من تصميم الرائع جلال البعدانى " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0NS11foTCVs7daXCkaUknowFv2z1nxqaSmFXgvdnfvHMGDjTGi7OKoosYeEswYyHhEMLcw8wOTyHjWUB6IJLanVy7DnGDq3en5DlUhEWHBE7VQ5LWzUpLox6UgqfCtF7lEadrLa3rsrPP/s1600/2015-02-06_110107.png" height="385" style="margin-left: auto; margin-right: auto;" title=" قالب مشرفة تربوية حنان الزنبقي من تصميم الرائع جلال البعدانى " width="640" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"> قالب مشرفة تربوية حنان الزنبقي من تصميم الرائع جلال البعدانى </td></tr>
</tbody></table>
<br />
<div dir="rtl" style="text-align: center;">
السلام عليكم ورحمه الله وبركاته</div>
<div dir="rtl" style="text-align: center;">
اهلا بكم متابعي مدونة الموسوعة وزواره الكرام في هذه تدوينة جديدة وحصرية</div>
<div dir="rtl" style="text-align: center;">
فى هذه التدوينة سوف أقدم لكم اجمل قالب احترافي وجميل ومدفوع مجانا لكم</div>
<div dir="rtl" style="text-align: center;">
و هو قالب مشرفة تربوية حنان الزنبقي من تصميم الرائع جلال البعدانى قالب مدوفوع </div>
<div dir="rtl" style="text-align: center;">
وغير مجاني لكن احضرته لكم مجانا</div>
<div dir="rtl" style="text-align: center;">
قالب بمميزات عديدة وكثيرة وجميلة اكتشفة بنفسك<br />
<br /></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;"><img alt=" قالب مشرفة تربوية حنان الزنبقي من تصميم الرائع جلال البعدانى " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiutCMCw0BBHVhaphM41gfO3iWqf0qNfcJ0Tbt-Z_3GtMQzv6DO38ErdmfHIZLF3QRI8ZMbuy7PEQuDQ8uW-QFO89lpxs0T15JXjjDUBa4LErZQMcZ-a7DLbhiBc4aBtWoKLIGhkD48t_r/s1600/2015-02-06_110142.png" height="640" style="margin-left: auto; margin-right: auto;" title=" قالب مشرفة تربوية حنان الزنبقي من تصميم الرائع جلال البعدانى " width="602" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"> قالب مشرفة تربوية حنان الزنبقي من تصميم الرائع جلال البعدانى </td></tr>
</tbody></table>
<div dir="rtl" style="text-align: center;">
<div class="sb sb_blue">
<div class="box_title">
معاينة القالب
</div>
<div class="box_content">
<div id="wrap">
<a class="btn-slide" href="http://0hana2012.blogspot.com/" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">معاينة</span>
<span class="title-hover">اضغط هنا</span>
</a>
</div>
<div class="clear">
</div>
</div>
</div>
<div class="sb sb_blue">
<div class="box_title">
تحميل القالب
</div>
<div class="box_content">
<div id="wrap">
<span style="color: #cc0000;"><b>للحصول على القالب </b></span><br />
<b><span style="color: #cc0000;">قوم بعمل</span><span style="color: #38761d;"> تعليق باسمك و ايميلك</span><span style="color: #cc0000;"> و سوف يتم ارسال القالب فى أسرع وقت</span></b>
</div>
<div class="clear">
</div>
</div>
</div>
المصدر حمزة ويب</div>
</div>Anonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.com24tag:blogger.com,1999:blog-8579449150594828362.post-1923408160040379972015-02-06T23:05:00.001+02:002015-02-25T13:18:38.146+02:00اضافة فهرس احترافى جدا لمدونات بلوجر <div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div dir="rtl" style="text-align: right;">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij_arzL9SM8ziuugI7315OTqfzYbNNkXO9a4U1Rsoam4YFzRsA0PHjCy1F0W9KhJD46Kjz8GDG-LbJBVRbi3o3QeNRcX5tGhMFdDwScB7OdVaM1zh2VpSfvfN_cxwB4begqGkuO8h3WPFZ/s1600/sitemap.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="اضافة فهرس احترافى جدا لمدونات بلوجر" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij_arzL9SM8ziuugI7315OTqfzYbNNkXO9a4U1Rsoam4YFzRsA0PHjCy1F0W9KhJD46Kjz8GDG-LbJBVRbi3o3QeNRcX5tGhMFdDwScB7OdVaM1zh2VpSfvfN_cxwB4begqGkuO8h3WPFZ/s1600/sitemap.png" height="208" title="اضافة فهرس احترافى جدا لمدونات بلوجر" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">اضافة فهرس احترافى جدا لمدونات بلوجر</td></tr>
</tbody></table>
<br /></div>
<div style="text-align: center;">
السلام عليكم و رحمة الله و بركاته</div>
<div style="text-align: center;">
فى هذه التدوينة اسمحوا لى زوارى الأعزاء أن أقدم لحضراتكم اضافة من أهم الإضافات لمدونات بلوجر هى فهرس يضم عناوين موضوعات ومشاركات المدونة فمن الضرورى إنشاء خريطة تنظم الأقسام وما تضمه من مواضيع لتمكن الزائر من الإطلاع على محتوى المدونة بالكامل بطريقة مرتبة.</div>
</div>
<div dir="rtl" style="text-align: right;">
<br /></div>
</div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div class="sb sb_blue" dir="rtl" style="text-align: right;">
<div class="box_title">
<div style="text-align: center;">
مميزات هذا الفهرس
</div>
</div>
<div class="box_content">
<ol class="rounded-list" style="text-align: right;">
<li>
<ol>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
اضافة فهرس التدوينات بشكلين مختلفين
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
فهرس يحدث تلقائيا
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
يمكن اختيار أي قسم وأي تاريخ كان
</li>
</ol>
</li>
</ol>
<div class="clear">
</div>
</div>
</div>
<div class="sb sb_blue" dir="rtl" style="text-align: right;">
<div class="box_title">
<div style="text-align: center;">
اضافة الفهرس الى المدونة
</div>
</div>
<div class="box_content">
<div class="post-tabs side">
<div data-tab="الفهرس الأول">
<div style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<h3>
معاينة الفهرس الأول
</h3>
</div>
<div style="text-align: center;">
<div class="codeview">
<style>
#bp_toc {background:transparent;width:100%;color:#999;margin-top:10px;margin:0 auto;padding:5px;}
.toc-header-col1 {padding:10px!important;line-height:15px;background-color:#e74c3c;width:250px;transition:all 0.3s ease-in-out;}
.toc-header-col2 {padding:10px!important;line-height:15px;background-color:#6cd9dd;width:75px;transition:all 0.3s ease-in-out;}
.toc-header-col3 {padding:10px!important;line-height:15px;background-color:#44cc9a;width:125px;transition:all 0.3s ease-in-out;}
.toc-header-col1:hover, .toc-header-col2:hover, .toc-header-col3:hover {opacity:0.9;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:15px;text-transform: lowercase;text-decoration:none;color:#fff;font-family:Electrolize,ge_ss_tvbold;font-weight:400;letter-spacing:0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {padding:10px;font-size:89%;;transition:all 0.3s ease-in-out;}
.toc-entry-col1:hover, .toc-entry-col2:hover, .toc-entry-col3:hover {background:#fff;}
.toc-entry-col1:nth-child(odd), .toc-entry-col2:nth-child(odd), .toc-entry-col3:nth-child(odd) {padding:10px;font-size:89%;}
.toc-entry-col1:nth-child(even), .toc-entry-col2:nth-child(even), .toc-entry-col3:nth-child(even) {padding:10px;font-size:89%;}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{text-decoration:none;color:#666;transition:all 0.3s ease-in-out;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#f6af54;}
span.toc-note {padding:10px;margin:10px 0;display:inline-block;background:#fff;
color:#666;}
#bp_toc table {width:100%;margin:0 auto;border-collapse:collapse;border-spacing:0;border-color: transparent;}
#bp_toc tr:nth-child(even) {background:#fafafa}
#bp_toc tr:nth-child(odd) {background:#eee}
</style>
<br />
<div id="bp_toc">
جاري تحميل الفهرس....</div>
<script src="https://ar1web-com.googlecode.com/svn/Hm/ihussam-sitemap.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/javascript"></script>
</div>
<div style="text-align: right;">
انشاء صفحة جديدة و نختار وضع ال html ثم نضيف الكود التالى </div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-2Dsf_va7LbjoFFVxxtN2Ei_ERFxh_Tvt8NXDqaYDlBx9aRw3H6ze3lWbVyZpP_AZKXQdedzwOLW18PGn1u59Fro80LYFTxnnmWxoCQIhTycDUk4Q4aMeJSgqA-zq8MY16GNMTy0WU6RE/s1600/HTML.png" /></div>
<div class="codeview" dir="ltr" style="text-align: left;">
<div style="text-align: left;">
<style> </div>
<div style="text-align: left;">
#bp_toc {</div>
<div style="text-align: left;">
background:transparent; </div>
<div style="text-align: left;">
width:100%; </div>
<div style="text-align: left;">
color:#999; </div>
<div style="text-align: left;">
margin-top:10px; </div>
<div style="text-align: left;">
margin:0 auto; </div>
<div style="text-align: left;">
padding:5px;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.toc-header-col1 {</div>
<div style="text-align: left;">
padding:10px!important; </div>
<div style="text-align: left;">
line-height:15px; </div>
<div style="text-align: left;">
background-color:#e74c3c; </div>
<div style="text-align: left;">
width:250px; </div>
<div style="text-align: left;">
transition:all 0.3s ease-in-out;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.toc-header-col2 {</div>
<div style="text-align: left;">
padding:10px!important;</div>
<div style="text-align: left;">
line-height:15px; </div>
<div style="text-align: left;">
background-color:#6cd9dd; </div>
<div style="text-align: left;">
width:75px; </div>
<div style="text-align: left;">
transition:all 0.3s ease-in-out;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.toc-header-col3 {</div>
<div style="text-align: left;">
padding:10px!important; </div>
<div style="text-align: left;">
line-height:15px; </div>
<div style="text-align: left;">
background-color:#44cc9a; </div>
<div style="text-align: left;">
width:125px; </div>
<div style="text-align: left;">
transition:all 0.3s ease-in-out;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.toc-header-col1:hover, .toc-header-col2:hover, .toc-header-col3:hover {</div>
<div style="text-align: left;">
opacity:0.9;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {</div>
<div style="text-align: left;">
font-size:15px;</div>
<div style="text-align: left;">
text-transform: </div>
<div style="text-align: left;">
lowercase;</div>
<div style="text-align: left;">
text-decoration:none;</div>
<div style="text-align: left;">
color:#fff;</div>
<div style="text-align: left;">
font-family:Electrolize,ge_ss_tvbold;</div>
<div style="text-align: left;">
font-weight:400;</div>
<div style="text-align: left;">
letter-spacing:0.5px;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover { </div>
<div style="text-align: left;">
text-decoration:none;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {padding:10px;font-size:89%;;transition:all 0.3s ease-in-out;} </div>
<div style="text-align: left;">
.toc-entry-col1:hover, .toc-entry-col2:hover, .toc-entry-col3:hover {</div>
<div style="text-align: left;">
background:#fff;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.toc-entry-col1:nth-child(odd), .toc-entry-col2:nth-child(odd), .toc-entry-col3:nth-child(odd) {padding:10px;font-size:89%;}
.toc-entry-col1:nth-child(even), .toc-entry-col2:nth-child(even), .toc-entry-col3:nth-child(even) {</div>
<div style="text-align: left;">
padding:10px;</div>
<div style="text-align: left;">
font-size:89%;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{</div>
<div style="text-align: left;">
text-decoration:none;</div>
<div style="text-align: left;">
color:#666;</div>
<div style="text-align: left;">
transition:all 0.3s ease-in-out;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{</div>
<div style="text-align: left;">
color:#f6af54;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
span.toc-note {</div>
<div style="text-align: left;">
padding:10px;</div>
<div style="text-align: left;">
margin:10px 0;</div>
<div style="text-align: left;">
display:inline-block;</div>
<div style="text-align: left;">
background:#fff; </div>
<div style="text-align: left;">
color:#666;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#bp_toc table {</div>
<div style="text-align: left;">
width:100%;</div>
<div style="text-align: left;">
margin:0 auto;</div>
<div style="text-align: left;">
border-collapse:collapse;</div>
<div style="text-align: left;">
border-spacing:0;</div>
<div style="text-align: left;">
border-color: transparent;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#bp_toc tr:nth-child(even) {</div>
<div style="text-align: left;">
background:#fafafa</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#bp_toc tr:nth-child(odd) {</div>
<div style="text-align: left;">
background:#eee</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
</style> </div>
<div style="text-align: left;">
<div id="bp_toc">
جاري تحميل الفهرس....</div> </div>
<div style="text-align: left;">
<script src="https://ar1web-com.googlecode.com/svn/Hm/ihussam-sitemap.js" type="text/javascript"></div>
<div style="text-align: left;">
</script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></div>
<div style="text-align: left;">
</script>
</div>
</div>
</div>
</div>
الان يمكنك تحميل الكود الخاص بالفهرس الاول من هنا............ <u><b><a href="http://www.mediafire.com/download/egm8d15jaj6mick/%D8%A7%D9%84%D9%81%D9%87%D8%B1%D8%B3+%D8%A7%D9%84%D8%A3%D9%88%D9%84.txt" rel="nofollow" target="_blank">تحميل الان</a></b></u></div>
<div data-tab="الفهرس الثانى">
<div style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<h3>
معاينة الفهرس الثانى
</h3>
</div>
<div style="text-align: center;">
<div class="codeview">
<style>
#tabbed-toc {width:100%;margin:0 auto;background-color:#09C;overflow:hidden;position:relative;color:#333}
#tabbed-toc .loading {display:block;padding:5px 10px;font-family:'Open Sans',Sans-Serif;font-weight:400;font-size:10px;color:#fff;}
#tabbed-toc ul,#tabbed-toc ol,#tabbed-toc li {margin:0;padding:0;list-style:none}
#tabbed-toc .toc-tabs {width:25%;float:left}
#tabbed-toc .toc-tabs li a {display:block;font-family:Electrolize,ge_ss_threeregular;font-weight:400;font-size:10px;height:31px;overflow:hidden;text-overflow:ellipsis;color:#fff;text-transform:uppercase;text-decoration:none;padding:6px 12px;cursor:pointer;}
#tabbed-toc .toc-tabs li a:hover {background-color:#1083A9;color:#fff}
#tabbed-toc .toc-tabs li a.active-tab {background-color:#747474;color:#fff;position:relative;z-index:5;margin:0 -1px 0 0}
#tabbed-toc .toc-content,#tabbed-toc .divider-layer {width:75%;float:right;background-color:#fff;border-left:5px solid #747474;box-sizing:border-box}
#tabbed-toc .divider-layer {float:none;display:block;position:absolute;top:0;right:0;
bottom:0;}
#tabbed-toc .panel {position:relative;z-index:5;font-family:'Open Sans',Sans-Serif;font-weight:400;font-size:10px;}
#tabbed-toc .panel li a {display:block;position:relative;font-weight:700;font-size:11px;
color:#7E7C7C;line-height:30px;height:30px;padding:6px 12px;text-decoration:none;outline:none;font-family: Electrolize,droid arabic kufi;
overflow:hidden}
#tabbed-toc .panel li a em {background:#F03232;color:#fff!important;padding:2px 4px;border-radius:3px;font-style:normal;}
#tabbed-toc .panel li time {display:block;font-style:italic;font-weight:400;font-size:10px;
color:#666;float:right}
#tabbed-toc .panel li .summary {display:block;padding:10px 12px;font-style:italic;
border-bottom:4px solid #275827;overflow:hidden}
#tabbed-toc .panel li .summary img.thumbnail {float:left;display:block;margin:0 8px 0 0;
padding:4px;width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa}
#tabbed-toc .panel li:nth-child(even) {background-color:#f0f0f0;font-size:10px;
color:#fff}
#tabbed-toc .panel li:nth-child(odd) {background-color:#f9f9f9;font-size:10px;
color:#fff}
#tabbed-toc .panel li a:hover,#tabbed-toc .panel li a:focus,#tabbed-toc .panel li a:hover time,#tabbed-toc .panel li.bold a {background-color:#747474;color:#fff;outline:none}
#tabbed-toc .panel li.bold a:hover,#tabbed-toc .panel li.bold a:hover time {background-color:#444;}
</style>
<br />
<div id="tabbed-toc">
<span class="loading">جاري التحميل...</span></div>
<script type="text/javascript">
var tabbedTOC = {
blogUrl: "http://th3-encyclopedia.blogspot.com", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Thumbnail size
noThumb: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
monthNames: [ // Array of month names
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "جديد!" mark in most recent posts, or define how many recent posts are to be marked
newText: " - <em style='color:red;'>جديد!</em>" // HTML for the "جديد!" text
};
</script>
<script src="https://ar1web-com.googlecode.com/svn/Hm/sitemapv2.js" type="text/javascript"></script>
</div>
<div style="text-align: right;">
انشاء صفحة جديدة و نختار وضع ال html ثم نضيف الكود التالى </div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-2Dsf_va7LbjoFFVxxtN2Ei_ERFxh_Tvt8NXDqaYDlBx9aRw3H6ze3lWbVyZpP_AZKXQdedzwOLW18PGn1u59Fro80LYFTxnnmWxoCQIhTycDUk4Q4aMeJSgqA-zq8MY16GNMTy0WU6RE/s1600/HTML.png" /></div>
<div class="codeview" dir="ltr" style="text-align: left;">
<div style="text-align: left;">
<style> </div>
<div style="text-align: left;">
#tabbed-toc {</div>
<div style="text-align: left;">
width:100%;</div>
<div style="text-align: left;">
margin:0 auto;</div>
<div style="text-align: left;">
background-color:#09C;</div>
<div style="text-align: left;">
overflow:hidden;</div>
<div style="text-align: left;">
position:relative;</div>
<div style="text-align: left;">
color:#333</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#tabbed-toc .loading {</div>
<div style="text-align: left;">
display:block;</div>
<div style="text-align: left;">
padding:5px 10px;</div>
<div style="text-align: left;">
font-family:&#39;Open Sans&#39;,Sans-Serif;</div>
<div style="text-align: left;">
font-weight:400;</div>
<div style="text-align: left;">
font-size:10px;</div>
<div style="text-align: left;">
color:#fff;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#tabbed-toc ul,#tabbed-toc ol,#tabbed-toc li {</div>
<div style="text-align: left;">
margin:0;</div>
<div style="text-align: left;">
padding:0;</div>
<div style="text-align: left;">
list-style:none</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#tabbed-toc .toc-tabs {</div>
<div style="text-align: left;">
width:25%;</div>
<div style="text-align: left;">
float:left</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
#tabbed-toc .toc-tabs li a {</div>
<div style="text-align: left;">
display:block;</div>
<div style="text-align: left;">
font-family:Electrolize,ge_ss_threeregular;</div>
<div style="text-align: left;">
font-weight:400;</div>
<div style="text-align: left;">
font-size:10px;</div>
<div style="text-align: left;">
height:31px;</div>
<div style="text-align: left;">
overflow:hidden;</div>
<div style="text-align: left;">
text-overflow:ellipsis;</div>
<div style="text-align: left;">
color:#fff;</div>
<div style="text-align: left;">
text-transform:uppercase;</div>
<div style="text-align: left;">
text-decoration:none;</div>
<div style="text-align: left;">
padding:6px 12px;</div>
<div style="text-align: left;">
cursor:pointer;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
#tabbed-toc .toc-tabs li a:hover {</div>
<div style="text-align: left;">
background-color:#1083A9;</div>
<div style="text-align: left;">
color:#fff</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#tabbed-toc .toc-tabs li a.active-tab {</div>
<div style="text-align: left;">
background-color:#747474;</div>
<div style="text-align: left;">
color:#fff;</div>
<div style="text-align: left;">
position:relative;</div>
<div style="text-align: left;">
z-index:5;</div>
<div style="text-align: left;">
margin:0 -1px 0 0</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#tabbed-toc .toc-content,#tabbed-toc .divider-layer {</div>
<div style="text-align: left;">
width:75%;</div>
<div style="text-align: left;">
float:right;</div>
<div style="text-align: left;">
background-color:#fff;</div>
<div style="text-align: left;">
border-left:5px solid #747474;</div>
<div style="text-align: left;">
box-sizing:border-box</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#tabbed-toc .divider-layer {</div>
<div style="text-align: left;">
float:none;</div>
<div style="text-align: left;">
display:block;</div>
<div style="text-align: left;">
position:absolute;</div>
<div style="text-align: left;">
top:0;</div>
<div style="text-align: left;">
right:0; </div>
<div style="text-align: left;">
bottom:0;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
#tabbed-toc .panel {</div>
<div style="text-align: left;">
position:relative;</div>
<div style="text-align: left;">
z-index:5;</div>
<div style="text-align: left;">
font-family:&#39;Open Sans&#39;,Sans-Serif;</div>
<div style="text-align: left;">
font-weight:400;</div>
<div style="text-align: left;">
font-size:10px;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#tabbed-toc .panel li a {</div>
<div style="text-align: left;">
display:block;</div>
<div style="text-align: left;">
position:relative;</div>
<div style="text-align: left;">
font-weight:700;</div>
<div style="text-align: left;">
font-size:11px; </div>
<div style="text-align: left;">
color:#7E7C7C;</div>
<div style="text-align: left;">
line-height:30px;</div>
<div style="text-align: left;">
height:30px;</div>
<div style="text-align: left;">
padding:6px 12px;</div>
<div style="text-align: left;">
text-decoration:none;</div>
<div style="text-align: left;">
outline:none;</div>
<div style="text-align: left;">
font-family: Electrolize,droid arabic kufi; </div>
<div style="text-align: left;">
overflow:hidden</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
#tabbed-toc .panel li a em {</div>
<div style="text-align: left;">
background:#F03232;</div>
<div style="text-align: left;">
color:#fff!important;</div>
<div style="text-align: left;">
padding:2px 4px;</div>
<div style="text-align: left;">
border-radius:3px;</div>
<div style="text-align: left;">
font-style:normal;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#tabbed-toc .panel li time {</div>
<div style="text-align: left;">
display:block;</div>
<div style="text-align: left;">
font-style:italic;</div>
<div style="text-align: left;">
font-weight:400;</div>
<div style="text-align: left;">
font-size:10px;</div>
<div style="text-align: left;">
color:#666;</div>
<div style="text-align: left;">
float:right</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#tabbed-toc .panel li .summary {</div>
<div style="text-align: left;">
display:block;</div>
<div style="text-align: left;">
padding:10px 12px;</div>
<div style="text-align: left;">
font-style:italic; </div>
<div style="text-align: left;">
border-bottom:4px solid #275827;</div>
<div style="text-align: left;">
overflow:hidden</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
#tabbed-toc .panel li .summary img.thumbnail {</div>
<div style="text-align: left;">
float:left;</div>
<div style="text-align: left;">
display:block;</div>
<div style="text-align: left;">
margin:0 8px 0 0; </div>
<div style="text-align: left;">
padding:4px;</div>
<div style="text-align: left;">
width:72px;</div>
<div style="text-align: left;">
height:72px;</div>
<div style="text-align: left;">
border:1px solid #dcdcdc;</div>
<div style="text-align: left;">
background-color:#fafafa</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#tabbed-toc .panel li:nth-child(even) {</div>
<div style="text-align: left;">
background-color:#f0f0f0;</div>
<div style="text-align: left;">
font-size:10px;</div>
<div style="text-align: left;">
color:#fff</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#tabbed-toc .panel li:nth-child(odd) {</div>
<div style="text-align: left;">
background-color:#f9f9f9;</div>
<div style="text-align: left;">
font-size:10px; </div>
<div style="text-align: left;">
color:#fff</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#tabbed-toc .panel li a:hover,#tabbed-toc .panel li a:focus,#tabbed-toc .panel li a:hover time,#tabbed-toc .panel li.bold a {</div>
<div style="text-align: left;">
background-color:#747474;</div>
<div style="text-align: left;">
color:#fff;</div>
<div style="text-align: left;">
outline:none</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#tabbed-toc .panel li.bold a:hover,#tabbed-toc .panel li.bold a:hover time {</div>
<div style="text-align: left;">
background-color:#444;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
</style> </div>
<div style="text-align: left;">
<div id="tabbed-toc"> </div>
<div style="text-align: left;">
<span class="loading">جاري التحميل...</span></div> </div>
<div style="text-align: left;">
<script type="text/javascript">
var tabbedTOC = {
blogUrl: "http://th3-encyclopedia.blogspot.com/", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Thumbnail size
noThumb: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
monthNames: [ // Array of month names
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "جديد!" mark in most recent posts, or define how many recent posts are to be marked
newText: " - <em style='color:red;'>جديد!</em>" // HTML for the "جديد!" text
};
</script>
<script src="https://ar1web-com.googlecode.com/svn/Hm/sitemapv2.js" type="text/javascript"></script></div>
</div>
</div>
</div>
<div dir="rtl" style="text-align: right;">
الان يمكنك تحميل الكود الخاص بالفهرس الثانى من هنا............<a href="http://www.mediafire.com/download/dqwcp194m8cfato/%D8%A7%D9%84%D9%81%D9%87%D8%B1%D8%B3+%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%89.txt" rel="nofollow" target="_blank"> تحميل الان</a></div>
</div>
</div>
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.com3tag:blogger.com,1999:blog-8579449150594828362.post-63401111442207570992015-02-06T11:58:00.002+02:002015-02-25T13:18:54.738+02:00ازرار معاينة و تحميل بشكل جديد واحترافي جدا<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div dir="rtl" style="text-align: right;">
<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;"><img alt="ازرار معاينة و تحميل بشكل جديد واحترافي جدا" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnUC8Ghwj6h5GHI67ACJxX46OdLi05jbxAYHMcSkw8V7v4oBL6W5wb91t3XruWDEGltAqFJAwD4JpRe8YvOsxlcyFQVcRYy7N2W3spRRDFWz1G8SNCZzYY40zBTCHKi9zFE2UqVxA0XfgV/s1600/%D8%A7%D8%B2%D8%B1%D8%A7%D8%B1+%D9%85%D8%B9%D8%A7%D9%8A%D9%86%D8%A9+%D9%88+%D8%AA%D8%AD%D9%85%D9%8A%D9%84+%D8%A8%D8%B4%D9%83%D9%84+%D8%AC%D8%AF%D9%8A%D8%AF.png" style="margin-left: auto; margin-right: auto;" title="ازرار معاينة و تحميل بشكل جديد واحترافي جدا" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">ازرار معاينة و تحميل بشكل جديد واحترافي جدا</td></tr>
</tbody></table>
<div style="text-align: center;">
<br /></div>
السلام عليكم و رحمة الله و بركاته فى هذه التدوينة اسمحوا لى زوارى الأعزاء أن أقدم لحضراتكم ازرار جميلة و بسيطة وبتصميم انيق و احترافى بتقنية رائعة بتقنية css ( ازرار معاينة و تحميل ) اضافة خفيفة ورائعة تجذب الانتباه اعتقد ان الكثير منكم من يبحث عن ازرار احترافية مثل هذه.</div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div class="sb sb_blue" dir="rtl" style="text-align: right;">
<div class="box_title">
<div style="text-align: right;">
<div style="text-align: center;">
معاينة الأزرار مباشرة من مدونتى
</div>
</div>
</div>
<div class="box_content" style="text-align: right;">
<div id="wrap">
<div style="text-align: center;">
<a class="btn-slide" href="https://www.blogger.com/blogger.g?blogID=8579449150594828362#" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">معاينة</span>
<span class="title-hover">اضغط هنا</span>
</a>
<a class="btn-slide2" href="https://www.blogger.com/blogger.g?blogID=8579449150594828362#" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">تحميل</span>
<span class="title-hover2">اضغط هنا</span>
</a>
</div>
</div>
<div class="clear">
</div>
</div>
</div>
</div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div class="sb sb_blue" dir="rtl" style="text-align: right;">
<div class="box_title">
<div style="text-align: center;">
طريقة اضافة الأزرار الى المدونة
</div>
</div>
<div class="box_content">
<ol class="rounded-list" style="text-align: right;">
<li>
<ol>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
من لوحة التحكم >> قالب >> تحرير HTML
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
و اتبع ما يلى
</li>
</ol>
</li>
</ol>
<div class="clear">
</div>
</div>
<div class="post-tabs side">
<div data-tab="أولا كود : الـ CSS">
<div style="text-align: right;">
قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F) </div>
<div class="codeview">
<div style="text-align: center;">
]]></b:skin>
</div>
</div>
<div style="text-align: right;">
ومن ثم أضف قبله مباشرة الكود التالى </div>
<div class="codeview" dir="ltr" style="text-align: left;">
#wrap {<br />
margin: <span style="color: #0b5394;">20px auto</span>;<br />
text-align: <span style="color: #0b5394;">center</span>;<br />
}<br />
.btn-slide, .btn-slide2 {<br />
position: <span style="color: #0b5394;">relative</span>;<br />
display:<span style="color: #0b5394;"> inline-block</span>;<br />
height: <span style="color: #0b5394;">50px</span>;<br />
width: <span style="color: #0b5394;">200px</span>;<br />
line-height: <span style="color: #0b5394;">50px</span>;<br />
padding: <span style="color: #0b5394;">0</span>;<br />
border-radius: <span style="color: #0b5394;">50px</span>;<br />
background: <span style="color: #0b5394;">#fdfdfd</span>;<br />
border: <span style="color: #0b5394;">2px solid #0099cc</span>;<br />
margin: <span style="color: #0b5394;">10px</span>;<br />
transition: <span style="color: #0b5394;">.5s</span>;<br />
}<br />
.btn-slide2 {<br />
border: <span style="color: #0b5394;">2px solid #efa666</span>;<br />
}<br />
.btn-slide:hover {<br />
background-color:<span style="color: #0b5394;"> #0099cc</span>;<br />
}<br />
.btn-slide2:hover {<br />
background-color: <span style="color: #0b5394;">#efa666</span>;<br />
}<br />
.btn-slide:hover span.circle, .btn-slide2:hover span.circle2 {<br />
left: <span style="color: #0b5394;">100%</span>;<br />
margin-left: <span style="color: #0b5394;">-45px</span>;<br />
background-color: <span style="color: #0b5394;">#fdfdfd</span>;<br />
color: #0099cc;<br />
}<br />
.btn-slide2:hover span.circle2 {<br />
color: <span style="color: #0b5394;">#efa666</span>;<br />
}<br />
.btn-slide:hover span.title, .btn-slide2:hover span.title2 {<br />
left: <span style="color: #0b5394;">40px</span>;<br />
opacity: <span style="color: #0b5394;">0</span>;<br />
}<br />
.btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 {<br />
opacity: <span style="color: #0b5394;">1</span>;<br />
left: <span style="color: #0b5394;">40px</span>;<br />
}<br />
.btn-slide span.circle, .btn-slide2 span.circle2 {<br />
display: <span style="color: #0b5394;">block</span>;<br />
background-color: <span style="color: #0b5394;">#0099cc</span>;<br />
color: <span style="color: #0b5394;">#fff</span>;<br />
position: <span style="color: #0b5394;">absolute</span>;<br />
float: <span style="color: #0b5394;">left</span>;<br />
margin: <span style="color: #0b5394;">5px</span>;<br />
line-height: <span style="color: #0b5394;">42px</span>;<br />
height: <span style="color: #0b5394;">40px</span>;<br />
width: <span style="color: #0b5394;">40px</span>;<br />
top: <span style="color: #0b5394;">0</span>;<br />
left: <span style="color: #0b5394;">0</span>;<br />
transition:<span style="color: #0b5394;"> .5s</span>;<br />
border-radius: <span style="color: #0b5394;">50%</span>;<br />
}<br />
.btn-slide2 span.circle2 {<br />
background-color:<span style="color: #0b5394;"> #efa666</span>;<br />
}<br />
.btn-slide span.title,
.btn-slide span.title-hover, .btn-slide2 span.title2,
.btn-slide2 span.title-hover2 {<br />
position: <span style="color: #0b5394;">absolute</span>;<br />
left: <span style="color: #0b5394;">90px</span>;<br />
text-align: <span style="color: #0b5394;">center</span>;<br />
margin:<span style="color: #0b5394;"> 0 auto</span>;<br />
font-size: <span style="color: #0b5394;">16px</span>;<br />
font-weight: <span style="color: #0b5394;">bold</span>;<br />
color: <span style="color: #0b5394;">#30abd5</span>;<br />
transition:<span style="color: #0b5394;"> .5s</span>;<br />
}<br />
.btn-slide2 span.title2,
.btn-slide2 span.title-hover2 {<br />
color:<span style="color: #0b5394;"> #efa666</span>;<br />
left: <span style="color: #0b5394;">80px</span>;<br />
}<br />
.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {<br />
left: <span style="color: #0b5394;">80px</span>;<br />
opacity: <span style="color: #0b5394;">0</span>;<br />
}<br />
.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {<br />
color: <span style="color: #0b5394;">#fff</span>;<br />
}</div>
حمل الكود من هنا ......... <u><b><a href="http://www.mediafire.com/download/k25q2ar93iy2cf4/css+of+buttons.txt" rel="nofollow" target="_blank">تحميل الكود</a></b></u></div>
<div data-tab="ثانيا كود : الـ html">
<div style="text-align: right;">
بعد اضافة كود الـ CSS ,عند استخدام الأزارا اذهب الو تبويب الـ html كما هو مبين بالشكل و أضف الكود التالى </div>
<div style="text-align: right;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-2Dsf_va7LbjoFFVxxtN2Ei_ERFxh_Tvt8NXDqaYDlBx9aRw3H6ze3lWbVyZpP_AZKXQdedzwOLW18PGn1u59Fro80LYFTxnnmWxoCQIhTycDUk4Q4aMeJSgqA-zq8MY16GNMTy0WU6RE/s1600/HTML.png" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
ومن ثم أضف قبله مباشرة الكود التالى </div>
<div class="codeview" dir="ltr" style="text-align: left;">
<div id="wrap"><br />
<a href="<span style="color: #990000;">#</span>" class="btn-slide" target="_blank"><br />
<span class="circle"><i class="fa fa-rocket"><br />
</i></span>
<span class="title"><b><span style="color: #990000;">معاينة</span></b></span><br />
<span class="title-hover"><b><span style="color: #990000;">اضغط هنا</span></b></span><br />
</a><br />
<a href="<span style="color: #990000;">#</span>" class="btn-slide2" target="_blank"><br />
<span class="circle2"><i class="fa fa-download"></i></span><br />
<span class="title2"><b><span style="color: #990000;">تحميل</span></b></span><br />
<span class="title-hover2"><b><span style="color: #990000;">اضغط هنا</span></b></span><br />
</a><br />
</div>
</div>
حمل الكود من هنا ......... <u><b><a href="http://www.mediafire.com/download/7cwx9ufdvip2vpl/html+of+buttons.txt" rel="nofollow" target="_blank">تحميل الكود</a></b></u></div>
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.com15tag:blogger.com,1999:blog-8579449150594828362.post-4662980365414320332015-02-05T21:11:00.002+02:002015-03-03T08:30:20.232+02:00القالب الرائع ( قالب مدونة برو أيوب السابق ) القالب الأحمر[full_width]<div dir="ltr" style="text-align: left;" trbidi="on">
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj31v4tiWvBEeRvtTbnIDAMTLImT63JtFgtvUTil89mvteUJ56NNs-6-T7vZdaKPFIqz3aKRY2BdlogMIu4GiwEKWEwQylj94p2oEi-2fYEGC2fcFjxE4F5KGVnu-0SuYGlQWjHxZTtP-iQ/s1600/%D9%82%D8%A7%D9%84%D8%A8+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%A8%D8%B1%D9%88+%D8%A3%D9%8A%D9%88%D8%A8+%D8%A7%D9%84%D8%A3%D8%AD%D9%85%D8%B1-+%D9%87%D9%8A%D8%AF%D8%B1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="القالب الرائع ( قالب مدونة برو أيوب السابق ) القالب الأحمر" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj31v4tiWvBEeRvtTbnIDAMTLImT63JtFgtvUTil89mvteUJ56NNs-6-T7vZdaKPFIqz3aKRY2BdlogMIu4GiwEKWEwQylj94p2oEi-2fYEGC2fcFjxE4F5KGVnu-0SuYGlQWjHxZTtP-iQ/s1600/%D9%82%D8%A7%D9%84%D8%A8+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%A8%D8%B1%D9%88+%D8%A3%D9%8A%D9%88%D8%A8+%D8%A7%D9%84%D8%A3%D8%AD%D9%85%D8%B1-+%D9%87%D9%8A%D8%AF%D8%B1.png" title="القالب الرائع ( قالب مدونة برو أيوب السابق ) القالب الأحمر" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">القالب الرائع ( قالب مدونة برو أيوب السابق ) القالب الأحمر</td></tr>
</tbody></table>
<div dir="rtl" style="text-align: right;">
الآنفى أول تدوينة لمدونتنا مدونة الموسوعة نقدم لكم القالب الرائع <span style="color: #cc0000;"><b><a href="http://th3-encyclopedia.blogspot.com/2015/02/Pro-ayoub-bloger-template.html" rel="nofollow" target="_blank">( قالب مدونة برو أيوب السابق )</a></b></span> القالب الأحمر النسخة الخامسة من قوالب مدونة برو ايوب الإحترافية قالب جميل وأنيق وخفيف ومدعّم بإضافات فريدة لا توجد سوى في برو أيوب متوافق مع محركات البحث ومتوافق مع أجهزة الهواتف الذكية.</div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div class="sb sb_blue">
<div class="box_title">
<div dir="rtl" style="text-align: right;">
<div style="text-align: center;">
مميزات القالب
</div>
</div>
</div>
<div class="box_content" dir="rtl" style="text-align: right;">
<ol class="rounded-list">
<li>
<ol>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
بسيط بألوان متناسقة وهادئة
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
سريع الأرشفة ومجهزة ليتوافق مع محركات البحث
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
متوافق مع الهواتف الذكية
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
سيو 100%
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
إضافات مميزة وفريدة
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
سلايد شو تلقائي أنيق
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
قائمة علوية متحركة نزولا وصعودا مع القالب
</li>
<li style="padding-bottom: 10px; padding-right: 25px; padding-top: 10px; text-align: right;">
زر الصعود للأعلى
</li>
</ol>
</li>
</ol>
<div class="clear">
</div>
</div>
</div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div class="sb sb_blue">
<div class="box_title">
<div dir="rtl" style="text-align: right;">
<div style="text-align: center;">
اضافات القالب
</div>
</div>
</div>
<div class="box_content" dir="rtl" style="text-align: right;">
<div class="post-tabs side">
<div data-tab="الاضافة الأولى ">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<h3>
اضافة مواقع التواصل الاجتماعى
</h3>
</div>
</div>
<div style="text-align: center;">
<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;"><img alt="اضافة مواقع التواصل الاجتماعى" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi14BFMqfvBWXpLisLSJATlKSP_jRJFbMRF0Emnl8j3jGduzgYYPo-duzdWRamIYNhzKh8T2KZOunmrvxBP7YkfcWUOXWNpZZc28Mx2xp-PvmBu0hZ96qBgaCp02ek8xWH3AsHUf91bQWQT/s1600/%D9%85%D9%88%D8%A7%D9%82%D8%B9+%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84+%D8%A7%D9%84%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%89.PNG" style="margin-left: auto; margin-right: auto;" title="اضافة مواقع التواصل الاجتماعى" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><h3>
<span style="font-size: 13px; font-weight: normal;">اضافة مواقع التواصل الاجتماعى</span></h3>
</td></tr>
</tbody></table>
<div class="codeview">
<div style="text-align: left;">
<style></div>
<div style="text-align: left;">
#fbar { </div>
<div style="text-align: left;">
list-style-type: <span style="color: #0b5394;">none</span>; </div>
<div style="text-align: left;">
list-style: <span style="color: #0b5394;">none</span>; </div>
<div style="text-align: left;">
margin: <span style="color: #0b5394;">-26px -10px 0px -6px</span>; </div>
<div style="text-align: left;">
background: <span style="color: #0b5394;">#fff</span>; </div>
<div style="text-align: left;">
padding: <span style="color: #0b5394;">0px</span>; </div>
<div style="text-align: left;">
width: <span style="color: #0b5394;">347px</span>; </div>
<div style="text-align: left;">
margin-left: <span style="color: #0b5394;">12px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#fbar0 {</div>
<div style="text-align: left;">
list-style-type:<span style="color: #0b5394;">none</span>;</div>
<div style="text-align: left;">
list-style: <span style="color: #0b5394;">none</span>;</div>
<div style="text-align: left;">
margin:<span style="color: #0b5394;">-9px -10px -1px -10px</span>;</div>
<div style="text-align: left;">
background:<span style="color: #0b5394;">#fff</span>;</div>
<div style="text-align: left;">
padding:<span style="color: #0b5394;">0px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#fbar1 { </div>
<div style="text-align: left;">
float: <span style="color: #0b5394;">right</span>; </div>
<div style="text-align: left;">
width: <span style="color: #0b5394;">50%</span>; </div>
<div style="text-align: left;">
display: <span style="color: #0b5394;">block</span>; </div>
<div style="text-align: left;">
height: <span style="color: #0b5394;">380px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#fbar1 ul { </div>
<div style="text-align: left;">
list-style-type: <span style="color: #0b5394;">none</span>; </div>
<div style="text-align: left;">
list-style: <span style="color: #0b5394;">none</span>; </div>
<div style="text-align: left;">
margin: <span style="color: #0b5394;">0px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#fbar2 ul{</div>
<div style="text-align: left;">
list-style-type:<span style="color: #0b5394;">none</span>;</div>
<div style="text-align: left;">
list-style: <span style="color: #0b5394;">none</span>;</div>
<div style="text-align: left;">
margin:<span style="color: #0b5394;">0px</span>;</div>
<div style="text-align: left;">
background:<span style="color: #0b5394;">#fff</span>;</div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#fbar ul li { </div>
<div style="text-align: left;">
padding: <span style="color: #0b5394;">14px 10px</span>; </div>
<div style="text-align: left;">
margin-bottom: <span style="color: #0b5394;">-28px</span>; </div>
<div style="text-align: left;">
color: <span style="color: #0b5394;">#666</span>; </div>
<div style="text-align: left;">
-webkit-transition:<span style="color: #0b5394;"> All 0.5s ease</span>; </div>
<div style="text-align: left;">
-moz-transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
-o-transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
-ms-transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
width: <span style="color: #0b5394;">153px</span>; </div>
<div style="text-align: left;">
margin-left: <span style="color: #0b5394;">51px</span>;</div>
<div style="text-align: left;">
text-align: <span style="color: #0b5394;">right</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#fbar ul li a { </div>
<div style="text-align: left;">
color: <span style="color: #0b5394;">#000</span>; </div>
<div style="text-align: left;">
font-size: <span style="color: #0b5394;">12px</span>; </div>
<div style="text-align: left;">
font-weight: <span style="color: #0b5394;">normal</span>; </div>
<div style="text-align: left;">
text-decoration: <span style="color: #0b5394;">none</span>; </div>
<div style="text-align: left;">
-webkit-transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
-moz-transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
-o-transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
-ms-transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#fbar0 { </div>
<div style="text-align: left;">
list-style-type: <span style="color: #0b5394;">none</span>; </div>
<div style="text-align: left;">
list-style: <span style="color: #0b5394;">none</span>; </div>
<div style="text-align: left;">
padding: <span style="color: #0b5394;">0px</span>; </div>
<div style="text-align: left;">
width:<span style="color: #0b5394;"> 50%</span>;</div>
<div style="text-align: left;">
margin: <span style="color: #0b5394;">0px 280px 10px 10px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#fbar2 { </div>
<div style="text-align: left;">
width: <span style="color: #0b5394;">50%</span>; </div>
<div style="text-align: left;">
display: <span style="color: #0b5394;">block</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#fbar2 ul { </div>
<div style="text-align: left;">
list-style-type: <span style="color: #0b5394;">none</span>; </div>
<div style="text-align: left;">
list-style: <span style="color: #0b5394;">none</span>; </div>
<div style="text-align: left;">
margin: <span style="color: #0b5394;">0px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#fbar ul li { </div>
<div style="text-align: left;">
padding: <span style="color: #0b5394;">14px 10px</span>; </div>
<div style="text-align: left;">
margin-bottom: <span style="color: #0b5394;">-28px</span>; </div>
<div style="text-align: left;">
color: <span style="color: #0b5394;">#666</span>; </div>
<div style="text-align: left;">
-webkit-transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
-moz-transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
-o-transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
-ms-transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
width: <span style="color: #0b5394;">153px</span>; </div>
<div style="text-align: left;">
margin-left: <span style="color: #0b5394;">51px</span>; </div>
<div style="text-align: left;">
text-align: <span style="color: #0b5394;">right</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
li.lb1 { </div>
<div style="text-align: left;">
margin-top: <span style="color: #0b5394;">22px</span>; </div>
<div style="text-align: left;">
background-image: <span style="color: #0b5394;">url(http://alexgurghis.com/themes/vetro/wp-content/themes/Vetro_Preview/images/widget-title-shadow.png)</span>; </div>
<div style="text-align: left;">
background-repeat: <span style="color: #0b5394;">repeat-x</span>; </div>
<div style="text-align: left;">
background-position: <span style="color: #0b5394;">bottom</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#fbar0 ul li a { </div>
<div style="text-align: left;">
color: <span style="color: #0b5394;">#848484</span>; </div>
<div style="text-align: left;">
font-size: <span style="color: #0b5394;">25px</span>; </div>
<div style="text-align: left;">
font-weight: <span style="color: #0b5394;">normal</span>;<br />
text-decoration: <span style="color: #0b5394;">none</span>;</div>
<div style="text-align: left;">
-webkit-transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
-moz-transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
-o-transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
-ms-transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
transition: <span style="color: #0b5394;">All 0.5s ease</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
i.icon-home { </div>
<div style="text-align: left;">
font-size: <span style="color: #0b5394;">32px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
i.icon-dollar{ </div>
<div style="text-align: left;">
font-size: <span style="color: #0b5394;">32px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
i.icon-info{ </div>
<div style="text-align: left;">
font-size: <span style="color: #0b5394;">32px</span>; </div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
i.icon-ayoub{ </div>
<div style="text-align: left;">
font-size: <span style="color: #0b5394;">32px</span>; </div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
i.icon-c-us{ </div>
<div style="text-align: left;">
font-size: <span style="color: #0b5394;">32px</span>; </div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
i.icon-soal-plus{</div>
<div style="text-align: left;">
font-size: <span style="color: #0b5394;">32px</span>; </div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
i.icon-map-marker{ </div>
<div style="text-align: left;">
font-size: <span style="color: #0b5394;">32px</span>;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
</style> </div>
<div style="text-align: left;">
<div id="fbar"> </div>
<div style="text-align: left;">
<div id="fbar1"> </div>
<div style="text-align: left;">
<ul> </div>
<div style="text-align: left;">
<li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/vcbDN3.png" /></a></li> </div>
<div style="text-align: left;">
<li class="lb">
</li>
<li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/dx49WF.png" /></a></li> </div>
<div style="text-align: left;">
<li class="lb">
</li>
<li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/MAvZ99.png" /></a></li>
<li class="lb">
</li> </div>
<div style="text-align: left;">
<li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/DMh8Je.png" /></a></li>
<li class="lb">
</li> </div>
<div style="text-align: left;">
</ul></div>
<div style="text-align: left;">
</div> </div>
<div style="text-align: left;">
<div id="fbar0">
<div id="fbar2"> </div>
<div style="text-align: left;">
<ul> </div>
<div style="text-align: left;">
<li class="lb1"><a target="_blank" #"><i class="icon-home"></i> <span style="color: #990000;"><b>الرئيسية</b></span> </a></li> </div>
<div style="text-align: left;">
<li class="lb1"><a target="_blank" rel="nofollow" href="#"><i class="icon-dollar"></i> <span style="color: #990000;"><b>خدماتنا </b></span></a></li> </div>
<div style="text-align: left;">
<li class="lb1"><a target="_blank" href="#"><i class="icon-c-us"></i> <b><span style="color: #990000;">راسلنا</span></b> </a></li> </div>
<div style="text-align: left;">
<li class="lb1"><a target="_blank" href="#"><i class="icon-soal-plus"></i><b><span style="color: #990000;"> إسأل !</span></b> </a>
</li>
</div>
<div style="text-align: left;">
<li class="lb1"><a target="_blank" href="#"><i class="icon-ayoub"></i> <b><span style="color: #990000;">من أنا؟</span></b> </a></li>
</div>
<div style="text-align: left;">
<li class="lb1"><a target="_blank" href="#"><i class="icon-info"></i> <b><span style="color: #990000;">استفسر</span></b> </a>
</li> </div>
<div style="text-align: left;">
<li class="lb1"><a target="_blank" href="#"><i class="icon-map-marker"></i><span style="color: #990000;"><b> أعلن !</b></span> </a>
</li> </div>
<div style="text-align: left;">
</ul> </div>
<div style="text-align: left;">
</div> </div>
<div style="text-align: left;">
</div> </div>
<div style="text-align: left;">
</div>
</div>
</div>
<div dir="rtl" style="text-align: right;">
تحميل الكود من هنا .............<u><b><a href="http://www.mediafire.com/download/vuc7uyqbnn2zwpw/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D9%85%D9%88%D8%A7%D9%82%D8%B9+%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84+%D8%A7%D9%84%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%89.xml" rel="nofollow" target="_blank"> تحميل الكود</a></b></u></div>
</div>
</div>
</div>
<div data-tab="الاضافة الثانيـــة">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<h3>
اضافة التعريف بالكاتب
</h3>
</div>
</div>
<div style="text-align: center;">
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEHP9wizqHUmR0tW1tV3XJas4PjCCFAg7euMKJMfWz2arNsB1Qz6vG0KG1CdYHEJcjZbHloGt69a64gmUV3DT5-FjLy6Ot2KeGcUTF-klO083qVwjNEvoLqhjGOI5GjiHIVbBlQmbm7ukJ/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%AA%D8%B9%D8%B1%D9%8A%D9%81+%D8%A7%D9%84%D9%83%D8%A7%D8%AA%D8%A8.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="اضافة التعريف بالكاتب" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEHP9wizqHUmR0tW1tV3XJas4PjCCFAg7euMKJMfWz2arNsB1Qz6vG0KG1CdYHEJcjZbHloGt69a64gmUV3DT5-FjLy6Ot2KeGcUTF-klO083qVwjNEvoLqhjGOI5GjiHIVbBlQmbm7ukJ/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%AA%D8%B9%D8%B1%D9%8A%D9%81+%D8%A7%D9%84%D9%83%D8%A7%D8%AA%D8%A8.PNG" height="400" title="اضافة التعريف بالكاتب" width="321" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">اضافة التعريف بالكاتب</td></tr>
</tbody></table>
<div class="codeview">
<div style="text-align: left;">
<style> </div>
<div style="text-align: left;">
.ayoub img { </div>
<div style="text-align: left;">
text-align: <span style="color: #0b5394;">center</span>;</div>
<div style="text-align: left;">
margin-right:<span style="color: #0b5394;"> -16px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
</style> </div>
<div style="text-align: left;">
<div class="ayoub"><br />
<img src="<span style="color: #38761d;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdKPGlba64c6eWFR1yvxUmvFrpeuf2VFlkZEKGCoRUXnyDm5TljxhxsUuPz6cjd1PQvrX2QaeVDvYbZNVj0ylnXGUJKFmmj2gyPR2E-lGJArH55o5M__N9W4vMhzbsJKG1Q5aWUl8lpd0/s1600/ayoub+boulaich+logo.png</span>"/> </div>
<div style="text-align: left;">
</div> </div>
<div style="text-align: left;">
<style> </div>
<div style="text-align: left;">
#social-wrapper { </div>
<div style="text-align: left;">
padding: <span style="color: #0b5394;">10px 0 0</span>; </div>
<div style="text-align: left;">
overflow: <span style="color: #0b5394;">hidden</span>; </div>
<div style="text-align: left;">
margin-right: <span style="color: #0b5394;">45px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.social-icons.sticky-social { </div>
<div style="text-align: left;">
text-align: <span style="color: #0b5394;">center</span>; </div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.social-icons.sticky-social a { </div>
<div style="text-align: left;">
margin-left: <span style="color: #0b5394;">10px</span>;</div>
<div style="text-align: left;">
margin-bottom: <span style="color: #0b5394;">10px</span>; </div>
<div style="text-align: left;">
display: <span style="color: #0b5394;">block</span>; </div>
<div style="text-align: left;">
text-align: <span style="color: #0b5394;">center</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.social-icons a { </div>
<div style="text-align: left;">
width: <span style="color: #0b5394;">30px</span>; </div>
<div style="text-align: left;">
height: <span style="color: #0b5394;">30px</span>; </div>
<div style="text-align: left;">
display: <span style="color: #0b5394;">block</span>; </div>
<div style="text-align: left;">
background-position: <span style="color: #0b5394;">center center</span>; </div>
<div style="text-align: left;">
background-repeat: <span style="color: #0b5394;">no-repeat</span>; </div>
<div style="text-align: left;">
border-radius: <span style="color: #0b5394;">3px</span>;</div>
<div style="text-align: left;">
display: <span style="color: #0b5394;">inline-block</span>; </div>
<div style="text-align: left;">
position: <span style="color: #0b5394;">relative</span>; </div>
<div style="text-align: left;">
transition: <span style="color: #0b5394;">background-color 0.5s</span>; </div>
<div style="text-align: left;">
-webkit-transition: <span style="color: #0b5394;">background-color 0.5s</span>; </div>
<div style="text-align: left;">
margin: <span style="color: #0b5394;">0 3.5px !important</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.social-icons a { </div>
<div style="text-align: left;">
background-color: <span style="color: #0b5394;">#dadada</span>; </div>
<div style="text-align: left;">
float: <span style="color: #0b5394;">right</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.social-icons a.facebook {</div>
<div style="text-align: left;">
background-image: <span style="color: #0b5394;">url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWKkfhfLymdceo9JCErAbx2_e2Ft2fKyyPHlSzYcBMWzlLH8fXEi54DsFSMStOhr7l9Oq0Z8B6mdeiiqlMYct3dDze6uQ1OZ_ObCwoRv7rBzT7yVN0rI4QdWRCQeiZXFnhMsDoLQMk5EY/s1600/facebook.png)</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.social-icons a.facebook:hover { </div>
<div style="text-align: left;">
background-color: <span style="color: #0b5394;">#4265b9</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.social-icons a.twitter { </div>
<div style="text-align: left;">
background-image: <span style="color: #0b5394;">url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqG2ekYN6TV-cdppD1xhR-VRb59bEsAtc_a7HOE2IdPvYXzgACpf2a1DIh_ay52-5MgAu7-aqZ9-ci-03wovZ6nwlOCYEZvqXWx9-qx5a4YshkP9TRAm69oK-TA_o4zJnb7fLE5mcDaoQ/s1600/twitter.png)</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.social-icons a.twitter:hover { </div>
<div style="text-align: left;">
background-color: <span style="color: #0b5394;">#26d5ec</span>; </div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.social-icons a.khamsat { </div>
<div style="text-align: left;">
background-image: <span style="color: #0b5394;">url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMamc8SIrlN-HhD76JlGFP9k184oqQikjaKQEb1LOcHZYNeTKZqa_wheMJ6_OX-i2zNOlQqmJ8LvSge6PKfAYznwgZyRH1ttadMCUpU6shc6D_OFK5nKVL-rpq8pfA-OGxPF6UXq4M-wk/s1600/kmst.png)</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.social-icons a.khamsat:hover { </div>
<div style="text-align: left;">
background-color: <span style="color: #0b5394;">#F39C12</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
</style> </div>
<div style="text-align: left;">
<div id="social-wrapper">
<div class="social-icons sticky-social"></div>
<div style="text-align: left;">
<a class="facebook" href="<span style="color: #990000;">#</span>" target="_blank" rel="nofollow">
</a></div>
<div style="text-align: left;">
<a class="twitter" href="<span style="color: #990000;">#</span>" target="_blank" rel="nofollow">
</a></div>
<div style="text-align: left;">
<a class="khamsat" href="<span style="color: #990000;">#</span>" target="_blank" rel="nofollow">
</a></div>
</div><br />
<div id="call-wrapper"> </div>
<div style="text-align: left;">
<a style="font: <span style="color: #0b5394;">24px</span>;color:<span style="color: #0b5394;">#fff</span>;text-align: <span style="color: #0b5394;">center</span>;"><span style="color: #990000;">212611051511+</span></a><br />
<a href="<span style="color: #990000;">#</span>"><img src="http://www.dits.co.th/ip-pbx/images/callcenter-icon.png" /></a></div>
<div style="text-align: left;">
</div> </div>
<div style="text-align: left;">
<style> </div>
<div style="text-align: left;">
#call-wrapper { </div>
<div style="text-align: left;">
margin: <span style="color: #0b5394;">0 auto</span>; </div>
<div style="text-align: left;">
text-align:<span style="color: #0b5394;"> center</span>; </div>
<div style="text-align: left;">
margin-top: <span style="color: #0b5394;">12px</span>; </div>
<div style="text-align: left;">
margin-left: <span style="color: #0b5394;">-13px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#call-wrapper a { </div>
<div style="text-align: left;">
font-size: <span style="color: #0b5394;">20px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
#call-wrapper img {</div>
<div style="text-align: left;">
width: <span style="color: #0b5394;">30px</span>; </div>
<div style="text-align: left;">
height: <span style="color: #0b5394;">30px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
</style>
</div>
</div>
<div dir="rtl" style="text-align: right;">
تحميل الكود من هنا ............. <u><b><a href="http://www.mediafire.com/download/pnycgfgpcbdacfc/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%A7%D9%84%D8%AA%D8%B9%D8%B1%D9%8A%D9%81+%D8%A8%D8%A7%D9%84%D9%83%D8%A7%D8%AA%D8%A8.xml" rel="nofollow" target="_blank">تحميل الكود</a></b></u></div>
</div>
</div>
</div>
<div data-tab="الاضافة الثالثـــة">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<h3>
اضافة التبادل الاعلانى
</h3>
</div>
</div>
<div style="text-align: center;">
<br />
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS5NjJ6vQ54r_ZeGuIX-FoHsr2Rz-dvtdXT22KKlXtcnO-wXb7IKWLM6ppy05yVzZhF1wXFRs6xQSBr5BLMNsFV82eGoY4jneGk1NPOP_aHmU1JG6PtJvh21309sp3Eca5pWrF4Rvohv61/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%A7%D9%84%D8%AA%D8%A8%D8%A7%D8%AF%D9%84+%D8%A7%D9%84%D8%A7%D8%B9%D9%84%D8%A7%D9%86%D9%89.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="اضافة التبادل الاعلانى" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS5NjJ6vQ54r_ZeGuIX-FoHsr2Rz-dvtdXT22KKlXtcnO-wXb7IKWLM6ppy05yVzZhF1wXFRs6xQSBr5BLMNsFV82eGoY4jneGk1NPOP_aHmU1JG6PtJvh21309sp3Eca5pWrF4Rvohv61/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%A7%D9%84%D8%AA%D8%A8%D8%A7%D8%AF%D9%84+%D8%A7%D9%84%D8%A7%D8%B9%D9%84%D8%A7%D9%86%D9%89.PNG" title="اضافة التبادل الاعلانى" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">اضافة التبادل الاعلانى</td></tr>
</tbody></table>
<div class="codeview">
<div style="text-align: left;">
<div class="mawa9i3-tad3amona"> </div>
<div style="text-align: left;">
<ul> </div>
<div style="text-align: left;">
<li><a target="_blank" rel="nofollow" href="<span style="color: #990000;">#</span>"><u class="icon-link"></u> <span style="color: #990000;"><b>اعلن هنا</b></span> </a></li> </div>
<div style="text-align: left;">
<li><a target="_blank" rel="nofollow" href="<span style="color: #990000;">#</span>"><u class="icon-link"></u> <b><span style="color: #990000;">اعلن هنا</span></b> </a></li> </div>
<div style="text-align: left;">
<li><a target="_blank" rel="nofollow" href="<span style="color: #990000;">#</span>"><u class="icon-link"></u> <b><span style="color: #990000;">اعلن هنا </span></b></a></li> </div>
<div style="text-align: left;">
<li><a target="_blank" rel="nofollow" href="<span style="color: #990000;">#</span>"><u class="icon-link"></u> <b><span style="color: #990000;">اعلن هنا</span></b> </a></li> </div>
<div style="text-align: left;">
<li><a target="_blank" rel="nofollow" href="<span style="color: #990000;">#</span>"><u class="icon-link"></u> <b><span style="color: #990000;">اعلن هنا</span></b> </a></li> </div>
<div style="text-align: left;">
<li><a target="_blank" rel="nofollow" href="<span style="color: #990000;">#</span>"><u class="icon-link"></u> <b><span style="color: #990000;">اعلن هنا</span></b> </a></li> </div>
<div style="text-align: left;">
</ul></div>
<div style="text-align: left;">
</div> </div>
<div style="text-align: left;">
<style> </div>
<div style="text-align: left;">
.mawa9i3-tad3amona { </div>
<div style="text-align: left;">
float: <span style="color: #0b5394;">right</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.mawa9i3-tad3amona ul { </div>
<div style="text-align: left;">
text-align: <span style="color: #0b5394;">right</span>; </div>
<div style="text-align: left;">
width: <span style="color: #0b5394;">190px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.mawa9i3-tad3amona ul li { </div>
<div style="text-align: left;">
background-image: <span style="color: #0b5394;">url(http://alexgurghis.com/themes/vetro/wp-content/themes/Vetro_Preview/images/widget-title-shadow.png)</span>; </div>
<div style="text-align: left;">
background-repeat: <span style="color: #0b5394;">repeat-x</span>; </div>
<div style="text-align: left;">
background-position: <span style="color: #0b5394;">bottom</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
.mawa9i3-tad3amona ul li a { </div>
<div style="text-align: left;">
color: <span style="color: #0b5394;">#fff</span>; </div>
<div style="text-align: left;">
font-size: <span style="color: #0b5394;">15px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
u.icon-link { </div>
<div style="text-align: left;">
font-size: <span style="color: #0b5394;">25px</span>; </div>
<div style="text-align: left;">
margin-left: <span style="color: #0b5394;">12px</span>; </div>
<div style="text-align: left;">
} </div>
<div style="text-align: left;">
</style></div>
<div style="text-align: left;">
</div></div>
<div style="text-align: left;">
</div>
</div>
</div>
<div dir="rtl" style="text-align: right;">
تحميل الكود من هنا .............<b><u><a href="http://www.mediafire.com/download/z6naybumswgfdz6/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%A7%D9%84%D8%AA%D8%A8%D8%A7%D8%AF%D9%84+%D8%A7%D9%84%D8%A7%D8%B9%D9%84%D8%A7%D9%86%D9%89.xml" rel="nofollow" target="_blank"> تحميل الكود</a></u></b></div>
</div>
</div>
</div>
<div data-tab="الاضافة الرابعة">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<h3 style="text-align: center;">
تشغيل السلايد شو
</h3>
</div>
</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMdfJCh4sN3pnq76ldhcQmyZIhWq2B88EdAslw7bcyd792o1vNfN6GvQzvwjttxi1stitcAq7jma2fUyw8bYdbsdFOlAMrZd3uP6iA9AsFaHIRRrAQxXAHQ1Rg-oRxAaUJtEwqLyMG54P-/s1600/%D8%B3%D9%84%D8%A7%D9%8A%D8%AF+%D8%B4%D9%88.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMdfJCh4sN3pnq76ldhcQmyZIhWq2B88EdAslw7bcyd792o1vNfN6GvQzvwjttxi1stitcAq7jma2fUyw8bYdbsdFOlAMrZd3uP6iA9AsFaHIRRrAQxXAHQ1Rg-oRxAaUJtEwqLyMG54P-/s1600/%D8%B3%D9%84%D8%A7%D9%8A%D8%AF+%D8%B4%D9%88.png" height="160" width="400" /></a></div>
<div dir="rtl" style="text-align: right;">
لتشغيل السلايد شو ابحث عن هذا الكود وغير كلمة internet بالتسمية التي تريد
</div>
<div class="codeview">
label1 = "<span style="color: #990000;">internet</span>";
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sb sb_blue">
<div class="box_title">
<div style="text-align: center;">
لتحميل القالب و المعاينة
</div>
</div>
<div class="box_content">
<div id="wrap">
<div style="text-align: center;">
<a class="btn-slide" href="http://template-v5-pa.blogspot.com/" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">معاينة</span>
<span class="title-hover">اضغط هنا</span>
</a>
<a class="btn-slide2" href="http://www.gulfup.com/?Al9xgZ" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">تحميل</span>
<span class="title-hover2">اضغط هنا</span>
</a>
</div>
</div>
</div>
</div>
</div>Anonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.com1tag:blogger.com,1999:blog-8579449150594828362.post-43269470960530084732015-02-05T08:37:00.000+02:002015-05-19T15:43:05.473+02:00مرحبا زوارى الأعزاء<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="rtl" style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMrN6-R6tK-LwdEPaThXlLy4pQ8lc6hmiGf0-xYUDbJBu6UrJ0jnPHo764MWs6Hrl8QD4XwJ3p9x2gd4fuPQUIjjlWMivIoyO3CNQbbKbftvfcNHwFRGICuAhHZRqGR2UbVBl_6KCrvqHj/s1600/%D8%A7%D9%87%D9%84%D8%A7+%D9%88+%D8%B3%D9%87%D9%84%D8%A7+%D9%81%D9%89+%D8%A7%D9%84%D9%85%D9%88%D8%B3%D9%88%D8%B9%D8%A9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="مرحبا زوارى الأعزاء" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMrN6-R6tK-LwdEPaThXlLy4pQ8lc6hmiGf0-xYUDbJBu6UrJ0jnPHo764MWs6Hrl8QD4XwJ3p9x2gd4fuPQUIjjlWMivIoyO3CNQbbKbftvfcNHwFRGICuAhHZRqGR2UbVBl_6KCrvqHj/s1600/%D8%A7%D9%87%D9%84%D8%A7+%D9%88+%D8%B3%D9%87%D9%84%D8%A7+%D9%81%D9%89+%D8%A7%D9%84%D9%85%D9%88%D8%B3%D9%88%D8%B9%D8%A9.png" height="598" title="مرحبا زوارى الأعزاء" width="640" /></a></div>
</div>
<div dir="rtl" style="text-align: center;">
عانقت جدران منتدانا </div>
<div dir="rtl" style="text-align: center;">
عطر قدومك ... وتزيّنت </div>
<div dir="rtl" style="text-align: center;">
مساحاته بأعذب عبارات الود والترحيب </div>
<div dir="rtl" style="text-align: center;">
ومشاعر الأخوة والإخلاص ... كفوفنا ممدودة </div>
<div dir="rtl" style="text-align: center;">
لكفوفـك لنخضبها جميعاً بالتكاتف في سبيـل زرع بذور </div>
<div dir="rtl" style="text-align: center;">
الأخلاقيـات الراقيـة ولا نلبـث أن نجني منهـا </div>
<div dir="rtl" style="text-align: center;">
إن شاء الله ثمراً صالحاً.. ونتشـارك </div>
<div dir="rtl" style="text-align: center;">
كالأسرة الواحدة لتثقيف بعضنا </div>
<div dir="rtl" style="text-align: center;">
البعض في كل المجالات </div>
<div dir="rtl" style="text-align: center;">
أتمنى لك قضاء </div>
<div dir="rtl" style="text-align: center;">
وقت ممتع </div>
<div dir="rtl" style="text-align: center;">
معنا</div>
</div>
Anonymoushttp://www.blogger.com/profile/15128543067424841018noreply@blogger.com0