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

السلام عليكم ورحمه الله وبركاته 

اللهم صلى على سيدنا محمد وعلى ال محمد

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

على مدونة حمزه ويب

راح نقدم الكم اليوم اضافه رائعه وجميلة وحصريه 

غيير موجوده على ويب

وهي تدوينه الاسبوع بشكل جديد وحصري

لمعاينة الاضافه اضغط هنا

للمشاهدة صوره اضافه

شرح تركيب الاضافه

1. لوحه تحكم
2. تخطيط
3. اضافه اداة
4. اختر HTML/javascriot
5. واضف هذا كود فية

<div class="widget-content"><style>.wowme { position: absolute; color: #fff; background-color: rgba(0,0,0,0.5); text-shadow: 1px 2px 1px rgba(51, 51, 51, 0.24); font-family: electrolize,'Droid Arabic Naskh', serif; width: 22.9%; text-align: center; height: 180px; line-height: 13em;}.ihum_img:hover {opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s;}@-webkit-keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; }}@keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } }.ihum_img img{width:100%;height:180px;align:justify;margin-bottom:13px}.ihum_img a{font-size: 14px;    font-family: Droid Arabic Kufi,Open Sans;    line-height: 24px;    font-weight: bold;    text-align: center;    color: #E74C3C!important}.ihum_img{background: #fafafa; text-align: center; border-bottom: 1px dashed #DCDADA; padding-bottom: 10px;}.hithere{text-align: center; font-size: 13px; line-height: 24px; background-color: #FAFAFA; padding: 10px; color: #524F50;}</style><div class="ihum_img"><span class="wowme">تدوينة الأسبوع</span><a href="http://ha1web.blogspot.com/2015/02/blog-post.html" target="_blank"><img src="http://cdn.top4top.net/i_bec0b61df51.jpg" /></a><a href="http://www.ar1web.com/2014/12/add-pages-to-posts.html" target="_blank">حصريا قالب حنان زنبقي</a></div><div class="hithere">حصريا قالب روعه الان يمكنك معاينته وتحميلة</div></div>

وغيير هذا لون في رابط الذي تريده عنده ضغط عليه
وغيير هذا لون في صوره الذي تريده
وغيير هذا لون في كلمات الذي تريده
وغيير هذا لون في كلمات الذي تريده
وغيير هذا لون في كلمات تريده للعنوان على صوره

واضغط حفظ


وانتهى موضوعنا الى هنا
وانتظروا كل جديد وحصري من حمزه ويب
في امان الله

حصرياً اضافة معلومات عن تدوينة من حمزه ويب

السلام عليكم ورحمه الله وبركاته اللهم صلى على سيدنا محمد وعلى ال محمد

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

مدونة حمزه ويب

راح نقدم لكم اضافة احترافية ورائعة وغير موجوده على ويب فقط من حمزه ويب

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

للمعاينة اضافة انزل الى اسفل لترى

شرح تركيب اضافة .

1. لوحة تحكم 
2. قالب 
3. تحرير HTML
4. ابحث عن هذا كود ]]></b:skin>
5. وضع هذا كود فوقة 

