مفجأة لكل عشاق القوالب ,قوالب بلوجر قالب من تطوير new4angeGroup القالب أحترافى جداً سنتعرف على التفاصيل
الموضوع ممكن يكون كبيرإلى حد ما, حتى تعم الفائدة
الشرح بالترتيب من اول القالب لأخره
نأتى للمشاهدة معاينة القالب
مميزات القالب
1_ القالب به جميع أضافات بلوجر
2- أرشفته عالية
3- يدعم أدسنس ومناسبة لها
4- يقبل جميع أضافات بلوجر
6 5- به 2 سلايد شو
6- يوجد به أبتسامات التعليقات
7- به ترقيم الصفحات بطريقة أحترافية
8- مريح وسريع حتى لا يمل الزائر
9- القالب جديد من نوعه واول مرة ينزل بالمواصفات ديه
10 10- إضافة أقراء المزيد
111-أضافة زر الصود لأعلى
11 والكثير سنكتشفها معاً ’ هذا كله بمناسبة بداية الأفتتاح |
أولاً: القائمة العلوية - منسدلة بطريقة أحترافية
ثانياً: اللوجو و أيقونات المواقع الأجتماعية
الأضافة حصرية لأول مرة : تجذب الزائر لمتابعتك على المواقع الأجتماعية بسبب شكلها الأحترافية
طريقة التعديل على الأضافة
<style>p#hb_socialicons img { /* Spinning Social Icons Widget By new4ange.blogspot.com*/
-moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } p#hb_socialicons img:hover { -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg); -o-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } /* Spinning Social Icons Widget By new4ange.blogspot.com */
</style> <center><p id='hb_socialicons'> <a href='http://www.facebook.com/new4ange1/'> <img border='0' src='http://www.m5zn.com/newuploads/2014/02/08/png//4d1389baa0bcd4d.png'/></a> <a href='https://twitter.com/new4ange/'> <img border='0' src='http://www.m5zn.com/newuploads/2014/02/08/png//167424f831aad74.png'/></a> <a href='https://plus.google.com//u/0/118094435220155456423'> <img border='0' src='http://www.m5zn.com/newuploads/2014/02/08/png//6c28307dab73ae0.png'/></a> <a href='http://www.youtube.com/new4ange/'> <img border='0' src='http://www.m5zn.com/newuploads/2014/02/08/png//78c7b48b881c6fe.png'/></a> </p></center>
غير روابط الزرقاء بروابط المواقع الأجتماعية لديك
ثالثاً: السلايد شو الأحترافى ذاتى التشغيل
طريقة التعديل على الأضافة
<a href='http://new4ange.blogspot.com/'>
<img alt='' src='http://www.m5zn.com/newuploads/2014/03/05/png//e2f371e93a7c961.png' title='هنا وصف الصورة'/>
</a>
<a href='http://new4ange.blogspot.com/'>
<img alt='هنا وصف الصورة' src='http://www.m5zn.com/newuploads/2014/03/05/png//ad1d00f5239fa62.png' title='هنا وصف الصورة'/>
</a>
<a href='http://new4ange.blogspot.com/'>
<img alt='' src='http://www.m5zn.com/newuploads/2014/03/05/png//c1a0f4fc3a5a481.png' title='هنا وصف الصورة'/>
</a>
<a href='http://new4ange.blogspot.com/'>
<img alt='' src='http://www.m5zn.com/newuploads/2014/03/05/png//0a64e512845f8d3.png' title='هنا وصف الصورة'/>
</a>
<a href='http://new4ange.blogspot.com/'>
<img alt='' src='http://www.m5zn.com/newuploads/2014/03/05/png//ad1d00f5239fa62.png' title='هنا وصف الصورة'/>
</a>
<a href='http://new4ange.blogspot.com/'>
<img alt='' src='http://www.m5zn.com/newuploads/2014/03/05/png//e2f371e93a7c961.png' title='هنا وصف الصورة '/>
</a>
</div>
</div>
غير اللون الازرق بلون صورة الموضوع
غير الرابط الأخضر برابط الموضوع
رابعاً:قائمة منسدلة 2 الرئيسية ,قائمة أحترافية يمكن تغير لونها

