نمایش پست‌ها با برچسب posting. نمایش همه پست‌ها
نمایش پست‌ها با برچسب posting. نمایش همه پست‌ها
اضافه کردن دکمه اشتراک گوگل باز به قالبهای بلاگر
برای اضافه نمودن کدمه های اشتراک مطالب در سیستم گوگل باز کافیست وارد این سایت شده و از میان 14 نوع مختلف دکمه های اشتراک گوگل باز یکی را انتخاب نموده و سپس سیستم وبلاگ خود مانند وردپرس و یا بلاگر را انتخاب کنید . در نهایت برای ساخت کد تولیدی بر روی لینک Get Your Code کلیک کنید.
برای قرار دادن کدهای تولیدی در بلاگر مراحل زیر را انجام دهید :
1- وارد بخش Layout و سپس زبانه Edit HTML شوید . تیک گزینه Expand Widget Template را فعال نمائید .
2- کد زیر را در قالب پیدا کنید :
<data:post.body/>
حال کد های تولید را به دلخواه بعد و یا قبل از کد بالا کپی - پیست نمائید .
اما اگر میخواهید که دکمه های اشتراک گوگل باز در صفحه اول وبلاگ نمایش داده نشود،کدهای تولید را مانند زیر و با توجه به محل قرار گیری قسمت قبل در وبلاگ قرار دهید :
<b:if cond='data:blog.pageType == "item"'>
محل قرار دادن کدهای تولید گوگل باز
</b:if>
قرار دادن کد ثبت نام خوراک وبلاگ ، توئیتر وعضویت از طریق ایمیل در وبلاگ
روش اول :
برای قرار دادن و استفاده کادر عضویت خوراک و توئیتر بصورت متنی و تصویری در وبلاگ خود :
1- وارد حساب کاربری خود در بلاگر شوید : http://draft.blogger.com
2- وارد بخش Layout وسپس زبانه Page Elements شوید ....
3- بر روی گزینه Add Gadget کلیک کنید ،
4- و در کادر باز شده ، گزینه HTML/JavaScript را انتخاب کنید .
<style type='text/css'>
#hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;}
#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}
#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:bold; }
#sectionmy .sectionmy2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH0XotBuFHdd00LlId_38TM6kThCcVZ-J5eGHdU54-zehtZFJRoXGIvrMT2NgXPo_hQVNEL0I1p9s_09P2i5cgDbKlS5jKLGXAno5sox-XkifTY8L9yCUNeH-D0J0KyjGlo5xVhA8LJWyE/) no-repeat top left; }
#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi06TUeB66muuE3vZMRRQEr6vgeEj4uZCGOmDZA_OLH2ynP6r-QTc5w294-q_OpwXmIrlNHyC13TjTa95uW7cuEqJgeqyoFzqu4yZbWLyx-6BYST2LsY_lzMjKXG0B7kFqgu_4AYZVSAh9x/) no-repeat top left; }
#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_feh1xjDJ9uVZdPa3k6TqEU051ZLOiD1BxMIJ_I33EUK_3nexd6EC5YTvQ2HFZOzo_bwc3eVvhaxjh_UgmaiK6U-miJ30bKOk-rbXOnjN0rmCHVl2OjBK4CkOW6LV4m4PQgt8gffeB3Th/) no-repeat top left; }
#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }
</style>
6- به دلخواه عنوانی برای این گجت انتخاب کرده و در نهایت تغییرات را ذخیره ( Save ) نمائید .
طریقه صحیح تبدیل کارکترهای غیرمجاز کدهای تحت وب به کارکترهای مجاز برای استفاده در پستهای بلاگر
یکی از مشکلاتی که کاربران بلاگر با ان روبرو هستند ، عدم توانایی در قرار داده کدهای HTML و یا XMl در پستهای بلاگر میباشد . کاربران عزیز برای تبدیل کارکترهای غیر مجاز به کارکترهای مجاز و برای انتشار انها در وبلاگهای خود میتوانند :
1- به سایت Postable رفته و در کادر مربوطه کد مورد نظر خود را نوشته و سپس برای تبدیل کد مورد نظر به کارکترهای مجاز بر روی گزینه make it Friendly کلیک کنید :
2- وارد سایت Simple Code شده واز بخش Enter Markup کد غیر استاندارد را تایپ کنید و سپس با کلیک کردن بر روی دکمه Process و از بخش Cut n " Paste کد استاندارد شده را برداشت کنید .
3- استفاده از برنامه postable و نوشته شده توسط آقای نصیری
طریقه کار با برنامه بسیار ساده است . فقط کافیست کدهای غیراستاندارد را در کادر بالا کپی - پیست کنید . سپس برای تبدیل به کارکترهای مجاز بر روی آیکن سبز رنگ بالای برنامه کلیک کنید . درنهایت کدهای تبدیلی در کادر پائین ساخته خواهد شد .
پ.ن :
1- برای استفاده این کدها در پست وبلاگ خود باید کدهای تولیدی و استاندارد را بین دو تگ زیر در بخش Edit HTML ادیتور وبلاگ خود قرار دهید :
2- برای زیبا سازی نوع نمایش این کدها در وبلاگ خود ، وارد بخش Layout شده و از انجا وارد زبانه Edit HTML شوید . سپس کدهای زیر را در میان کدهای CSS قالب خود قرار دهید :
1- به سایت Postable رفته و در کادر مربوطه کد مورد نظر خود را نوشته و سپس برای تبدیل کد مورد نظر به کارکترهای مجاز بر روی گزینه make it Friendly کلیک کنید :
2- وارد سایت Simple Code شده واز بخش Enter Markup کد غیر استاندارد را تایپ کنید و سپس با کلیک کردن بر روی دکمه Process و از بخش Cut n " Paste کد استاندارد شده را برداشت کنید .
3- استفاده از برنامه postable و نوشته شده توسط آقای نصیری
طریقه کار با برنامه بسیار ساده است . فقط کافیست کدهای غیراستاندارد را در کادر بالا کپی - پیست کنید . سپس برای تبدیل به کارکترهای مجاز بر روی آیکن سبز رنگ بالای برنامه کلیک کنید . درنهایت کدهای تبدیلی در کادر پائین ساخته خواهد شد .
 |