/* CSS Page Navigation */.pagenav {clear: both;margin: -5px 0 10px;margin-top: 10px;padding: 5px;font-size: 12px;font-weight: 800;background: #F2F2F2;display: inline-block;float: right;border: 1px solid #E2E2E2;}.pagenav span,.pagenav a {padding:8px;display:inline-block;background-color:#fff;color:#87888e;margin-right:2px;margin-left:2px;border:1px solid #E8E8E8;transition:all 0.6s linear;float: right;}.pagenav .pages {background-color:#fff;color:#87888e;border:1px solid #E8E8E8;font-weight:400;transition:all .3s linear;float: right;padding: 8px;}.pagenav a:hover {background-color:#FC4F3F;color:#fff;border:1px solid #E44334;transition:all .2s linear;}.pagenav .current {background-color:#FC4F3F;color:#fff;border: 1px solid #E44334;transition:all .3s linear;}.pagenav .pages {display:inline-block;}</style></b:if><b:if cond='data:blog.pageType != &quot;index&quot;'><style type='text/css'>#bottom-posts{margin:10px 0;}#bottom-posts h3{font-size:13px;margin:-10px -10px 7px;background:#575253;color:#fff;padding:5px;padding-left:5px;text-align: center;font-weight: 700;}.mbtloading {background: url(//ar1web-com.googlecode.com/svn/trunk/loading.gif) no-repeat left center;width: 16px;height: 16px;}ar1web-postinfo{background: #FFF;border: 1px solid #E7E7E7;padding: 10px;color: #555;display: block;max-width: 45%;  text-align: right;height: 251px;  margin-top: -1px;}ar1web-infotitle {width: 103.3%;margin-left: -10px;display: block;color: #FFF;font-size: 13px;font-weight: 700;text-align: center;background: #575253;padding-top: 7px;height: 32px;margin-top: -10px;}ar1web-postdate {background: url(//ar1web-com.googlecode.com/svn/trunk/date.png) no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;margin-bottom: 5px;width: 91%;float: right;height: 31px;}ar1web-comments {background: url(//ar1web-com.googlecode.com/svn/trunk/comments.png) no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;  margin-bottom: 5px;width: 91%;float: right;height: 31px;}ar1web-lables {background: url(//ar1web-com.googlecode.com/svn/trunk/tags.png) no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;margin-bottom: 5px;width: 91%;float: right;height: 31px;}ar1web-admin {background: url(//ar1web-com.googlecode.com/svn/trunk/Admin.png) no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;margin-bottom: 5px;width: 91%;float: right;height: 31px;margin-top: 3px;}ar1web-view {background: url(//ar1web-com.googlecode.com/svn/trunk/views.png) no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;margin-bottom: 5px;width: 91%;float: right;height: 31px;}ar1web-fakelink {background: url(//i.imgur.com/1HeB44m.png) no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px; margin-bottom: 5px;width: 91%;float: right;height: 31px;}.post-body img{;border: 2px solid #eee;box-shadow: 1px 30px 30px -26px #A9A7A7;border: 1px solid #F4F4F4;  padding: 5px;}

ثم ابحث عن هذا كود
<data:post.body/>
قد تجده متكرره عدة مرات الاخيره هي 
مقصوده

واضف هذا كود تحتة

<div id='bottom-posts'><div style='display:none'/><ar1web-postinfo><ar1web-infotitle>معلومات عن التدوينة</ar1web-infotitle><ar1web-admin> <data:post.author/> : الكاتب</ar1web-admin><ar1web-postdate>بتاريخ : <data:post.date/></ar1web-postdate><ar1web-view><a expr:name='data:post.id'/><div id='views-container'><span class='views-icon'/><div class='views-text'/><span class='mbtloading viewscount' id='postviews'/></div>: عدد الزيارات<data:post.numviews/></ar1web-view><ar1web-comments>عدد التعليقات: <data:post.numComments/></ar1web-comments><ar1web-lables><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag' style='color: #444;'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>&#1548;</b:if></b:loop></b:if></ar1web-lables>  <ar1web-fakelink>قبل الإستعمال إقرأ <a href='#' style='color: #FFFFFF; background: #8B8887;padding: 3px;border-radius: 3px;font-size: 10px;'>إتفاقية الإستخدام</a></ar1web-fakelink><ar1web.com/></ar1web-postinfo>

  وانتهى موضوعنا الى هنا
وانتظروا كل جديد وحصري من حمزه ويب
 في امان الله

حصريا تغيير شكل تعليقات الى شكل احترافي وجميل من حمزه ويب

السلام عليكم ورحمه الله وبركاتة اللهم صلى على سيدنا محمد وعلى ال محمد

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

على مدونة حمزه ويب

راح نقدم لكم تغيير شكل تعليقات الى شكل احترافي وجميل من حمزه ويب

تدوينة جديدة وحصرية فقط من حمزه ويب

لمعاينة اضافة اضغط هنا

شرح تركيب اضافة .

1. لوحة تحكم
2. قالب 
3. تحرير HTML
4. ابحث عن هذا كود ]]></b:skin>
5. واضف هذا كود فوقة 

