افضل قالب بلوجر موجود على الويب

 هـــديــة الافـتـتـاح

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

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


متوافق مع جميع المقاسات
تصميم 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/AVvXsEhAbzd2HSceYgt0VI5__jAs5OV5VkDBndfbzlscyjyT2lpfV4rThLLjC3LTwFw4Vo48cKwGquO3BGG9oWzz_K4cV_Z92CPzbFTVHW7yeqkcw4NQ9k36bg1XfSshM-Ik9epJkOIZj0cJMmc/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/AVvXsEh7fReLc5H7MAvrYbaOC8Y0xxWilRJbWdCBGFdYVKzGR2wlZOAj6YnsIJ9SS4OupEhpr7HQKZCC6HgfZEKKCVLWCEhYtEnqNC5DVvkWnI3-AN17WFUWgzjhTco2_-n1ql1-9hK4Ow92e7g/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/AVvXsEj1ZE_RLzWwsjXRtuiKATAD5ot26HrlkpENftj0pJNVJWi8j6uBimRyR2-OXhmL7R14-9uiPsUqanypXn8Cv6Wrp8MpsZQu0FXMb_jj8AjAa6vomwa7sO6vgMJeLCr7plBOp9HN6h7gLmq5/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/AVvXsEidfgJ7N2FkXIQlLpNVOTnAYPR9muDyNnu3EwPnXH6pkyDSXYDVe2_gy6JhTVj5GmDHNTASG7CXZFwvPxo97TcM9q4-ylfCyWJd-HnJET2Aq30J5F4qFhv7bNk6O5GyMhO3ctdVu3aq6p4/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/AVvXsEjPut87sQZBNy1MjXMZK-EZwxyCHC2CtQ6UsOcBpJj737MdHgNjszqoa1TElQoLSVgCTUBNAzAr7FTnVC0nkpDlphnlNeYM8XQk9YD_ZlnS_PRjJm5LOD7yBRs0f4fc3gyVhA3TWWh0qlA/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/AVvXsEj1bzUr5T8S_eQJ7AIWoPDS5Ux-PO6vxkkXqH2kbMcwTAIV9Bdr-DTEPKztrnOBEF39ILlbUeufdw5wJhecSbiYxuFIwgBgTT7PpXq_rUcrxTrD5jb2d2CwNjZW2tW3O5ezhLtxnOhAEZ4/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/AVvXsEg4m9WboCVqtixHDqgClAUsgG6-_wlT4qWV_GPsa8H4esmDtqo4wPRgszQ-4-e63jZf4jLIUEBOdSnI2c9a3kVxPM2a8q7vH8FBGfnQKqdvfK7770qs3SPY_7AiLp0jaKy01lgD8jGrqZg/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>

  الى  اللقاء في مواضيع اخرى