اكواد بلوجر جاهزة

حيل و إضافات بلوجر

اخفاء محتوى معين “spoiler”

هذه الحيلة تمكنك من اخفاء نص او صورة معينة اسفل زر يدعى spoiler و عند الضغط على الزر يظهر المحتوى المخفي وعند النقر عليه مجددا يظهر. هذه الخدعة تفيد كثيرا للتقليل من المحتوى الظاهر. الان كيف نعمل هذا؟
ستحتاج هذا الكود :

<div><input onclick=”if(this.parentNode.getElementsByTagName(‘div’)[0].style.display != ”){this.parentNode.getElementsByTagName(‘div’)[0].style.display = ”;this.value = ‘اخفاء المحتوى';}else{this.parentNode.getElementsByTagName(‘div’)[0].style.display = ‘none'; this.value = ‘عرض المحتوى';}” type=”button” value=”Show” /><div style=”display: none;”>هنا ضع المحتوى الذي تريد اخفائه</div></div>

الان غير فقط “”هنا ضع المحتوى الذي تريد اخفائه”” بالمحتوى الذي تريد اخفائه

تحريك عنوان الصفحة في اعلى شريط المتصفح

لم اجد اي وصف جيد لهذه الحيلة لكن ما تعمله هذه الحليلة بالضبط هو تحريك العنوان الذي يظهر في اعلى المتصفح (في النافذة بالضبط) ان كان العنوان طويلا يظهر بعض منه فقط لكن مع هذه الحالة سيتم تحريك العنوان مثل شريط الاخبار. كيف ذلك؟
ضع فقط الكود التالي قبل وسم  وغير YOUR BLOG TITLE بعنوان مدونتك. يمكنك تغيير سرعة التحريك من خلال التعديل على القيمة 100.

<script type=”text/javascript”>// <![CDATA[var txt=” YOUR BLOG TITLE.”;var espera=100;var refresco=null;function rotulo_title() {document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);refresco=setTimeout(“rotulo_title()”,espera);}rotulo_title();// ]]></script>

ربط مدونة بلوجر بجوجل اناليتيك Google Analytics

للتعرف على ادقع التفاصيل حول مصادر وعدد واحصائيات الزوار بمدونتك فانت بحاجة الى Google Analytics. يمكنك ثتبيته بسهولة عن طريق الذهاب الى لوحة تحكم بلوجر ثم الى اعدادات ثم الى اخرى (Dashboard >> Settings >> Other)
ستجد حقل مثل الموجود في الصورة ادخل هناك كود التتبع الخاص بك

ارسال تحديثات المدونة لعشر اشخاص محددين عبر الايميل

ان كنت لاتستخدم خدمة Feedburner فيمكنك عن طريق لوحة التحكم فقط ان ترسل اخر تحديثات المدونة لعشر اشخاص الى الايميل مباشرتا. اذهب فقط الى لوحة التحكم ثم الى اعدادات ثم الى الجوال والبريد الإلكتروني. ستجد خاصية اسفل الصفحة باسم “إرسال المشاركات بالبريد الإلكتروني إلى” امامها زر اضافة انقر عليه واكتب الايميلات التي تريد ان ترسل اليها تحديثات المدونة مباشرتا. يمكنك اضافة 10 ايميلات كحد اقصى.

اضافة قائمة ازرار شبكات اجتماعية جانبية منزلقة

قائمة ازرار شبكات اجتماعية جانبية منزلقة

اضافة رائعة خاصة بازرار شبكات اجتماعية (تويتر, جوجل بلس, فيسبوك, ارس س, نترست) في القائمة الجانبية تنزل مع النزول في الصفحة (الصورة الجانبية توضح اكثر). الان طريقة التركيب سهلة. 

اذهب فقط الى التخطيط ثم اضافة اداة ثم اختر HTML/JavaScript
الان اضف الكود التالي ثم احفظ

<style type=”text/css”>
ul#social {
position: fixed;
margin: 0px;
padding: 0px;
top: 10px;
left: 0px;
list-style: none;
z-index:9999;
}
ul#social li {
width: 100px;
}
ul#social li a {
display: block;
margin-left: -2px;
width: 100px;
height: 70px;
background-color:#fff;
background-repeat:no-repeat;
background-position:center center;
border:1px solid #AFAFAF;
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-top-right-radius: 10px;
-moz-box-shadow: 0px 4px 3px #000;
-webkit-box-shadow: 0px 4px 3px #000;
}
ul#social .twitter a{
background:#0F96C6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivhMEjT4P22uax7UMGcoslEzhnpDawqM5TKljq2n9AlrpJ7JPS-0qDhW2au8vSl_TfSknqPw0IpXjiVy3YeCvx1oIY3agQBTQ_SjEPXpYSxLVYJstMCK72a6zGncZwi6TcpZw_QqbGfJE/s1600/Twitter.png)no-repeat;
background-position:center center;
}
ul#social .googleplus a {
background:#D73D27 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhhcqsK5-weP-kM8c8kQ-I0Oss1t6o1PSCysN8qv3C-37u9VOS4V1NPBXZK4qodeG0191GyOd55kysKGV7AMPUxq_fqyMpKH5hYuwmtSII7yt1PpK6RNzV6lCNvK1wIkPpD4g1WJn6HRo/s1600/GOOGLE+PLus.png)no-repeat;
background-position:center center;
}
ul#social .facebook a {
background:#1A4B97 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTbGe3FuqoQKb-jwRVSrKr4KEoEKlJbwtygpk7DpPGdVj2iMOssDvRSd1v3kKSkq866GSBt3HBfsOKi8gDRJt94ftgZqoEPoYtwte4lB7nrMG2zpPMQj_2FZlKJaABXZTJi2K_iFUEEJs/s1600/Facebook.png)no-repeat;
background-position:center center;
}
ul#social .rss a {
background:#FAAE17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgkb5uuh5xDfO5Zklcw_MWO5Uc2NdXoKT3DSskYUKruGqi_aYP6w5fQKFyRkazbojvkznaUkmooaflV3eaV9B2_5jNuknwUmsC5VsHZOEVCCfZcScW0-WekrZV9ISfNG6Qfx0gr5uNkDY/s1600/rss.png)no-repeat;
background-position:center center;
}
ul#social .pinterest a {
background:#963336 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOMujATCHAU-89HIPZY2AvelVHsvaXcu4UWIcIIoRLIQYViZUAzLdAFVKPgSyW4srg3uOGCfOjpRWV_ga1RmmBDxWwgGJCbSdPTNFAholshcEota6tfDpaq16Vb2bp29GMUdzge9ziqV8/s1600/Pinterest.png)no-repeat;
background-position:center center;
}
</style>
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>
<script type=’text/javascript’>
$(function () {
$(‘#social a’).stop().animate({
‘marginLeft': ‘-85px’
}, 1000);
$(‘#social > li’).hover(
function () {
$(‘a’, $(this)).stop().animate({
‘marginLeft': ‘-2px’
}, 200);
},
function () {
$(‘a’, $(this)).stop().animate({
‘marginLeft': ‘-85px’
}, 200);
}
);
});
</script>
<ul id=’social’>
<li class=’twitter’><a href=’#’ title=’Twitter’></a></li>
<li class=’googleplus’><a href=’#’ title=’Google Plus’></a></li>
<li class=’facebook’><a href=’#’ title=’Facebook’></a></li>
<li class=’rss’><a href=’#’ title=’Rss’></a></li>
<li class=’pinterest’><a href=’#’ title=’Pinterest’></a></li>
</ul>
[divider]

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