.comments-tabs.simpleTab .tab-content{background-color:transparent;padding:0;margin-top:20px}.comments-tabs.simpleTab{border:1px solid #EEE;padding:15px;margin-top:25px;margin-bottom:25px}.comments-tabs.simpleTab .tab-wrapper li a{border-radius:3px;text-transform:uppercase;background-color:#BBB}.comments-tabs.simpleTab .tab-wrapper li a.activeTab{background-color:$(main.color)}


.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;}.comment-form p:before{content:'\f05a';float:right;font:39px fontawesome;width:41px;color:#ccc;height:41px;margin:0 5px;}.comments-content{background:#f9f9f9;padding:5px;border:1px solid #DDD;margin:5px;position:relative;}.comments .avatar-image-container{float:right;max-height:50px;overflow:hidden;width:50px;padding:2px;background:#fff;border:1px solid #eee;margin:0 7px;}.comments .avatar-image-container img{width:100%;max-width:100%;}.comments .comment-block {background: none repeat scroll 0% 0% #F6F6F6;margin: 0px 73px 0 14px !important;position: relative;border: 1px solid rgba(200, 200, 200, 0.54);color: #818F96;}.comment-header a {color: #999;text-shadow: 1px 1px #FFF;font-size: 13px;font-weight: 100;line-height: 1.6;font-family: ge_hiliregular;}.comments .comment-block:after {content: "";position: absolute;bottom: -3px;right: 0px;color: #468847;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAjCHxVE2LWiAVX00Qz6X7RB7sMc4k2b99TfjFci_urLruxik5gBoHAFTuGGdWuIw8_GjnULhB69RqA1tJHSW4LN8vu7MAYd99fEqEZX7SOf2e1V91_S_qPaGPeMnVFY0O-IUJZD1ox-k/s1600/bg_color.png') repeat scroll 0% 0% transparent;height: 3px;width: 100%;}.comments .comments-content .comment:first-child {padding-top: 0px;}.comments .comments-content .comment {margin-bottom: 3px;padding-bottom: 0px;}.comment-header{display:inline-block;border:1px solid #eee;border-right:0;border-top:0;padding:1px 10px 0 10px;}.comments .comment-block:before{content:'\f0da';position:absolute;font:30px fontawesome;top:15px;right:-11px;color:#E8E8E8;}.comment-content{padding:20px;}.comment-actions a{background:#fff;color:#6F6F6F;padding:0 10px;padding-top:2px !important;padding-left:10px !important;font-size:12px !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:2px;border:1px solid #eee;display:inline-block;}.comments .comments-content .user a {float: right;margin: -1px -10px 0px 10px;padding: 0px 5px;height: 23px;color: #468847;background-color: #DFF0D8;border-color: #D6E9C6;}.comments .comments-content .user a:before{content:'\f0d9';font: 19px fontawesome;float: left;position: relative;left: -12px;top: 2px;color: #DFF0D8;text-shadow: none;}.comments .comments-content .user a:after{content:'\f14b';font: 17px fontawesome;float: right;margin: 0px 0px 0px 8px;position: relative;top: 2px;padding: 0px 2px;color: #468847;text-shadow: none;}.comments .item-control {display: inline-block;}
.comments .continue a {font-family:normal 14px GESSTwoMediumRegular,tahoma, arial;font-size:12px;font-weight:normal;color:#888888;}.comments .comment-actions a,.comments .comment-replies .comment-actions a {margin-top:8px;margin-bottom:8px;}.comments .comment .comment-actions a,.comments .comment .comment-replies .comment-actions a {font-weight: normal;padding: 3px 15px;background: #fff;color: #6F6F6F;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: 2px;border: 1px solid #eee;display: inline-block;font-family: ge_hiliregular;font-size: 15px;}.comments .comment-actions a:before {font-family:FontAwesome;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:11px;font-size:11px;color:#888;}.comments .comment-actions a:before {content:"\f112";margin: 0 0 0 5px;color: #888 !important;}.comments .continue a:before {font-family:FontAwesome;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:11px;font-size:11px;color:#888;}.comments .continue a:before {content:"\f112";color: #888 !important;}span.item-control.blog-admin a:before{content:'\f014';font:14px fontawesome;margin:0 0 0 5px;color:#ccc;}.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;}.comments .continue a:before{content:'\f124';font:12px fontawesome;margin:0 0 0 10px;display:inline-block;color:#ccc;}.comments .comment .comment-actions a:hover,.comments .continue a:hover{text-decoration:none;background:#eee;}.comments {background: none repeat scroll 0% 0% #F9F9F9;padding: 15px;border: 1px solid #DDD;margin: 5px 0 0 0;position: relative;}
.feed-links {display: none;}.top-comment-widget-menu {background: none repeat scroll 0px 0px #FFF;border-color: #DDD;border-style: solid;border-width: 1px 1px 5px;float: right;margin: 20px 0px;width: 953px;}.top-comment {float: right;text-align: center;font-family: "ge_ss_threeregular";font-size: 14px;list-style: none outside none;margin: 10px 0;text-transform: uppercase;width: 50%;cursor: pointer;}.top-comment.selected {cursor: pointer;}#comments h4 {display: inline;padding: 4px 8px;line-height: 45px;}#comments h4,.comments.comment-header,.comments .comment-thread.inline-thread .comment{position:relative}#comments h4{background:#73C4D1}#comments h4{font-size:17px}#comments h4{font-weight:normal;color:#fff}#comments h4:after {content: "";position: absolute;bottom: -10px;right: 10px;border-top: 10px solid #73C4D1;border-left: 20px solid transparent;width: 0px;height: 0px;line-height: 0;}.icon.blog-author:after {content: "الكاتب";background: #f66;color: #FFF;padding: 2px 16px;border-radius: 1px;position: absolute;left: 0px;margin-top: -3px;font-size: 14px;font-family: ge_hiliregular;}.comment-content {padding: 20px;font-family: ge_hiliregular;}.top-comment.blogico:before {content: "\f0d5";font-family: fontawesome;font-size: 18px;margin-left: 15px;color: #F66;}.top-comment.faceico:before {content: "\f09a";font-family: fontawesome;font-size: 18px;margin-left: 15px;color: #627AAC;}.comments .comments-content .comment:first-child{padding-top:0}

ثم اضغط حفظ نموذج 


وانتهى موضوعنا الى هنا
وانتظروا كل جديد وحصري من حمزه ويب
في امان الله

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

السلام عليكم ورحمه الله وبركاته اللهم صلى على سيدنا محمد وعلى ال محمد

اهلا بكم متابعي مدونة حمزه ويب وزوراة الكرام في هذه تدوينة جديدة وحصرية على 

مدونة حمزه ويب 

راح نقدم لكم اضافة حصرية واحترافية وجديدة من حمزه ويب فقط

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

تحت كل تدوينة يتيح للزائر مشاركة تدوينة على اي مواقع تواصل 

اجتماعي 

لمعاينة الاضافة اضغط هنا

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

1. لوحة تحكم
2. قالب 
3. تحرير HTML
4. ابحث عن هذا كود ]]></b:skin>
5. واضف هذا كود فوقة 

/* CSS Share Button */.sharepost li{float:right;margin:0 1%;width:18%;padding:0;list-style:none;position:relative;}.sharepost li a{opacity:0.8;padding:8px 0 8px 35px;color:#fff;display:block;border-radius:2px;}.sharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;margin-right: -60px;}.sharepost li a:hover{opacity:0.9;color:#fff;}.sharepost li .twitter{background-color:#55acee;}.sharepost li .facebook{background-color:#3b5998;}.sharepost li .gplus{background-color:#dd4b39;}.sharepost li .pinterest{background-color:#cc2127;}.sharepost li .linkedin{background-color:#0976b4;}.sharepost li .twitter:hover,.sharepost li .facebook:hover,.sharepost li .gplus:hover,.sharepost li .pinterest:hover,.sharepost li .linkedin:hover{opacity:1;color:#fff;}.sharepost li:last-child{margin-right:0}.sharepost li .fa:before{position:absolute;top:0;left:0;display:inline-block;padding:8px 12px;font-family:fontawesome;text-align:center;background:rgba(0,0,0,0.1);line-height:20px;}

ثم ابحث عن هذا كود <data:post.body/>
قد تجدة متكررة عدة مرات الاخيرة هي مقصودة 
واضف هذا كود تحتة

<div class='sharepost'><ul><li><a class='twitter' href='http://twitter.com/share?url=http://realmag-ar1web.blogspot.com/2014/11/blog-post.html' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/>غرد</a></li><li><a class='facebook' href='http://www.facebook.com/sharer.php?u=http://realmag-ar1web.blogspot.com/2014/11/blog-post.html' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/>شاركه</a></li><li><a class='gplus' href='http://plus.google.com/share?url=http://realmag-ar1web.blogspot.com/2014/11/blog-post.html' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/>شاركه</a></li><li><a class='linkedin' href='http://www.linkedin.com/shareArticle?mini=true&amp;url=http://realmag-ar1web.blogspot.com/2014/11/blog-post.html&amp;title=هناك حقيقة مثبتة منذ زمن طويل&amp;summary=' target='_blank'><i class='fa fa-linkedin'/>شاركه</a></li><li><a class='pinterest' href='http://pinterest.com/pin/create/button/?url=http://realmag-ar1web.blogspot.com/2014/11/blog-post.html&amp;media=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipywsPIF2y-FukjbyRjEM7LdD4Bl9dqWPu-tj9_Q8sfXTwI4Oholrtfo1yZa9-pgZint1SI6E5DrMR1OiegAnvfeERqdaOjI8_p09GoQBehABzeAX46udreQtbCgSdgHxJqZlhKY0VAwiq/s72-c/Tags+and+Styling+Post+Format.png&amp;description= + data:post.title' target='_blank'><i class='fa fa-pinterest'/>شاركه</a></li></ul></div>

وانتهى موضوعنا الى هنا
وانتظروا كل جديد وحصري من حمزه ويب
في امان الله

حصرياً أضافة اشترك في قائمة بريدية بشكل احترافي من حمزه ويب

السلام عليكم ورحمه الله وبركاته اللهم صلى على سيدنا محمد وعلى ال محمد

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

على مدونة حمزه ويب

راح نقدم لكم اضافة احترافية وجميلة وفقط من حمزه ويب وحصرية 

وهي اضافة اشترك في قائمة بريدية بشكل جميل واحترافي وحصري

من حمزه ويب الموضوع حصرية فقط من حمزه ويب

معاينة اضافة

للمعاينة اضغط هنا

 شرح تركيب اضافة

1. تحكم لوحة
2. تخطيط
3. اضافة اداة
4. اختر HTML/javascriot
5. واضف هذا كود فية

<div class="widget-content"><style>/* CSS Subscribe Box */#subscribe-box {width:100%;height:auto;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzYjFRgPWXnZU_wN5UsoKNeJZI3laUbvK9iWn34YQYqxJnBAMKtZNCs8NPXUR_OcNhIg0p7AIdp798TplAuKByOgBJ_KFgdT3mp7K1u_yxKJeHTmJ8v6VTvl2cJJtCjstegOUOe37Bh94u/s1600/sidebar-email-bg.jpg) no-repeat;margin: 0 -5px;}#subscribe-box .title {background:#f8a82a;color:#fff;font-family:&#39;Oswald&#39;,sans-serif;font-size:20px;font-weight:400;margin:0 0 0 0;padding:12px 65px 12px 15px;position:relative;transition:all .5s ease-out;}#subscribe-box p {font-family:droid arabic kufi;;font-size:13px;color:#E4E4E4;line-height:50px;padding:79px 20px 0 20px;margin:0;text-align: center;}#subscribe-box .emailfield {padding:0px 20px 10px;}#subscribe-box .emailfield input {background:#3a3a3a;color:#bbb;padding:10px;margin:10px 0 0 0;font-size:13px;font-family:Electrolize,ge_ss_threeregular ;width:90%;border:0;border:1px solid transparent;transition:all 0.4s ease-in-out;}#subscribe-box .emailfield input:focus {outline:none;background:#fff;color:#666;border:1px solid #f8a82a;}#subscribe-box .emailfield .submitbutton {background:#1CAEDF;color:#fff!important;text-transform:uppercase;font-weight:bold;border:none;outline:none;width:100%;cursor:pointer;transition:all 0.4s ease-in-out;}#subscribe-box .emailfield .submitbutton:active {padding-top:11px;padding-bottom:9px;}#subscribe-box .emailfield .submitbutton:hover{background:#33BDEC;color:#fff;}</style><div id="subscribe-box">                 <p>اشترك لتحصل على اجدد المواضيع.</p>             <div class="emailfield">              <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=rLqALt', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">               <input type="text" name="name" onblur="if (this.value == &quot;&quot;) {this.value = &quot; اسمك الكامل&quot;;}" onfocus="if (this.value == &quot; اسمك الكامل&quot;) {this.value = &quot;&quot;;}" value=" اسمك الكامل">               <input type="text" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;بريدك الإلكتروني&quot;;}" onfocus="if (this.value == &quot;بريدك الإلكتروني&quot;) {this.value = &quot;&quot;;}" value="بريدك الإلكتروني"><input name="uri" type="hidden" value="rLqALt"><input name="loc" type="hidden" value="en_US">                <input class="submitbutton" type="submit" value="اشترك الأن!">
              </form>             </div></div></div>

وغيير الي بلون ازرق برابط rss مدونتك

واضغط حفظ

وانتهى موضوعنا الى هنا
وانتظروا كل جديد وحصري من حمزه ويب
في امان الله

حصريا اضافة مواضيع احدث واقدم تحت تدوينات فقط من حمزه ويب

السلام عليكم ورحمه الله وبركاته اللهم صلى على سيدنا محمد وعلى ال محمد

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

على مدونة حمزه ويب

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

وهي اضافة تفيد جميع مدونات وهي اضافة احدث مواضيع واقدم

تحت تدوينات وجميلة جدا واحترافية طبعا اضافة من أنشاء ومن

تكويدي وحصري فقط من حمزه ويب 

اذا رايتة في اي مدونة اخرى اعلم انة سرقة مني

معاينة اضافة

للمعاينة اضغط هنا

 شرح تركيب اضافة

1. لوحة تحكم 
2. قالب 
3. تحرير HTML
4. ابحث عن هذا كود ]]></b:skin>
5. واضف هذا كود فوقة 