طريقة التعديل على الأضافة
<ul id='mbt-menu'>
<li><a href='http://new4ds.blogspot.com/'>الرئيسية</a></li>
<li>
<a href='الرابط'>فوتوشوب</a>
<ul>
<li><a href='الرابط'>تعديل</a></li>
<li><a href='الرابط'>تعديل</a></li>
<li><a href='الرابط'>تعديل</a></li>
<li><a href='الرابط'>تعديل</a></li>
</ul>
</li>
<ul>
<li><a href='الرابط'>تعديل</a></li>
<li><a href='الرابط'>تعديل</a></li>
<li><a href='الرابط'>تعديل</a></li>
<li><a href='الرابط'>تعديل</a></li>
</ul>
<ul>
<li><a href='الرابط'>تعديل</a></li>
<li><a href='الرابط'>تعديل</a></li>
<li><a href='الرابط'>تعديل</a></li>
<li><a href='الرابط'>تعديل</a></li>
</ul>
<li><a href='الرابط'>تعديل</a></li>
<li><a href='الرابط'>تعديل</a></li>
<li><a href='الرابط'>تعديل</a></li>
</ul>
ابحث فى القالب: اللون الأزراق قائمة عادية
اللون الأحمر قائمة منسدلة
يمكن بالطبع زيادة القوائم
خامساً:سلايد شو أحترافى يمكنك أن تضيفه فى أى منطقة من القالب + صندوق التنبيه الأحترافى حتى تكتب اى شئ فيه لزوارك الأعزاء
طريقة التعديل على الأضافة 1) السلايد شو
ملحوظة الكود موجود فعلاً فى القالب لا تضيفه إلى قالبك
<ahref='http://new4ange.blogspot.com/2014/02/colorful-potton-psd.html#.UxZ9aWKSw8o' title='colorful puttons أزرار التحميل psd '> src='http://www.m5zn.com/newuploads/2014/02/05/png//0f2f5f9327d9a66.png' width='210'/>
</a>
</div>
<div class='panel'>
<a href='http://new4ange.blogspot.com/2014/02/80-icons-png-psd.html' title=' 80icons png + psd 80 أيقونة بسيطة psd + png '>
<img alt=' 80icons png + psd 80 أيقونة بسيطة psd + png ' height='110' src='http://www.m5zn.com/newuploads/2014/02/28/png//36895bb705388b5.png' width='210'/>
</a>
</div>
<div class='panel'>
<a href='http://new4ange.blogspot.com/2014/02/businesswomancharacte-psd.html#.UxaAXWKSw8o' title='Businesswoman_Characte psd free'>
<img alt='Businesswoman-Characte-psd-free' height='110' src='http://www.m5zn.com/newuploads/2014/02/28/png//228ac745fc1b250.png' width='210'/>
</a>
</div>
<div class='panel'>
<img alt='NFS ProStreet' height='110' src='http://www.m5zn.com/img/?img=15218135.png' width='210'/>
</div>
<div class='panel'> <a href='http://new4ange.blogspot.com' title='قالب تقنى مطور ومعرب يقبل جميع الأضافات بشكل جديد فى عالم بلوجر حصرى جداً '> <img alt='قالب أحترافى' height='110' src='http://www.m5zn.com/img/?img=15222912.png' width='210'/> </a> </div>
<div class='panel'> <a href='http://new4ange.blogspot.com/' title='قالب تقنى مطور ومعرب يقبل جميع الأضافات بشكل جديد فى عالم بلوجر حصرى جداً'> <img alt='قالب أحترافى' height='110' src='http://www.m5zn.com/img/?img=15222912.png' width='210'/> </a> </div>
ابحث عن الأكوادا لرابط الأزرق تغير برابط الموضوع اللون الاحمر بوضف الموضوعع رابط الصورةالأخضر برابطالصور
طريقة التعديل على الأضافة 2) صندوق التنبيه
</div>
<div class='alert-box warning'><span>القالب: </span>يمكنك تحميل القالب مجاناً من<a href='http://new4ange.blogspot.com/' rel='nofollow' target='_blank'>new4ange</a></div> <div id='Widget3A' style='width: 50%; float: right; margin:0; padding: 5px;'>
<div class='sidebar section' id='widget-5a'/>
</div>
<div id='Widget3A' style='width: 50%; float: left; margin:0; padding: 5px;'>
<div class='sidebar section' id='widget-3a'/>
</div>
<div id='Widget3B' style='width: 100%; float: left; margin:0; padding: 5px;'>
<div class='sidebar section' id='widget-3b'/>
</div>
ابحث عن الأكواد اللون الأزرق تغيره بنص اللون اللبنى تغيره باسم الرابط اللون الأحمر تغيره برابط الأسم
سادساً : بنرات أحترافية ,تستخدم للأعلانات , او الترحيب بالزورا ويمكن حذفها

