موقع جميل لبيع قوالب بلوجر
إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل
سلايدر جداب لمدونات بلوجر
السلام عليكم . في هده التدوينة سوف تنطرق الى طريقة اضافة سلايدر جداب لمدونات بلوجر و متجاوب و يعرض احدث التدوينات
1. مباشرة من التخطيط أضف أداة Html/JavaScript وضع الكود التالي بها
1. مباشرة من التخطيط أضف أداة Html/JavaScript وضع الكود التالي بها
<style>
/* CSS Responsive Slider Recent Post www.Ar1web.com */
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
#slides ul{height:320px}
#slides li{width:50%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4), #slides li:nth-child(5){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50%;width:25%;height:50%}
#slides li:nth-child(3){left:75%;width:25%;height:50%}
#slides li:nth-child(4){left:50%;top:50%;width:25%;height:50%}
#slides li:nth-child(5){left:75%;top:50%;width:25%;height:50%}
#slides li:nth-child(1) h4 {overflow:hidden;font-size:21px;bottom:0;color:#fafafa;width:100%;
padding:10px 10px 10px 90px;text-align:left;text-transform:uppercase;background:rgba(0,0,0,0.3);
height:90px;font-family:droid arabic kufi;text-shadow:2px 2px 0 rgba(0,0,0,0.2);line-height:32px;left:0;}
#slides li:nth-child(1) .label_text {font-size:30px;display:block;bottom:10px;left:10px;
padding:0;font-family:'Oswald';box-shadow:5px 3px 0 rgba(0,0,0,0.2);}
#slides li:nth-child(1) span.dd {display:block;font-size:30px;padding:12px 15px;
background:#ff6553;margin:0;}
#slides li:nth-child(1) span.dm {display:block;font-size:14px;background:#333;color:#fff;
padding:5px 21px;text-transform:uppercase;margin:0;}
#slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{display:block;width:100%;height:auto;border:0;padding:0;background-color:#333;-moz-transform:scale(1.0) rotate(0);-webkit-transform:scale(1.0) rotate(0);-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;}
#slides li a:hover img {-moz-transform:scale(1.1) rotate(1deg);-webkit-transform:scale(1.1) rotate(1deg);-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://2.bp.blogspot.com/-0haO2Mfkjjk/VDgZww2tfEI/AAAAAAAAHAk/zhu3INYSkHA/s1600/fade.png);background-position:50% 40%;background-repeat:repeat-x;}
#slides h4{position:absolute;bottom:40px;margin:0;font-size:13px;font-family:Electrolize,ge_ss_threeregular;
left:10px;padding:5px 10px;color:#f9f9f9;z-index:3;line-height:20px;font-weight:normal;
background:rgba(41,41,41,0.7);text-align:left;text-transform:uppercase;margin-right:10px;}
#slides .label_text{font-size:12px;color:#fff;bottom:10px;z-index:3;left:10px;
position:absolute;background:rgba(255,101,83,0.8);padding:3px 6px;font-family:Electrolize,ge_ss_threeregular;
text-transform:uppercase;}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname,#slides li:nth-child(4) .autname,#slides li:nth-child(5) .autname{display:none;}
#slides .overlayx,#slides li{transition:all .4s ease-in-out}
#slides li:nth-child(1) .overlayx{display:none;}
#slides li:hover .overlayx{opacity:0.1}
@media only screen and (max-width:800px){
#slides li:nth-child(1) h4 {font-size:18px;line-height:24px;}}
@media only screen and (max-width:600px){
#slides ul{height:600px}
#slides li:nth-child(1){width:100%;height:50%}
#slides li:nth-child(2){top:50%;height:25%;left:0;width:50%}
#slides li:nth-child(3){left:50%;top:50%;width:50%;height:25%}
#slides li:nth-child(4){left:0;top:75%;height:25%;width:100%}
#slides li:nth-child(5){display:none;}}
@media only screen and (max-width:480px){
#slides li:nth-child(1) h4 {font-size:13px;line-height:16px;}}
</style>
<div id="featuredpost"></div>
<script type="text/javascript" src="https://ar1web-com.googlecode.com/svn/Hm/slider-post.js"></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://www.proamine.com",
MaxPost:8,
idcontaint:"#featuredpost",
ImageSize:500,
interval:10000,
autoplay:true,
tagName:false
});
});
//]]>
</script>
المحدد بالازرق ضع رابط مدونتك
إذا اردت وضع السلايدر بداخل القالب تابع المراحل التالية
1. ابحث داخل القالب بإستعمال Ctrl+F عن </head>
2. ضع الكود المحدد باللون الأحمر فوقه
3. ابحث عن </body>
4. ضع الكود المحدد باللون الأصفر فوقه
* في هذه المرحة والأخيرة يوجد مكانين لوضع الكود بهما ويكون إما فوق المواضيع أو تحت القائمة وغيرها
5. ابحث عن content-wrapper أو عن main-wrapper
6. ضع الكود المحدد باللون البرتقالي تحت احد الأكواد
اضافة رابط مختصر للتدوينة اسفل الموضوع
السلام عليكم / السوم سوف اعرض لكم اداة جميلة جدددااا و هي اضافة رابط مختصر للتدوينة , مع امكانية الربح من الروابط ,أي أنه سيتم اختصار رابط أي موضوع جديد تضيفه في مدونتك تلقائيا من موقع bitly.com و حتى لو ذهبت الى حسابك في bitly.com ستجد روابط مختصرة لمواضيعك الجديدة فلن يبقى لك سوى خطوة النشر , اضافة الى أن تحت كل موضوع سيضهر رابط مختصر خاص به .
بعد ذالك تقوم بالبحث اما عن
post-footer-line post-footer-line-1
تحته مباشرة تقوم باضافة الكود الاتي
اذا أولا و من الضروري أن يكون لديك حساب في bitly.com و يمكنك انشاء حساب بسهولة فقط عبر الدخول الى الرابط التالي
بعد ذالك يمكنك انشاء حساب اما عن طريق التويتر أو الفيسبوك أو بطريقة عادية
الان بعد أن قمنا بانشاء حساب جديد ستقوم بالذهاب الى لوحة تحكم مدونتك ثم الى قالب ثم تحرير HTML
بعد ذالك ستقوم بالبحث عن </ head>
بعد ايجاده قم باضافة الكود التالي فوقه مباشرة رابط الكود
بعد تطبيق هذه الخطوة قم بالبحث عن YOURUSERNAME و غييرها باسم حسابك ثم ابحث عن YOURAPIKEY
و غييرها بال APIKEY الخاص بحسابك و يمكنك ذالك فقط عبر الضغط على settings
بعد ايجاده نقوم باضافة فوقه بعد ايجاده قم باضافة الكود التالي فوقه مباشرة رابط الكود
بعد تطبيق هذه الخطوة قم بالبحث عن YOURUSERNAME و غييرها باسم حسابك ثم ابحث عن YOURAPIKEY
و غييرها بال APIKEY الخاص بحسابك و يمكنك ذالك فقط عبر الضغط على settings
بعد ذالك نتوجه الى advanced وننزل الى الأسفل قليلا لنجد ال User Name و ال API Key الخاص بنا
الان بعد ملئ المعلومات نقوم بالبحث عن
]]></ b:skin>
#shoternUrl { margin: 20px 0 20px 0; } #shorturl { float: right; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 10px -3px rgba(0, 0, 0, 0.5); float: right; background: #364581; padding-top: 10px; width: 100%; color: #FFF; font-size: 11px; }
بعد ذالك تقوم بالبحث اما عن
post-footer-line post-footer-line-1
تحته مباشرة تقوم باضافة الكود الاتي
إضافة تعريف الكاتب أسفل التدوينات
السلام عليكم سوف ندهب في هدا الدرس الى طريقة وضع نبدة للكاتب اسفل التدوينة كما هي بالصورة :)
طريقة التركيب
من لوحة التحكم -> قالب -> تحرير HTML
خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
]]></b:skin>
** والصق الكود التالي قبله تمامآ**{فوقها}
/*--Starts-BioAuthor-By-add-blogger--------------*/
.mblautbox { width:610px;}
.authorinfoname { padding-bottom:8px;padding-right:35px;width:180px;display: inline-block;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjOQUMwc2n4JKE-ij7ei-EZQ3u0CS4wtw-rByYiV-ksQheRLmATFXUtc97wQDODpNvEObNkqvEXTeCPRB25k7RjRWqfGRZ2LRaJGrK3__-CfyUs1hu-N1ajIlTuSDQ4L4TGu5bJ6s-AJk/s1600/line.png) no-repeat 50% bottom;}
.authorinfodescription {}
.mblautbox a:hover {
color: #afafaf;
text-decoration: underline;
outline: none;
}
.mblautbox a {
color: #afafaf;
text-decoration: none;
outline: none;
}
.mblautinfo {
background: #f5f5f5;
margin-left:20px;
-webkit-box-shadow: 0px 0px 9px rgba(255, 255, 255, 0.75);
-moz-box-shadow: 0px 0px 9px rgba(255, 255, 255, 0.75);
box-shadow: 0px 0px 9px rgba(255, 255, 255, 0.75);
float:right; padding:2px;margin-right: 0px;height:110px;
}
.mblautobox {
font-size:20px;
margin-top:-20px;
}
.Author-Effects {
margin-right: auto;
margin-left: auto;
width: 100%;
height: 100%;
border: 1px solid rgba(0, 173, 255, 0.43);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.mblautbox{
direction: rtl;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpuwU9IkuRY-nnSBjpJ2YDGWdU8RW2uxff2ZD3UE0uYgjC8nTZkrSSuj6QUlcPKaPgaO8hee06DZPxqyh1krGHn4hxlyiRdmrQu0LFqHeYMANnoIaSBk5ot627LZVjOAk0H6t0dTB1xqo/s1600/bk_header.png);
border-right: 3px solid #00C2FF;
border-left: 3px solid #00C2FF;
border-top: 3px solid #00C2FF;
float: center;
padding: 10px 10px 10px 10px;
margin: 5px 7px 5px 0px;
color: #FFFFFF;
font-size: 14px;
line-height: 26px;
}
.mblautbox-right-min{
border-left:solid 0px #e8e8e8;
height:auto
}
#mycontents {
position:absolute;
width: 111px;
height: 111px;
margin-left:565px;
margin-top:-5px;
}
#socialcontact {
direction: rtl;
float: right;
background: #12bde9;
border-bottom: 3px solid;
border-right: 3px solid;
width: 400px;
margin: -5px 7px 0 0;
}
#socialcontact img {
float:right;
margin: 0 8px 0;
}
#joinus {
background: #0c96ba;
float: right;
width: 230px;
border-bottom: 3px solid;
border-left: 3px solid;
height: 48px;
margin-top: -5px;
}
.joinus-img {
width: 230px;
}
.my-stumpleuop:hover {
background: rgba(255, 255, 255, 0.56);
}
.my-pinterest:hover {
background: rgba(255, 255, 255, 0.56);
}
.my-youtube:hover {
background: rgba(255, 255, 255, 0.56);
}
.my-facebook:hover {
background: rgba(255, 255, 255, 0.56);
}
.my-twitter:hover {
background: rgba(255, 255, 255, 0.56);
}
.my-gplus:hover {
background: rgba(255, 255, 255, 0.56);
}
/*--End-BioAuthor-By-add-blogger--------------*/
ثم قم بالبحث عن <data:post.body>
** والصق الكود التالي بعده مباشره (تحته)**
<b:if cond='data:blog.pageType == "item"'>
<div class='mblautbox'>
<div class='Author-Effects'>
<a class='authorinfolink' href='https://plus.google.com/' title='said'>
<img border='1' class='mblautinfo' src='https://lh3.googleusercontent.com/-D5J0FAdIWh8/AAAAAAAAAAI/AAAAAAAAAJg/uDwOHgxKIWQ/s120-c/photo.jpg' title='Said Benmoumen'/>
</a><br/>
<div>
<div class='mblautobox'>
<span class='authorinfoname'>إسم الكاتب</span></div>
<div class='authorinfodescription'>اكتب هنا نبذه قصيره عن الكاتب
<br/>
</div>
</div>
<div style='clear: both;'>
</div>
</div>
</div>
<div id='socialcontact'>
<a href='https://facebook.com/'><img alt='تابعنا على facebook' class='my-facebook' src='https://cdn1.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-facebook.png' title='تابعنى على فيس بوك'/></a>
<a href='https://twitter.com'><img alt='تابعنا على twitter' class='my-twitter' src='https://cdn1.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-twitter.png' title='تابعنى على تويتر'/>
</a>
<a href='https://plus.google.com/'><img alt='تابعنا على google+' class='my-gplus' src='https://cdn1.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-google.png' title='تابعنى على جوجل بلس'/></a>
<a href='https://youtube.com/'><img alt='تابعنا على youtube' class='my-youtube' src='https://cdn1.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-youtube.png' title='تابعنى على يوتيوب'/>
</a>
<a href='https://stumbleupon.com/'><img alt='تابعنا على stumbleuop' class='my-stumpleuop' src='https://cdn1.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-stumbleupon.png' title='تابعنى على stumbleupon'/>
</a>
<a href='https://pinterest.com/'><img alt='تابعنا على pinterest' class='my-pinterest' src='http://img01.arabsh.com/uploads/image/2013/08/19/0c34434c6df406.png' title='تابعنى على pinterest'/>
</a>
</div>
<div id='joinus'>
<a href='اكتب ما يناسبك هنا'><img alt='انضم الى فريق العمل' class='joinus-img' src='http://img02.arabsh.com/uploads/image/2013/08/19/0c34434d66f101.png' title='انضم الى فريق العمل'/>
</a>
</div>
</b:if>
=استبدله برابط حسابك على الفيسبوك.
=استبدله برابط حسابك على التويتر.
=استبدله برابط حسابك على جوجل بليس.
=استبدله برابط قناتك على اليوتوب.
=استبدله برابط حسابك على ستامبليون.
=استبدله برابط حسابك على بانتريست.
=استبدله بما يناسبك(رابط طلب الانظمام الى فريق العمل).
=استبدله بإسمك أو اسم الكاتب.
=استبدله بتعريف الكاتب.
ربح دولار في اليوم بدون تعب الآن حصريا
السلام عليكم و رحمة الله و تعالى و بركاته سوف نتطرق في هده التدوينة عن طريقة الحصول على دولار في اليوم بدون تعب , و هده التدوينة مرتبطة بتدوينة اخر وهي طريقة الحصول على دومين من شركة godaddy ب 2 دولار و نصف فقط ,
شرح جميل في هدا الفيديو لطريقة تحميل و التسجيل , بحث عنه في اليوتيب
السلام عليكم و رحمة الله و تعالى و بركاته سوف نتطرق في هده التدوينة عن طريقة الحصول على دولار في اليوم بدون تعب , و هده التدوينة مرتبطة بتدوينة اخر وهي طريقة الحصول على دومين من شركة godaddy ب 2 دولار و نصف فقط ,
رابط الموقع المستخدم في الفيديو
طريقة شراء دومين من godaddy ب 2.17 + طرق الحصول على المال
السلام عليكم سوف اشرح لكم طريقة الحصول على دومين من شركة godaddy بسعر يتراوح 2.17 دولار فقط بدلا من 14 دولار او اكثر {هناك تدوينة مفادها هي الحصول على دومين مجاني . ولاكن عبر الضغط اغلقة الشركة هده الخاصية و بدلا منها اضافة دومين ب 2.17 }
نبدأ الشرح
اولاً ندخل الي موقع جودادي GoDaddy من هنا ثم نقوم بالتسجيل في الموقع ان لم يكن لديك حساب بالضغط علي register ثم الضغط علي Create my account
كما مبين في الصورة
ثم قم بكتابه الاميل وusername ( الاسم ) والباسورد ثم في الخانه الاخيره اكتب الـ PIN والـ PIN هو الرقم الذي يتم كتابته عند مراسله الدعم الفني لمشكلة ما .
بعد التسجيل نذهب الي الصفحة الرئيسيه الخاصه بجودادي ونكتب الدومين الذي تريد حجزه وقم بأختيارة بعنايه وضع بعض الدومين .com او .net الخ .. ثم اضغط علي search domain وان الدومين متاح سيضع لك Good news, this domain is available باللون الاخضر .. وان لم يكن متاح سيضع لك Sorry, website.com is not available . ان كان متاح قم بالضغط +select علي ثم اضغط علي Continue to Cart وان لم يكن متاح جرب حجز دومين اخر متاح . ثتنتقل الي صفحة اخري انزل الي الاسفل واضغط علي Continue to Cart ثم في الـterm قم بتحديد المدي الذي تريده للدومين يفضل ان يكون سنة واحدة والان جاء الوقت لتخفيض سعر الدومين الي 2.17$ فقط او 3.13$ فقط
وطريقة استعمال الكوبون هيا النزول الي اسفل الصفحة والضغط علي Have a Promo Code? وسيظهر لك خانه اخري قم بوضع فيها الاكواد التي في الاسفل وجميع الكوبونات تعملكوبونات تحجز بـ 3.13
للتحميل من هنا
كوبون اخري تحجز بـ 2.17
للتحميل من هنا
بعد وضع الكوبون وخصم السعر اضغط علي Proceed to Checkout > ستذهب الي خانات كثيرة لتضع بها المعلومات كمل جميع البيانات وانزل الي الاسفل وضع رقم الفيزا واسم حامل البطاقه وتاريخ انتهاء البطاقه واكتب كود الكابتشا ان طلب ثم اضغط علي Place Your Order > ثم سيحولك الي نافذه اخري ويتم حجز الدومين بنجاح ومبروك عليك الدومين
طريقة الحصول على المال
عبر التدوينة التالية او عبر هده الطرق
1/ عبر موقع adf.ly يمكنك اختصار الروابط و عندما تصل الى 2.17 دولار حول المال الى paypal خاصتك
2/او عبر موقع cashpig
هناك العديد من الطرق الربح فما عليك هة البحث عليها
إضافة روعة تحت الهيدر
%2B2014.png)
السلام عليكم . يوف اقدم لم اضافة روعة تحت الهيدر هده الاضافة تشمل الاشتراك rss و تابعنا عبر المواقع التواصلية
طريقة الإضافة :
1- إذهب إلى لوحة التحكم ثم إلى القالب ثم إلى تحرير html .
2- ابحث عن الكود التالي
<div class='main-outer'>
ثم قم باضافة هدا الكود قبله
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='navhead'>
<div id='byard-topsubsbox'>
<div id='subscriptionsection'>
<div class='subsbox-heading'>
اشترك معنا وتوصل بأخر المستجدات !
</div>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=pro-amine' class='byard-subsbox-form' method='post' target='_new'>
<input class='topsubsboxname' name='name' onblur='if (this.value == '') {this.value = 'أسمك هنا';}' onfocus='if (this.value == 'أسمك هنا') {this.value = '';}' value='أسمك هنا'/>
<input class='topsubsboxemail' name='email' onblur='if (this.value == '') {this.value = 'ضع إميلك هنا ';}' onfocus='if (this.value == 'ضع إميلك هنا ;) {this.value = '';}' value='ضع إميلك هنا '/>
<input class='topsubsboxbutton' type='submit' value='أشترك الأن!'/>
</form>
<p style='margin-top: 8px;font-size: 14px;text-align: center;font-family: Source Sans Pro;font-style: italic;font-weight: 600;'>
</p>
</div>
<div class='socialicons'>
<div class='socialheading'>
تابعنا على مواقع التواصل الأجتماعي!
</div>
<ul>
<li>
<a href='https://www.facebook.com/#' rel='nofollow' target='_blank'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr_XCWJFZ4r4W9MIqaawEuizZaF2lqalRx7x-dg7XCk69FQCif2cJuOh3I2BVUS9yfaFZxK7E5VFEdpabZDujicNbLQbs_cqFGzb5c_otxBasK8oDWSjUpMhXW4aHk0ztSOQTUjycRiOZs/s1600/facebook_64.png' title='Facebook'/>
</a>
</li>
<li>
<a href='https://twitter.com/#' rel='nofollow' target='_blank'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYwXHJAg_Xn4dWw1gYtqsX9fcxqRhGAlOijchoRL3tzDwKYhtC5GiGERhU-BK-QUvBIciitEqFm4DxGJvQRDExXkPioqgNEBQN1TckPzJkBsEogrHq8ro3A3w8rTX-D-y5JtlOnwnHOPEY/s1600/twitter_64.png' title='Twitter'/>
</a>
</li>
<li>
<a href='https://plus.google.com/#' rel='nofollow' target='_blank'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAZCoRnCOTwiudekLfS5guhyCZN3bRaxWd6RhDr-oL7Z-zYSoe1SGCPJ4Oi6i5ZXB0tspfoxLFJ5TiJxVUX98e3wSGcdy9HU0iNxy5VwcW8C2EORbhc8wS0OMaOSreg4U33XyfxndZr5t0/s1600/google-plus_64.png' title='Google +'/>
</a>
</li>
<li>
<a href='http://feeds.feedburner.com/#' rel='nofollow' target='_blank'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpWA8F05jeVIIEVEpX0Mb3-7nAUqFKJ-wXo7KkfcXBp65Sr7-zJbpicj5AF155rr7PPiOfzCqisWxcvo8ufuUf0TeQ6FvD6Jc-fpViIFQ5ssbuvj1Bzmgbk-6jVFn3kG861g613X74RYjt/s1600/rss_64.png' title='Rss'/>
</a>
</li>
<li>
<a href='https://www.youtube.com/user/#' rel='nofollow' target='_blank'>
<img src='https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSTBd38d53uWAo3ELfSgkR61JOWAlGTGdFwxYChvKZ0pkEzdBOo' title='youtube'/>
</a>
</li>
</ul>
</div>
</div>
</div>
</b:if>3- التعديلات :
غير pro-amine باسم المستخدم في خلاصتك في feedburner .
غير# باسم المستخدم الخاص بك في فيس بوك .
غير # باسم المستخدم الخاص بك في تويتر .
غير # باسم المستخدم الخاص بك في يوتيوب .
غير # باسم المستخدم الخاص بك في جوجل + .
غير # باسم المستخدم الخاص بك في الخلاصات .
4- بعد التعديلات ابحث عن الكود التالي :
]]></b:skin>
بعد أن تجده أضف فوقه الكود التالي
<----- by proamine.com ------>
#navhead{
margin-top: 10px;
margin-bottom: -10px;
}
#byard-topsubsbox {background: #fff;
background: #fff;
width: 961px!important;
height: 90px!important;
margin-top: 20px;
padding: 10px;
border: 1px solid #ddd;
overflow: hidden;
margin: 0 auto;}
#subscriptionsection {float: right;
border-left: 1px solid rgb(168, 168, 168);
padding-left: 56px;
margin-top: -3px;
padding-top: 9px;}
.subsbox-heading {font-size: 20px;
font-family: droidkufi-bold;
text-align: center;
font-weight: bold;}
.topsubsboxname {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFz_gd0mVNCtj3vtoTru_GzDYtvotcMFfPYE9N_fiCvR-225ev0193qDZtN3JNiBLfLiHe0-5r6QDynWRQu_paeysst_3xrnUzGv3t0O_vDMxHywJS05AqlOreN85VlwvqpngMp4VcxFA/s320/name.png) no-repeat 7px 8px;border:1px solid #ddd; font-family:droidkufi-bold; font-size:14px; font-weight:bold;color:hsla(0,0%,27%,0.69); width:150px; margin-top:10px; height:24px; padding:5px 28px 5px 15px; vertical-align:top; display:inline-block;margin-right:15px;}
.topsubsboxemail {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwWuGwnLikhYMh62LpBOujE6EtWJzNMmg6ujivkRbonVs4k_MJ_WvZMpA6YgYKWt73siRJ2AI6K8YGFZxceFsyYxZc7Ffl3ID6onTQNMjlzvtq1pkn3G8GPFvJwPyINx26ju5e5NSg3QY/s320/email.png) no-repeat 7px 10px; border:1px solid #ddd; font-family:droidkufi-bold; font-size:14px; font-weight:bold; color:hsla(0,0%,27%,0.69); width:150px; height:24px; margin-right:5px; margin-top:10px; padding:5px 28px 5px 15px;vertical-align:top; display:inline-block;}
.topsubsboxname:hover,.topsubsboxemail:hover {border:1px solid #bebebe; box-shadow:0.5px 1.5px 2px rgba(5,95,255,.1);}
.topsubsboxbutton {-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;box-shadow:inset 0px 1px 0px 0px #bbdaf7;background:-webkit-gradient( linear, right top, right bottom, color-stop(0.05, #00B3FF), color-stop(1, #349ECB) );background:-moz-linear-gradient( center top, #00B3FF 5%, #349ECB 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B3FF', endColorstr='#349ECB');background-color:#00B3FF; margin-top:10px; margin-right:5px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #84bbf3;display:inline-block;color:#ffffff;font-family:droidkufi-bold;font-size:13px;font-weight:bold;padding:5px 10px;text-decoration:none;text-shadow:1px 1px 0px #528ecc;}.topsubsboxbutton:hover {background:-webkit-gradient( linear, right top, right bottom, color-stop(0.05, #349ECB), color-stop(1, #00B3FF) );background:-moz-linear-gradient( center top, #349ECB 5%, #00B3FF 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#349ECB', endColorstr='#00B3FF');background-color:#349ECB;}.topsubsboxbutton:active {position:relative;top:1px;}
#socialsection {float:right;margin-top:20px;}
.socialheading{font-size: 20px;
font-family: droidkufi-bold;
text-align: center;
font-weight: bold;}
.socialicons ul {list-style: none;
display: inline;
float: left;
margin-top: 10px;
margin-left: 38px;}
.socialicons li {opacity: 1;float:right;padding:0px 0px 0px 10px;}
.socialicons li:nth-child(6) {padding: 0;}
.socialicons li a img{height:49px;width:49px}
<----- by proamine.com ------>
الأن احفظ القالب ومبروك عليك الإضافة . -اضغط دربتين على الماوس لكي تنسخ الكود بالكامل-
الاشتراك في:
الرسائل (Atom)