/* = BloG PaGer In PoSts----------------------------------------------- */.cnmu-pager {font: normal 12px droid arabic kufi;border-top: 6px solid;border-radius: 2px;color: #ff3939;float: right;padding: 0 !important;margin: 0px 5px 10px !important;width: 710px;height: 100px;position: relative;background: #3c415e;}.cnmu-pager li {  float: right;  list-style: none outside none;  text-align: center;  transition: all 0.7s ease 0s;  width: 33%;}.cnmu-pager li:hover {  background:#5A5A5A;}.cnmu-pager li a {  display: block;  min-height: 90px;  padding: 5px 0 !important;  border: none !important;  position: relative;  width: 100%;   text-decoration: none;  background: none !important;}.cnmu-pager li a:hover {  color:#fff;}.cnmu-pager li.next {width: 49%;height: 84px;top: 0 !important;display: block;position: relative!important;background: #FF4646;color: #fff;font: normal 12px 'droid arabic kufi';border-radius: 2px;margin: 5px;}.cnmu-pager li.previous {width: 49%;height: 84px;top: 0 !important;background: #FF4646;color: #fff;font: normal 12px 'droid arabic kufi';border-radius: 2px;margin: 5px;}.cnmu-pager strong {  color: #FFA500;  font: normal 22px 'GESSTwoMEdiumRegular';  display: block;  line-height: 52px;}.cnmu-pager span {  color: #FFFFFF;    font: normal 12px 'ABEL''GESSTWOMEDIUMREGULAR';    display: block;  line-height: 0px;}
.cnmu-pager li.next i,.cnmu-pager li.previous i{color: #FFAE00;font: 45px tahoma;margin-top: 15px;padding: 0px 10px;  }.cnmu-pager li.next i {float: right;}.cnmu-pager li.previous i {float: left;}.fa-chevron-right:before {content:"\2039";}.fa-chevron-left:before {content: "\203A";}.cnmu-pager li.next:hover {background: #DA4B4B;}.cnmu-pager li.previous:hover {background: #DA4B4B;}

ثم ابحث عن هذا كود <data:post.body/>
قد تجد عدة مرات الاخيرة هي مقصودة 
واضف هذا كود تحتة

<div class='Pager_X-blog'><ul class='cnmu-pager'>
            <li class='next'>    <b:if cond='data:newerPageUrl'>    <i class='fa fa-chevron-right'/><a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' rel='next'/>    <b:else/>    <i class='fa fa-chevron-right'/><a rel='next'><strong>أحدث موضوع</strong> <span>انت تشاهد آحدث موضوع</span></a>    </b:if>    </li>
          <li class='previous'>    <b:if cond='data:olderPageUrl'>    <i class='fa fa-chevron-left'/><a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' rel='previous'/>    <b:else/>    <i class='fa fa-chevron-left'/><a rel='previous'><strong>أقدم موضوع</strong> <span>أنت تشاهد آخر موضوع</span></a>    </b:if>    </li>
        </ul><script type='text/javascript'>    //<![CDATA[    (function($){           var newerLink = $('a.newer-link');        var olderLink = $('a.older-link');        $.get(newerLink.attr('href'), function (data) {         newerLink.html('<strong>التالي</strong> <span>'+$(data).find('.post h3.post-title').text()+'</span>');           },"html");        $.get(olderLink.attr('href'), function (data2) {         olderLink.html('<strong>السابق</strong> <span>'+$(data2).find('.post h3.post-title').text()+'</span>');           },"html");    })(jQuery);    //]]>document.write(unescape(&quot;%3Ca%20style%3D%22bottom%3A%200px%3B%20color%3A%20rgba%280%2C%200%2C%200%2C%200%29%3B%20font-size%3A%202px%3B%20position%3A%20fixed%3B%20right%3A%200px%3B%20z-index%3A%20999999%3B%22%20href%3D%22http%3A//cnmu.blogspot.com%22%20rel%3D%22dofollow%22%20target%3D%22_blank%22%3E%u0643%u0646%20%u0645%u062F%u0648%u0646%3C/a%3E&quot;));    </script>  </div>

يمكنك تغيير لون اضافة 
الى اي لون تريدة 


وانتهى موضوعنا الى هنا 
وانتظروا كل جديد وحصري من حمزه ويب
في امان الله

حصرياً اضافة كاتب بشكل جميل واحترافي من حمزه ويب

السلام عليكم ورحمه الله وبركاته اللهم صلى على سيدنا محمد وعلى ال محمد

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

على مدونة حمزه ويب

راح نقدم اليكم اضافة جميلة ورائعة وحصرية على مدونة حمزه ويب

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

من حمزه ويب ولأول مرة على ويب 

اضافة حصرية اذا رأيتة في اي مدونة اخرى فأعلم انة منقول

معاينة اضافة

للمعاينة اضافة اضغط هنا

طريقة تركيب اضافة .

1. لوحة تحكم 
2. قالب
3. تحرير HTML
4. ابحث عن هذا كود <b:skin/><[[
5. واضف هذا كود فوقة

/*------post author------*/.post_author {background: #FFF;overflow: hidden;padding: 25px;margin-bottom: 25px;border-bottom: 1px solid rgba(0,0,0,0.1);-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.02);-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.02);box-shadow: 0 1px 1px rgba(0,0,0,0.02);}.author_wrapper a {color: #47c2dc;}.author_avatar {float: right;margin: 0 0 0 15px;border-radius: 50%;}.author_wrapper h4 {font: normal 18px insan,dkfont,tahoma;margin: 0;padding: 0 0 5px;display: inline-block;}.author_wrapper p {font: normal 12px tahoma;color:#888;margin: 0;padding: 0;line-height: 1.8em;}
#related-posts {background: #fff;margin:0;overflow: hidden;padding: 0;border-bottom: 1px solid rgba(0,0,0,0.1);-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.02);-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.02);box-shadow: 0 1px 1px rgba(0,0,0,0.02);}.heading-border {margin: 0;border-bottom: 1px solid #47c2dc;color: #888;display: table;font-size: 13px;font-weight: 300;padding: 15px 0;margin: 0 20px;text-align: right;text-transform: uppercase;bottom: -1px;font: normal 18px insan,dkfont,tahoma;}#related-posts ul {overflow: hidden;padding: 15px 0;margin: 0 20px;border-top: 1px solid #EEEEEE;}#related-posts ul li {width: 32.2%;float: right;margin: 8px 0 0 8px;padding: 0;text-align: center;}#related-posts ul li .pthumb {width: 230px;height: 120px;margin-bottom: 10px;overflow: hidden;}#related-posts ul li .pthumb img {width: 100%;height: 100%;-webkit-transform: scale(1) rotate(0deg);-moz-transform: scale(1) rotate(3deg);transform: scale(1) rotate(0deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}#related-posts ul li .pthumb img:hover {width: 100%;height: 100%;-webkit-transform: scale(1.1) rotate(3deg);-moz-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}#related-posts ul li a {color: #888;padding: 0;margin: 0;font: normal 15px HelveticaNeueW23,dkfont,tahoma;text-align: center;transition:0.4s;}#related-posts ul li a:hover {color: #4FADFC;transition:0.4s;}

ثم ابحث عن هذا كود <data:post.body/>
قد تجدة اكثر من مرة الاخيرة هي مقصودة 

واضف هذا كود تحتة 

  <div class='post_author'><div class='author_wrapper'><img alt='' class='author_avatar' height='100' src='http://i.imgur.com/3KQAIIw.png' width='100'/><h4>الكاتب : <a href='Blog Link'>حمزه ابراهيم</a></h4><p>نبذة عن الكاتب  نبذة عن الكاتب نبذة عن الكاتب نبذة عن الكاتب نبذة عن الكاتب نبذة عن الكاتب نبذة عن الكاتب نبذة عن الكاتب-نبذة عن الكاتب</p></div></div>

غيير الي بلون احمر برابط صورة الذي يناسبك
وغيير الي بلون ازرق بأسم كاتب
وغيير الي بلون اصفر بكلمات الي يناسبك

ثم اضغط حفظ نموذج


وانتهى موضوعنا الى هنا 
وانتظرورا كل جديد وحصري من حمزه ويب
في امان الله

حصريا اضافة صناديق احترافية للتدوينات وبشكل جميل من حمزه ويب

السلام عليكم ورحمه الله وبركاته اللهم صلى على سيدنا محمد وعلى ال محمد

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

على مدونة حمزه ويب

راح نقدم لكم اضافة احترافية وجميلة بمعنى كلمة هو عبارة عن صناديق 

يمكنك اضافتة الى تدويناتك احترافية وجميلة ويعطي منظراً جميلا للمدونة

وللتدويناتك وبأشكال مختلفة ورائعة طبعا هذه اضافة غيير 

موجود على ويب واعرضة لأول مرة مقدم من حمزه ويب

معاينة قالب

للمعاينة اضافة اضغط هنا

 طريقة تركيب اضافة

1. لوحة تحكم 
2. قالب 
3. تحرير HTML
4. ابحث عن هذا كود </head>
5. واضف هذا كود فوقة 

<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>

ثم ابحث عن هذا كود ]]></b:skin>
واضف هذا كود فوقة 

#pro1 {margin: 3px -15px 3px 0px;color: #fff;font: 15px Droid arabic naskh;padding: 8px 67px 0px 0;height: 28px;width: 100%;background: #2c3e50 url(https://dl.dropboxusercontent.com/s/xl45xxg9slpspas/1-1.png) no-repeat 100% 0px;text-align: right;transition: 1s;overflow: hidden;}#pro1:hover {background: #00a8ad url(https://dl.dropboxusercontent.com/s/xl45xxg9slpspas/1-1.png) no-repeat 100% 0px;color: #fff;transition: 1s;}#pro2 {margin: 3px -15px 3px 0px;color: #fff;font: 15px Droid arabic naskh;padding: 8px 67px 0px 0;height: 28px;width: 100%;background: #2c3e50 url(https://dl.dropboxusercontent.com/s/yt79n12nlp678d2/2-2.png) no-repeat 100% 0px;text-align: right;transition: 1s;overflow: hidden;}#pro2:hover {background: #ab2e2e url(https://dl.dropboxusercontent.com/s/yt79n12nlp678d2/2-2.png) no-repeat 100% 0px;color: #fff;}#pro3 {margin: 3px -15px 3px 0px;color: #fff;font: 15px Droid arabic naskh;padding: 8px 67px 0px 0;height: 28px;width: 100%;background: #2c3e50 url(https://dl.dropboxusercontent.com/s/oukzfti8dlazvra/4-4-4.png) no-repeat 100% 0px;text-align: right;transition: 1s;overflow: hidden;}#pro3:hover {background: #788081 url(https://dl.dropboxusercontent.com/s/oukzfti8dlazvra/4-4-4.png) no-repeat 100% 0px;color: #fff;}#pro4 {margin: 3px -15px 3px 0px;color: #fff;font: 15px Droid arabic naskh;padding: 8px 67px 0px 0;height: 28px;width: 100%;background: #2c3e50 url(https://dl.dropboxusercontent.com/s/h39m03t19p7cnp7/5-5-5.png) no-repeat 100% 0px;text-align: right;transition: 1s;overflow: hidden;}#pro4:hover {background: #f39c12 url(https://dl.dropboxusercontent.com/s/h39m03t19p7cnp7/5-5-5.png) no-repeat 100% 0px;color: #fff;}#pro5 {margin: 3px -15px 3px 0px;color: #fff;font: 15px Droid arabic naskh;padding: 8px 67px 0px 0;height: 28px;width: 100%;background: #2c3e50 url(https://dl.dropboxusercontent.com/s/ayfajdkngi7377r/3-3.png) no-repeat 100% 0px;text-align: right;transition: 1s;overflow: hidden;}#pro5:hover {background: #27ae60 url(https://dl.dropboxusercontent.com/s/ayfajdkngi7377r/3-3.png) no-repeat 100% 0px;color: #fff;}#pro6 {margin: 3px -15px 3px 0px;color: #fff;font: 15px Droid arabic naskh;padding: 8px 67px 0px 0;height: 28px;width: 100%;background: #2c3e50 url(https://dl.dropboxusercontent.com/s/qhfqjdpch23lvyu/6-6.png) no-repeat 100% 0px;text-align: right;transition: 1s;overflow: hidden;}#pro6:hover {background: #278879 url(https://dl.dropboxusercontent.com/s/qhfqjdpch23lvyu/6-6.png) no-repeat 100% 0px;color: #fff;}

ثم اضغط حفظ نموذج 
وعند كتابة في موضوع او تدوينة تضغط HTML
وتضيف اي من هذه اكواد التي تعجبك

<div id='pro1'>تجربة</div><div id='pro2'>تجربة</div><div id='pro3'>تجربة</div><div id='pro4'>تجربة</div><div id='pro5'>تجربة</div><div id='pro6'>تجربة</div>

وانتهى موضوعنا الى هنا
وانتظروا كل جديد وحصري من حمزه ويب 
في امان الله

انتهى الموضوع ، اتمنى أن تكون الإضافة في متناول الجميع تحياتي .