» » قالب بلوجر حصري و احترافي

قالب بلوجر حصري و احترافي

Morocco 3days
اضف تعليق
بلوجر
lundi 29 juin 2015


مميزات القالب




متوافق مع جميع المقاسات
تصميم HTML5 / CSS3
سيو 100%

سلايدر تلقائي
 صفحة خطأ 404  
محرك بحث ajax
مشاركات بشكليين
أخر الأخبار + الأيقونات
تعريف الكاتبوالمزيد ... 



* ملاحظة عند تحميل الملف يوجد شرح بملف إسمه index

لمن يواجهون مشكلة في اضافة السلايدشو , جربوا هذا الكود :

<div style="direction:ltr" id="featpost"></div> <script type='text/javascript'> jQuery("#featpost").AutofeaturedPost({ MaxPost: 4, ImageSize: 600, Summarylength: 150, slideSpeed:10000, ShowDate: false, ShowComment: false, animation:"slide", pBlank: "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif", tagName: false }); </script>


اكواد اضافية :  
  كود تابعنا عبر الفيس بوك :

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fi7aja&amp;width=300&amp;height=300&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=true&amp;appId=490457704357352" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:300px;" allowtransparency="true"></iframe>
تصفح المدونة بدون مشاكل :
<center><div class="hovergallery"><a href="https://www.google.com/intl/ar/chrome/browser/" rel="nofollow"><img class="logo" src="http://im37.gulfup.com/YLcCM.png" /></a><a href="https://www.mozilla.org/en-US/firefox/new/?utm_source=firefox-com&amp;utm_medium=referral" rel="nofollow"><img class="logo" src="http://im37.gulfup.com/pKuJG.png" /></a><a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie" rel="nofollow" style="margin-left: 0px;"><img class="logo" src="http://im37.gulfup.com/Mo1Lg.png" /></a></div>

<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
.hovergallery img{-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/-moz-transform:scale(0.8); /*Mozilla scale version*/-o-transform:scale(0.8); /*Opera scale version*/-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/-moz-transition-duration: 0.5s; /*Mozilla duration version*/-o-transition-duration: 0.5s; /*Opera duration version*/opacity: 0.7; /*initial opacity of images*/margin: 0 10px 5px 0; /*margin between images*/}
.hovergallery img:hover{-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/-moz-transform:scale(1.1); /*Mozilla scale version*/-o-transform:scale(1.1); /*Opera scale version*/box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/opacity: 1;}
  </style><div class="hovergallery"> <a href='http://www.7lolblogger.com/' style='display: none;' rel='dofollow' >حلول بلوجر</a><a href="http://www.apple.com/safari/" rel="nofollow"><img class="logo" src="http://im37.gulfup.com/SxtCs.png" /></a><a href="http://www.opera.com/ar/computer/windows" rel="nofollow" style="margin-left: 0px;"><img class="logo" src="http://im37.gulfup.com/VDQ21.png" /></a><a href="http://rockmelt.com/download" rel="nofollow"><img class="logo" src="http://im37.gulfup.com/xrJcf.png" /></a></div><style type="text/css"></style></center>
  عن الكاتب :
<div id='profile-wrapper'>

