مدونة البرامج العامة: أغسطس 2013

قالب اراهن على انك سوف تركبه في مدونتك

أقدم لكم مرة أخرى قالب من القوالب المدفوعة و الذي قمت بإستخراجه و قالب اليوم هو قالب مدونة سعيد المدفوع و كلكم تعرفونه و قد قررت استخراجه بعد أن قام أحد الإخوة بصناعة لوجو لمدونتي شبيه بلوغو مدونة سعيد.

أو لتحميله إضغط هنا

أول إضافة : مربع البحث (قم بتغيير ما بالاحمر بما يخصك )

<div>
<form rel="nofollow" target=”_blank” id=”cse-search-box” action=”http://www.google.co.ma”>

<div>

<input type=”hidden” value=”partner-pub-5547295753598243:5315138814” name=”cx” />

<input type=”hidden” value=”UTF-8″ name=”ie” />

<input type=”text” size=”35″ name=”q” value=”" style=”border: 1px solid rgb(126, 157, 185); padding: 2px; background-image: url(http://www.google.co.ma/cse/intl/ar/...atermark.gif); background-color: rgb(255, 255, 255); background-position: 0% 50%; background-repeat: no-repeat no-repeat;” />

<input type=”submit” value=”" name=”sa” />

</div>

<input type=”hidden” name=”siteurl” value=”www.3rab-help.com/” /><input type=”hidden” name=”ref” /><input type=”hidden” name=”ss” /><input name=”siteurl” type=”hidden” value=”www.3rab-help.com/” /><input name=”ref” type=”hidden” value=”" /><input name=”ss” type=”hidden” value=”" /></form>

<script src=”http://www.google.co.ma/coop/cse/bra...x&lang=ar” type=”text/javascript”></script>

</div>

<style>

.srch{

height:67px;

background: #fbfbfb;

border-radius: 5px 5px 5px 5px;

box-shadow: 0 0 3px #ABABAB;

padding: 5px 10px;

}

.srch .barre{

width: 183px;

background: #fbfbfb;

border-radius: 8px;

padding: 10px !important;

font:12px Tahoma, Geneva, sans-serif;

background:#fbfbfb !important;

text-align:right;

float:right;

margin:13px 10px 10px 15px !important;

border:1px solid #dfdfdf !important;

color:#a7a7a7;

}