طريقة التعديل على الأضافة
ملحوظة هذا الكود موجود فعلاً فى القالب
<div class='drmanamana'>
<div align='center'>
<a href='هنا الرابط'><img alt='new4ange' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi60lpXMec_qk0s44BGl7JnA6uBl7JF2pbfk62id7ukPAgf0-EGvbzv3XfnnPyNiOlBxFgqkL7k6rPyRVs2Xj0BOSjVCsPPOQRv6nDRQW0zgkTeT0B1KUZWZoLm5jmLcKBtndyw-jrFPH4/s1600/cccccc%5B1%5D.png'/></a>
</div>
</div>
<div class='drmanamana'>
<div align='center'>
<a href='هنا الرابط'><img alt='new4ange' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi60lpXMec_qk0s44BGl7JnA6uBl7JF2pbfk62id7ukPAgf0-EGvbzv3XfnnPyNiOlBxFgqkL7k6rPyRVs2Xj0BOSjVCsPPOQRv6nDRQW0zgkTeT0B1KUZWZoLm5jmLcKBtndyw-jrFPH4/s1600/cccccc%5B1%5D.png'/></a>
ابحث فى القالب عن : هنا الرابط وغيره برابط الأعلان
ابحث عن الصورة باللون الاحمر وغيلرها بصورة الاعلان.
سابعاً: تلخيص المواضيع بداخل القالب بوجود إقراء المزيد(الموضوع بالكامل)
ويمكنك جعل الصورة على الجانب الأيمن أو الأيسر .
شكل الموضوع بالداخل
ثامناً:الأضافة موجودة بالقالب ويمكنك إزالتها+ إضافة كاتب الموضوع الإحترافية
تاسعاً:تابعنا على الشبكات الأجتماعية +مواضيع ذات صلة بشكل نصى+أيقونات المشاركة الأجتماعية
الأضافة تتميز بالبساطة حتى لا تزعج الزائر
أضافة تابعنا على الشبكات الأجتماعية الأضافة تتميز بالبساطة حتى لا تزعج الزائر تحتاج إلى أضافة طريقة الأضافة
إذهب إلى تخطيط>> أضافة أداة >> htmljavascript |
<!-- new4ange --> <!--http://new4ange.blogspot.com/-->
<style type='text/css'>
.soc-fixed a, .slider-tooltip p{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.slideshow-chunk>div{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.soc-fixed{height:150px;left:50%;position:fixed;top:200px;width:18px;z-index:5;margin-left:495px}
.soc-fixed a{display:block;margin-left:133px;width:19px;height:20px;position:absolute;top:0;right:0;color:#fff!important;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:700;line-height:20px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic5enbaMbn_v2bO0AoqBBTdi7Ez-3KXFFDkC6cwlFdhYbMebXCHHdYbBvMVWnC-jEd2LZTXGjg_g8MogCL1ag1rQVRvMRKfp4I52CW7NDa8owkDICIzA6LXYUturAVog6khzYTHzENDtI/s1600/soc-icons.png) no-repeat;overflow:hidden}
.soc-fixed a span{min-width: 152px;padding: 0px;display:block;visibility:hidden;min-width:152px}
.soc-fixed a:hover{min-width:133px;padding-left:25px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.soc-fixed a:hover span{visibility:visible;position:absolute;top:0;right:25px}
.soc-fixed a.soc-facebook{background-position:3px -15px;top:20px;background-color:#526ca5}
.soc-fixed a.soc-twitter{background-position:3px -36px;top:40px;background-color:#75ddfe}
.soc-fixed a.soc-rss{background-position:3px -55px;top:60px;background-color:#f6a858}
.soc-fixed a.soc-mail{background-position:3px -75px;top:80px;background-color:#c1c1c2}
.soc-fixed a.soc-facebook:hover{background-color:#526ca5;background-position:5px -15px}
.soc-fixed a.soc-twitter:hover{background-color:#75ddfe;background-position:5px -36px}
.soc-fixed a.soc-mail:hover{background-color:#c1c1c2;background-position:5px -75px}
.soc-fixed a.soc-rss:hover{background-color:#f6a858;background-position:5px -55px}
.soc-fixed a.soc-facebook:active{background-color:#294a90}
.soc-fixed a.soc-twitter:active{background-color:#40b5fe}
.soc-fixed a.soc-mail:active{background-color:#909090}.soc-fixed a.soc-rss:active{background-color:#f37526}
</style>
<div class='soc-fixed'> <a class='soc-facebook' href='https://www.facebook.com/new4ange1' onclick='dcsSetVar('WT.z_iLinks','Facebook','WT.z_iLinks_actionoffer','exnav-soc','WT.z_iLinks_targetcampaign','src-gs');' target='_blank' title='فايسبوك'><span>تابعنا عبر الفاسبوك</span></a> <a class='soc-twitter' href='https://twitter.com/new4ange' onclick='dcsSetVar('WT.z_iLinks','Twitter','WT.z_iLinks_actionoffer','exnav-soc','WT.z_iLinks_targetcampaign','src-gs');' target='_blank' title='تويتر'><span>تابعنا عبر التويتر</span></a> <a class='soc-rss' href='http://www.new4ange.blogspot.com/feeds/posts/default' onclick='dcsSetVar('WT.z_iLinks','RSS','WT.z_iLinks_actionoffer','invite-follow','WT.z_iLinks_targetcampaign','src-gs');' target='_blank' title='الخلاصات'><span>تابعنا عبر الخلاصات</span></a> </div>
غير الرابط بلون الأزرق لرابط حسابك على الفيس بوك
غير رابط بلون اللبنى برابط حساب على التويتر
غير رابط بلون البرتقالى برابط الخلاصات
عاشراً:شكل التعليقات فى القالب بشكل أحترافى - يوجد بها رد وحذف - مضاف إليها الأبتسامات
نأتى هنا إلى أضافات المدونة التى يجب عليك أن تضيفها أنت بنفسك
11:تابعنا على الشبكات الأجتماعية بتأثير احترافى لأول مرة
طريقة التركيب
تخطيط >> أضافة أداة >> html javascript
|
<!-- new4ange --> <!--http://new4ange.blogspot.com/-->
<style>
#socialbdrssliding a{width: 40px;transition:width 0.4s;-webkit-transition:width 0.4s;-moz-transition:width 0.4s;overflow: hidden;}#socialbdrssliding a:hover{width: 100px;overflow: hidden;}#socialbdrssliding {float: right;position: relative;height: 40px;}#socialbdrssliding ul { margin: 0; }#socialbdrssliding li,#socialbdrssliding li a,#socialbdrssliding li .bdrs-thumb,#socialbdrssliding li .bdrs-title {display: block;position: relative;width: 40px;height: 40px;}#socialbdrssliding li,#socialbdrssliding li a,#socialbdrssliding li .bdrs-title {float: left;width: auto;overflow: hidden;}#socialbdrssliding li a {width: 40px;line-height: 40px;color: #E9E9E9;font-size: 11px;font-weight: bold;text-shadow: 1px 2px 2px #000;text-decoration: none;}#socialbdrssliding li .bdrs-thumb { float: left; }#socialbdrssliding li.bdrs-facebook a { background-color: #3B5998; }#socialbdrssliding li.bdrs-facebook .bdrs-thumb { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsKdv6cQ7Iz9aTuNgXSj9x5W1K_sP4nLLCP3r7sLWm2z0qge2UIwmZ53OiujWd79ZxU6MuE7EhqNAhdnHZaXRMScmryDiiJdZmMyBwwP7lTxkUP5mWTp8dEf3wroz-Gp4Zasoqx0i7fZ8/s1600/FACEBOOK.png") no-repeat 0 -40px; }#socialbdrssliding li.bdrs-gplus a { background-color: #d94a39; }#socialbdrssliding li.bdrs-gplus .bdrs-thumb { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXl3y9rL4yYomxiS7rb830ioN9_YEx3joYQdlLCmvrTaAhjwEVNumZLj6yABZbWTiN7WOYPHp2btbPDwUSGt311nLtDsQZ4qrYX-jHzBDCIseBBHCrHK1EA99paQOugMlKiA76spwOH30/s1600/googleplus.png") no-repeat 0 -40px; }#socialbdrssliding li.bdrs-twitter a { background-color: #3CF; }#socialbdrssliding li.bdrs-twitter .bdrs-thumb { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmglDgU7_R1Iv_LoCzNy1MkZ1Sq3RTDailQOr0tHHDXtjHqjScUKh9ufUeAIKbfYSaNXPLxu3CTD1Ou4X1jgQPvUVxqdl4K5Mtdk2x-hf9BN0t-laG3By3jt23qm-2w1TvhnZqcrIHQ-8/s1600/TWITTER.png") no-repeat 0 -40px; }#socialbdrssliding li.bdrs-rss a { background-color: #F88F16; }#socialbdrssliding li.bdrs-rss .bdrs-thumb { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdM9nWQ9nqjh9Uf7uzl7BkuKRv4S21VQk3DvWFnYcAgUkcjMeM_oODWh-cjYjVCJ7FCC6DWl0XA98IKHq60p3j2ZI5x7xCMG3ar6p0oBdbxl1XtirZIDWNb-IsVvl6zPog9F-G2XVkyjc/s1600/rssbd.png") no-repeat 0 -40px; }#socialbdrssliding li.bdrs-youtube a { background-color: #BD3518; }#socialbdrssliding li.bdrs-youtube .bdrs-thumb { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJc4HOZwzghPTypdwB1w9Q_5qkqpg-w8IGHiZQr8NoM-Jr6aVrzkBuGikPbskr0Lb97gPGJD1_Ge7skrYKiFbLMlfzkZJpLShHz_-ft1uLZPgC31o8m0i4yLh9S8sw_khE43JPYxYrJoc/s1600/youtube.png") no-repeat 0 -40px; }#socialbdrssliding li.bdrs-facebook a:hover, #socialbdrssliding li.bdrs-youtube a:hover, #socialbdrssliding li.bdrs-rss a:hover, #socialbdrssliding li.bdrs-twitter a:hover, #socialbdrssliding li.bdrs-gplus a:hover {background-color:#666;}</style>
<div id="socialbdrssliding"><ul><li class="bdrs-gplus"><a href="https://plus.google.com//u/0/115451789520304301130" target="_blank" rel="dofollow" title="جوجل بلس"><div class="bdrs-thumb"></div><div class="bdrs-title">جوجل بلس</div></a></li>
<li class="bdrs-facebook"><a href="https://www.facebook.com/new4ange1 بوك" target="_blank" rel="nofollow" title="فيس بوك"><div class="bdrs-thumb"></div><div class="bdrs-title">فيس بوك</div></a></li>
<li class="bdrs-twitter"><a href="https://twitter.com/new4ange/" target="_blank" rel="dofollow" title="تويتر"><div class="bdrs-thumb"></div><div class="bdrs-title">تويتر</div></a></li>
<li class="bdrs-rss"><a href="http://feeds.feedburner.com/blogspot/new4ange" target="_blank" rel="dofollow" title="rss feed"><div class="bdrs-thumb"></div><div class="bdrs-title">RSS</div></a></li>
<li class="bdrs-youtube"><a href="http://www.youtube.com/user/new4ange" target="_blank" rel="dofollow" title="يوتيوب"><div class="bdrs-thumb"></div><div class="bdrs-title">يوتيوب</div></a></li></ul></div>
<!-- new4ange --> <!--http://new4ange.blogspot.com/-->
وقم بتغير اللازم