<img src='https://scontent-a-cdg.xx.fbcdn.net/hphotos-xpa1/v/t1.0-9/994457_714570628609512_2815287243403434351_n.png?oh=c03255e0d49d60b8eadc5745d11fb1a0&oe=5476BA25'/>
<a href='www.i7aja.com'><p>i7aja</p></a>
<p>هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل الخارجي للنص .</p>
<div id='social-wrapper'>
<div class='social-icons sticky-social'>
<a class='facebook' href='https://facebook.com/i7aja'></a>
<a class='youtube' href='https://youtube.com/thedonjok'></a>
<a class='twitter' href='http://www.i7aja.com/'></a>
<a class='behance' href='http://www.i7aja.com/'></a>
<a class='skype' href='http://www.i7aja.com/'></a>
<a class='khamsat' href='http://www.i7aja.com/'></a>
</div>
</div>
</div>
<style>
#profile-wrapper {
text-align: center;
padding: 34px 20px;
background: #FFF;
border-top: 3px solid #FFF;
margin: 0 0 20px;
font-size: 12px;
font-weight: normal !important;
}
#profile-wrapper img {
border-radius: 100%;
margin: 0 0 10px;
}
#profile-wrapper h2 {
font: normal 20px tahoma;
color: #F34D4D;
}
#profile-wrapper p {
font: normal 12px ges,;
color: #888;
line-height: 2em;
}
#social-wrapper{padding:11px 0 0;overflow:hidden; margin-right: 30px;}
.social-icons a.facebook {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI4p0apO0q_sEXHZw6dP1kXPfc4Vbagw_I-Q-RoHirebL40WJgE85soqlZjT2Nx7ThrboLG2SPFsvcpOGyaSqvZRvyHX2th__V-yZtwaTTz-otHaMydegzKuL69T_Q5nIEIR8oDVJnKeU/s1600/facebook.png);
}
.social-icons a.facebook:hover {
background-color: #4265b9;
}
.social-icons a.twitter {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs0fm0SUm_vAkxHyZJp0yh3_8b0-PRewmD-hZCqUNfoQihHnnUjTDb8ZHnLBVs9O5xnSFRN4537_DITWD-lRGUukmwKADKdxuLDRgQfoc-aysrZu1W8ki8H7SUeZHYO3dzedG81Cg2h5A/s1600/twitter.png);
}
.social-icons a.twitter:hover {
background-color: #26d5ec;
}
.social-icons a.behance {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Q9VnuN-Ls9khGm9tI5COkTuC4Wtevsu5Dfm4oX8xNJEPK_KG1S8p5PBsECTOnZPG1Cwj64jV_B4fSilbrPOHchYY6FThF-p8kawYUOTOEdGXOSy2kt_nvhANEuTR9FNfJv99O-pEbg-Z/s1600/behance.png);
}
.social-icons a.behance:hover {
background-color: #444;
}
.social-icons a.skype {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-6Fbfv5elQkaMTYZ3D9Fg9KgoyC-I258Trw_ezrPEjvy_mqipkBHR60TNYynI3q8_JM3EnViWQ7AuP8pqEpqH_CqqOlEWFf2IjcLXcupq7oBpqQx0QFSJ4K6DIX8Hj1-XxUD-Uj-uRW8/s1600/skype.png);
}
.social-icons a.skype:hover {
background-color: #0bbff2;
}
.social-icons a.youtube {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr7Nfju3kz67c51B8fsIFYe5iifAVXWC7dJ94AU6z46wBhrCrJX8vuGuw8hiokcZwYsNqdNSGak-_hozU_jD2Jxb4tQn2Achgp21rOvkyRqyTY1e0Yz7msZvLEtiNza6yirnmIXCv2Jc4/s1600/youtube.png);
}
.social-icons a.youtube:hover {
background-color: #df3333;
}
.social-icons a.google {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMDY595LOOBZsQvhAP7lRa9Xtmtqm_Ab6kwsEfWr5eq37w0MPF5EVtPXhIT9eKRs_Pcf4EA5XMsiihrrFr7sZsGgCF-BvqZauTw1yeWAqCx9sOVBqpshJ_T7rwDvcR_G-ZhBGXMsMA9pY/s1600/google.png);
}
.social-icons a.google:hover {
background-color: #d62408;
}
.social-icons a.khamsat {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNJkLRvaxPqyDGXF1jZMyyRTEdmhOSudksiagG1X18RUnqAszk9fbIM9wGwd7idoEtB1pfZovSal8zIVyXCTKdccNxlvpRiyr8-oEpFDLE9dAX86mwl_GSF8IWpCz_ef58-j6K2B_6SDw/s1600/kmst.png);
}
.social-icons a.khamsat:hover {
background-color: #F39C12;
}
.social-icons.sticky-social {
text-align: right;
float: right;
}
.social-icons {
float: right;
text-align: center;
}
.social-icons.sticky-social a {
margin-left: 10px;
margin-bottom: 10px;
float: right;
display: block;
}
.social-icons a {
background-color: #dadada;
}
.social-icons a {
width: 30px;
height: 30px;
margin: 0 3.5px !important;
}
.social-icons a {
width: 30px;
height: 30px;
display: block;
background-position: center center;
background-repeat: no-repeat;
border-radius: 3px;
display: inline-block;
position: relative;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
}
</style>
  الى  اللقاء في مواضيع اخرى 

0 تعليقات

Inscription à : Publier les commentaires (Atom)
 

جـمـيـع الـحـقـوق الـمـحـفـوظـة 2013 - 2015

Www.info2ar.Com