.srch .btn{

width:39px;

height:37px;

float:right;

background:url(http://3.bp.blogspot.com/-KMoE4s_79F...0/btnsrc.png);

border:none;

cursor:pointer;

margin:13px 0px 10px 10px;

}

</style>

تاني إضافة : تابعنا على الفيسبوك (قم بتغيير ما بالاحمر بما يخصك )

تالت إضافة : إنضم لأكثر من 5000 متابع للمدونة (قم بتغيير ما بالاحمر بما يخصك )

<div>
<h1>إنضم لأكثر من <b>5000</b> متابع للمدونة</h1>
<div>
<a rel="nofollow" target=”_blank” href=”http://feeds.feedburner.com/xxx“><img src=”http://1.bp.blogspot.com/-MMfTtMO7PA...s1600/rss.png” /></a>
<a rel="nofollow" target=”_blank” href=”https://twitter.com/XXX”><img src=”http://1.bp.blogspot.com/-Ji6pwjSjTl.../s1600/tw.png” /></a>
<a rel="nofollow" target=”_blank” href=”https://www.facebook.com/XXX“><img src=”http://1.bp.blogspot.com/-G72sq5lmUs...1600/face.png” /></a>
</div>
<div>
<center>
<div id=”sleek-subscribe”>
<form action=”http://feedburner.google.com/fb/a/mailverify?uri=XXX/AfQI” method=”post” rel="nofollow" target=”_new”>
<input name=”email” onblur=”if (this.value == '') {this.value = 'ضع اميلك هنا ليصلك كل جديد';}” onfocus=”if (this.value == 'ضع اميلك هنا ليصلك كل جديد') {this.value = '';}” value=”ضع اميلك هنا ليصلك كل جديد” />
<input type=”submit” value=” ” />
</form>
</div>
</center>
</div>
</div>
<style>
.lefts{
width:300px;
height:182px;
background:url(http://2.bp.blogspot.com/-UAPIdQxaao...600/left.png);
}

.lefts h1{
color:#767676;
margin:0;
text-align:center;
font:14px ’DroidKufi-Bold’;
padding:10px;
padding-top:20px;
}
.lefts b{
font:18px Arial, Helvetica, sans-serif;
color:#ffc000;
}

.lefts .social{
margin-right:50px;
}
.lefts .social a img{
float:right;
margin-right:20px;
margin-top:8px;

}
.lefts .ins{
width:300px;
height:40px;
float:right;
margin-top:15px;
}
.lefts .ins .txt2{
border:1px solid #e1e1e1;
background:#fff;
border-radius:5px;
font:12px Tahoma, Geneva, sans-serif;
color:#c0c0c0;
padding:6px 7px 7px 7px;
margin:0px;
float:right;
margin:0 20px 0 5px;
text-align:right;
width: 175px;
}
.lefts .ins .btn2{
background:url(http://1.bp.blogspot.com/-cboSdXM05s...1600/sub.png);
float:right;
border:none;
width:64px;
height:28px;
cursor:pointer;
}
</style>

رابع إضافة : المساحة الإعلانية (قم بتغيير ما بالاحمر بما يخصك )

خامسا : إضافاتا تابعنا على الفيسبوك و تويتر (قم بتغيير ما بالاحمر بما يخصك )

يتم إضافتها داخل تخطيط و فوق الرسائل

يتم إضافتها داخل تخطيط و تحت الرسائل

و أخيرا : إضافة آخر التعليقات (قم بتغيير ما بالاحمر بما يخصك )

القالب الذى تفوق على الوان بلوجر (استضافة)

بسم الله الرحمن الرحيم

قالب استضافة احترافية جدا لمدونات بلوجر بتقنية css وال html من تطوير وتعريبى كان القالب خاص بالاسكربتات وقمت انا بتحويلة الى بلوجر وجعله اكواد فقط يعنى التعديل عليه هيكون بالاكواد بس لكنه قالب مميز جدا وهذه صور له في الاعلى

رابط المعاينة للاستضافة

معاينة

شرح التركيب

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

ويجب اختيار قالب بسيط

ثم قم بتوجه الى قالب تحرير html وقم بمسح ما به جميعا الاكواد

وضع هذا الكود به

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>

<meta content='IE=EmulateIE7' ***********='X-UA-Compatible'/>

<b:if cond='data:blog.isMobile'>

<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>

<b:else/>

<meta content='width=1100' name='viewport'/>

</b:if>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[/*

]]></b:skin>

</head>

<body>

<b:section class='main' id='main' showaddelement='yes'>

</b:section>

<div style='margin-top:400px; '>



</div>

</body>

</html>

ثم قم بتوجه الى التخطيط سوف تجد انه يمكن اضافة اداة واحد فقط فلا تقلق فهذا طبيعى xD

اضف اداة جديدة وضع بها الكود التالى

تحميل

المعاينة | التحـميل

Screen Shot 2013 07 21 at 3.37.43 PM 730x548 موقع Infogr.am يتجاوز مليون تصميم و 500 ألف مسجل بالخدمة

يعتبر تصميم الإنفوجراف فنا قائما بذاته لأنه رسم توضيحي مرفق بمعلومات كتابية أو أرقام تغني الزائر عن قراءة العشرات من الصفحات ذلك أنها تختزل لك كل المعلومات المهمة بشكل مبسط ورغم بساطة هذا التصميم إلا أنه كان يحتاج إلى أشخاص خبراء للقيام به ولهذا السبب تم في شهر مايو العام الماضي إطلاق موقع Infogr.am الذي سهل على الكثير من المستخدمين إنجاز تصاميمهم الخاصه والقيام بهذه المهمة بسرعة دون الحاجة إلى أي برنامج مختص في التصميم مثل الفوتوشوب وغيره .
ومن وقت إطلاق هذا الموقع وهو يشهد شعبية متزايده بين المستخدمين حتى أعلنو اليوم بأنهم قد تجاوز مليون تصميم إنفوجراف و 500 ألف مستخدم مسجل بالخدمة وهو عدد يوحي إلى مدى نجاح Infogr.am ونجاعه استخدامه .
وقد اضافت الشركة في بيان صحفي لها بأن هناك حوالي 4 ملايين زائر فريد شهريا مع نمو بنسبة 25 في المئة خلال الشهر الماضي كما يتم إضافة ١٠٠ ألف رسم بياني جديد بصفة شهرية .
واحتفالا بهذا الخبر أعلن الموقع عن اطلاقهم لتطبيق جديد متكامل مع برنامج الاكسل يثبت على سطح المكتب ويمكن المستخدم من الاستفادة الكاملة بخصائص أكبر و توفير رسوم بيانية مصممة بشكل أفضل بعد دمج المميزات الموجودة بكلتا الخدمتين.
004 730x456 موقع Infogr.am يتجاوز مليون تصميم و 500 ألف مسجل بالخدمة