1- برای استفاده این کدها در پست وبلاگ خود باید کدهای تولیدی و استاندارد را بین دو تگ زیر در بخش Edit HTML ادیتور وبلاگ خود قرار دهید :
<code>
محل قراردادن کدهای استاندارد
</code>
2- برای زیبا سازی نوع نمایش این کدها در وبلاگ خود ، وارد بخش Layout شده و از انجا وارد زبانه Edit HTML شوید . سپس کدهای زیر را در میان کدهای CSS قالب خود قرار دهید :
code {
width:70%;
max-width:500px;
direction:ltr;
font-family:"Courier New", Courier;
text-align:left;
height:auto;
float:left;
border:2px solid #f5ebdf;
padding:10px;
background-color:#fbf8f3;
margin:10px 25% 10px 5%;
position:relative;
left:30px;
line-height:100%;
clear:both;
}
اضافه نمودن دکمه های اشتراک گذاری زیبا به وبلاگ های بلاگر
برای اضافه نمودن دکمه های سایتهای اجتماعی بالا به وبلاگ خود :
1- وارد حساب کاربری خود در بلاگر شوید : http://draft.blogger.com
2- سپس وارد بخش Layout و سپس زبانه Edit HTML شده و تیک گزینه Expand Widget Template را قرار دهید
3- کد زیر را در قالب خود پیدا کنید :....
<data:post.body/>
4- حال همه کدهای زیر را کپی تموده و بعد از کد بالا پیست کنید .
<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhPpdWs4LSt_rXerTW3RRIbpOz86wFzrQ-2tlOrqY-rHeEq85-qaOKBH2wHjG49sOBR5uJD4FWDu1vT77CiOg_KS7bDAmfSJnzS6LI3BmEaq3RqF1Bgqt3mxZfA6D5K74rsDG9GXM5oTqg/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizFW7iy88NHQZlZaG24NzM2nHVwTVLTy3zUEZN2AcDs9eMLxB0cKRZ56a6LvKnAW0wl-iIV7JFLC2Cf-K582wCZlpleyWWfSz4JmJ4ZPCxM3wXAdUqf1wqSrkskOm599cXtbfkSVCDduER/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE98z_CosmzMI1ne2YCVWDF1c7VHds_Vztsjok5iqeNUofqkmcj6BHKTLGKv5cD85kAtD9glbapsKNYJsjxj0CKU8-H4nA2xp-KT5ijP5vCB-gSTwQmBv8f5IA_DiknMYkcjRkvOMwUXT_/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh388N8R2cEsJz9Rf_ODAVmACiyfYvy9VsFaC5Xxfc6YDlNsdx-GpOsWXdpl_z7y7fXFwus0uyFYyxv6U0Tj-Y-C2lGlxgjfAPFB4biF9D94lpPn5Mc0qNUbLtH6vplqOq3MzMrkLUPwz0Z/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmRdGQFqVo-LwXnGv2yi9TECbsmMDsKLfr2Cf_BPLBUQ5vp5Z1Oe4p6KS_NWir0AHZz4X1205YRW2gZjx0pjO1jzvbuB1AdwBMVW0lB_l61tBD7AoVSwBxCrfrXVuZINbPSCysPqnhwh-z/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYsGfM10qK2zS-WgBTfIcrN7-Dgb-HTY1lzlSnZ9LO90sH8sRRQMuVFSJ-7TA6Xg8Yh5RAE_U8w69e4aOSH_iRF6qUNL_ASpHOKFIULMpbeTFdQsFfEEpky9xBMNC-Lt2FB28lFvYT1j19/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://reddit.com/submit?&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQI3HSS7F7DsfPe2zEzOvUy4sGciUGc4j39TX2rJChOCbGSktUd7VByoE7ydsHvlKaU8nb_Z6xRNGiuWpN9rwc3Tc7Q-zyBjFWRAUwNAjO4SSfaNNWbkJeRPeYYc-GT97qQ_Xcelq3zCQ/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-l8AnT0hYZPh0xDzbywpnJtDyFQX2KwQUS5xuPOBuLPGL7H4gTN3nNPzIhjyqiqc9qun3VH7-U1DnhsrS8nlShKgT8wC1j3PafMa107dukM96NtfGIxdnBrNZFsvtfvbkvgIb_mGLeToA/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>
طریقه اضافه نمودن امضاء به پستهای بلاگر
برای قراردادن امضاء برای نوشته های خود مراحل زیر را انجام دهید :
روش اول :
1- وارد بخش layout و سپس زبانه Edit HTML شده و تیک گزینه Expand Widget Template را قرار دهید ...
2- کد زیر را در قالب خود پیدا کنید :
<data:post.body/>
3- سپس کد زیر را بعد از کد بالا کپی - پیست کرده و به جای URL ، لینک تصویر دلخواه خود را قرار دهید
<img src='URL' style='border:0px;'/>
روش دوم:
1- واردبخش Settings و سپس Formatting شوید .
2- بخش ( کادر ) Post Template را یافته و کد موجود در قسمت 3 روش اول را در ان کپی - پیست نمائید :
اضافه نمودن آیکن گوگل باز بهمراه شمارنده به سرویس بلاگر
» روش اول
1- وارد بخش Layout شده و سپس بر روی زبانه Edit HTML کلیک نمائید .
2- تیک گزینه Expand Widget Template را قرار دهید .
3- کد های زیر و یا مشابه ان را در قالب خود پیدا کنید...
<p class='post-footer-line post-footer-line-1'>
یا
<p class='post-footer-line post-footer-line-2'>
یا
<p class='post-footer-line post-footer-line-3'>
و یا :
<div class='post-footer-line post-footer-line-1'>
یا
<div class='post-footer-line post-footer-line-2'>
یا
<div class='post-footer-line post-footer-line-2'>
ویا :
<data:post.body/>
4 - بعد پیدا نمودن یکی از خط کدهای بالا و یا مشابه آنها ، یکی از کدهای زیر را به دلخواه دقیقا بعد از یکی خط کد دلخواه بالا قرار دهید :
الف: حالت متنی
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title'>Buzz!</a>
ب: نمایش بهمراه آیکن
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title'><img src="ImageURL"/></a>
در صورت ایجاد مشکل با کد بالا از کد زیر استفاده نمائید :
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img src="ImageURL"/></a>
ج)
<div style="float:right;padding:4px;">
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title+ "&srcURL=" + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='ImageURL' style='border:0px;'/></a>
</div>
به جای نوشته قرمز رنگ لینک آیکن مورد نظر خود را قرار دهید
» روش دوم :
ابتدا وارد سایت Njuice شده و فیلدهای مربوطه را پر نموده و یکی از فرمتهای نمایش آیکن گوگل باز را انتخاب نمائید . سپس کدهای تولیدی موجود را از بخش Code to use on your site or blog کپی نموده و در وبلاگ خود استفاده نمائید .
» منبع
اضافه نمودن تکنیک " نوشته های مرتبط با مطلب منتشر شده " با پیش نمایش تصویری به وبلاگ
از ویژگیهای سیستم بلاگر میتوان به سفارشی سازی وبلاگهای تحت این سیستم اشاره کرد. از این سو یکی از ترفندهای پر طرفدار در بین کاربران بلاگر که ب وبلاگهای خود اضافه میکنند ، قابلیت " نمایش مطالب مرتبط با مطلب منتشر شده " بصورت متنی و تصویری است . پیش نمایشی از این ترفند در حالت متنی را میتوانید در اینجا مشاهده کنید . تصویر زیر نمایی از این ترفند است :
اما روش تصویری این ترفند چند روزیست که توسط سایتهای بلاگر منتشر شده که شما میتوانید با انجام مراحل زیر این قابلیت را به وبلاگهای خود اضافه کنید .
مراحل انجام کار :
1- وارد بخش layout و سپس قسمت Edit HTML از بخش مدیریت وبلاگ خود شوید . از آنجا تیک گزینه Expand Widget Template را قرار دهید .
2- کد زیر را در قالب پیدا کنید :
3- کدهای زیر را با کدبالا جایگزین نمائید :
4- حال سه خط کد زیر را به دلخواه و با توجه به قالب وبلاگ خود ، در بین کدهای قالب خود پبداکنید :
5- حال کدهای زیر را بعد از خط کدهای بالا قرار دهید :
نتیجه هم بصورت زیر خواهد بود :
اما روش تصویری این ترفند چند روزیست که توسط سایتهای بلاگر منتشر شده که شما میتوانید با انجام مراحل زیر این قابلیت را به وبلاگهای خود اضافه کنید .
مراحل انجام کار :
1- وارد بخش layout و سپس قسمت Edit HTML از بخش مدیریت وبلاگ خود شوید . از آنجا تیک گزینه Expand Widget Template را قرار دهید .
2- کد زیر را در قالب پیدا کنید :
</head>
3- کدهای زیر را با کدبالا جایگزین نمائید :
<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>
4- حال سه خط کد زیر را به دلخواه و با توجه به قالب وبلاگ خود ، در بین کدهای قالب خود پبداکنید :
<div class='post-footer-line post-footer-line-1'>یا
<p class='post-footer-line post-footer-line-1'>یا
<data:post.body/>
5- حال کدهای زیر را بعد از خط کدهای بالا قرار دهید :
<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
نتیجه هم بصورت زیر خواهد بود :
اشتراک در:
پست‌ها (Atom)
