آموزش تکمیلی اضافه نمودن قابلیت " ادامه مطلب " به وبلاگهای بلاگر

مجموعه مقالات و مطالب مرتبط با بلاگر و وبلاگ نویسی و دنیای فناوری اطلاعات

دیدن مطالب وبلاگ

۱۳۸۸/۰۶/۲۱

آموزش تکمیلی اضافه نمودن قابلیت " ادامه مطلب " به وبلاگهای بلاگر




سلام . در ابتدا  بخش اول آموزش این تکنیک را از اینجا مطالعه کنید  و سپس ادامه مطلب را از آموزش زیر پیگیری کنید .

ادامه آموزش : سفارشی کردن و شخصی سازی تکنیک " ادامه مطلب " در بلاگر :

1- درابتدا بعد از اضافه کردن این تکنیک به وبلاگ خود شاهد تصویر زیر در .بلاگ خود خواهید بود :

 2- برای زیباتر کردن این متنی که دربالا تصویربالا نمایش داده شده است ابتدا وارد بخش Layout  سپس Edit HTML از مدیریت وبلاگ خود شوید . سپس تیک گزینه Expand Widget ... را قرار دهید . سپس کد زیررا در قالب خود پیدا کنید :

]]></b:skin>

حالا کدهای css زیر را قبل از کد پیدا شده بالا قرار دهید :

.jump-link a {
background: #ffb68f;
padding: 3px;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.jump-link a:hover {
background: #000000;
padding: 3px;
color: #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
نتیجه را درتصویر زیر ملاحظه میکنید که یک حاشیه زیبا بدور متن قرار گرفته است و با توجه به کدهای بالا بعد از قرار گرفتن موس بر روی متن ، رنگ زمینه به رنگ مشکی تغییر پیدا خواهد کرد :
3- برای قراردادن تصویر به جای متن در این تکنیک کافیست که به جای کدهایی که در این آموزش به انها اشاره شد ، کدهای زیر را قرار دهید :


<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><img src="url of image" border="0" alt="Alternative text" /></a>
</div>
</b:if >
به جای عبارت url of image در کد بالا لینک تصویر دلخواه خود را قرار دهید . تصویر زیر راببینید:


توجه توجه !   چون این تکنیک جدیدا از سوی گوگل به بلاگر افزوده شده است ، در مواقعی مشاهده شده که با اضافه کردن این تکنیک به وبلاگ خود ، وبلاگ شما بعد از دومین پستی که با این تکنیک منتشر میکنید  از نظر کد نویسی دچار مشکل خواهد شد .  ( بنابراین توصیه میشود که از روش دومی که اینجا توضییح داده شد استفاده کنید .
پ.ن : پیشنهاد من روش دوم است . 

» منبع : خودم و اینجا

15 نظر:

رستم در ۱۳۸۸/۶/۲۱،‏ ۲۳:۲۸ گفت...

سلام مجتبي جان
آقا بابت راهنمايي بي نقصت ازت ممنونم.
بايد زودتر ازت تشكر ميكردم ببخش كه نتونستم.
موفق باشي

Mehdi در ۱۳۸۸/۶/۲۲،‏ ۱۲:۵۵ گفت...

سلام بابت راهنمایی ها ممنون اما این ادامه مطلب که شما یاد دادی برای هر پست جدا گانه نیست به هر حال بسیار ممنون
http://rdl2.blogspot.com/

باغ بان باشی در ۱۳۸۸/۶/۲۲،‏ ۱۵:۴۵ گفت...

نه اشتباه میکنید . شما برای هر پستی که میخواهید قابلیت ادامه مطلب به اون اضافه بشود ، کافیست از ابزارهای ادیتور وبلاگ خودتون ، اولین ابزار از سمت راست یعنی
Insert Jump Break رو انتخاب کنبد

Mehdi در ۱۳۸۸/۷/۳،‏ ۱۱:۱۶ گفت...

باید از ویرایشگر جدید استفاده می کردم ممنون

KAMRAN در ۱۳۸۸/۸/۳،‏ ۱۳:۰۶ گفت...

با سلام و تشكر از راهنماييهاي شما
با اجازتون دو تاسوال در مورد ادامه مطلب داشتم
اول اينكه من بجاي READ MORE در قالب وبلاگ هر چي مينويسم باز هم در وبلاگم به جاي جمله اي كه نوشتم READ MORE ظاهر ميشود
دوم اينكه ادامه مطلب را در كجا بايد بنوسيم چون اصلا كليد Insert Jump Break وجود ندارد.
لطفا راهنمايي بفرماييد.

باغ بان باشی در ۱۳۸۸/۸/۳،‏ ۱۵:۵۷ گفت...

اول اینکه مطلب زیر رو کاملا بخونید
http://baghbanbashi.blogspot.com/2009/09/how-we-can-add-read-more-to-your-blog.html
ثاتیا : شما کدوم بخش از اموزش لینک بالا رو اجرا کرده اید ؟ اگر بخش اوب باشه که توضیح دادم که باید وارد بخش Layout و سپس page elements بشوید و بر روی عبارت Edit کلیک کنید و از بخش اول متن خود را تغییر بدهید .ببینید :
http://sites.google.com/site/fablogger/Home/readmore.jpg

اگر بخش دوم باشه که در کد مربوطه بخش دوم به جای عبارت read more هر متنی که بنویسید همان متن نمایش داده میشود

KAMRAN در ۱۳۸۸/۸/۴،‏ ۰:۴۳ گفت...

مرسي از راهنماييتون_با سرعت 500km/s_
ايراد از ويرايشگر قديمي متن بود كه حل شد
ميخواستم بدونم چطور ميشه دروبلاگ بلاگر صفحه جديد ايجاد كرد
با تشكر

باغ بان باشی در ۱۳۸۸/۸/۴،‏ ۶:۴۷ گفت...

در بلاگر نمیشه صفحات جدید ایجاد کرد

kamran گفت...

پس اونيكه تو اين آدرس نوشته الكيه
http://www.moniri.com/2008/02/add-pages-in-blogger.html

باغ بان باشی در ۱۳۸۸/۸/۴،‏ ۱۷:۰۵ گفت...

منظورم از نشدن اینه که بصورت رسمی ما همچین قابلیتی در بلاگر نداریم که بشود صفحات جدید در بلاگر اضافه کرد . با ترفندهایی مانند ترفندی که آقای منیری توضیح دادند میتوان صفحاتی به بلاگر اضافه نمود .

جوانه سبز در ۱۳۸۹/۴/۲۰،‏ ۱۶:۳۴ گفت...

درود
ببخشید من یک دو تا سوال داشتم
1-نمی دانم چرا"ادامه مطلب" در وبلاگم دوبار می آید حال انکه من کدرا یکبار وارد کرده ام
2-وقتی وبلاگم فیلتر میشود شماره وبلاگ را که بالا میبرم نظرات قبلی در وبلاگ جدید درج نمیشود چه باید کنم؟؟

Adel Shojaei در ۱۳۸۹/۵/۷،‏ ۱۱:۳۲ گفت...

nice

باغ بان باشی در ۱۳۹۰/۱/۱۰،‏ ۱۷:۰۷ گفت...

منظورم از نشدن اینه که بصورت رسمی ما همچین قابلیتی در بلاگر نداریم که بشود صفحات جدید در بلاگر اضافه کرد . با ترفندهایی مانند ترفندی که آقای منیری توضیح دادند میتوان صفحاتی به بلاگر اضافه نمود .

KAMRAN در ۱۳۹۰/۱/۱۰،‏ ۱۷:۰۷ گفت...

مرسي از راهنماييتون_با سرعت 500km/s_
ايراد از ويرايشگر قديمي متن بود كه حل شد
ميخواستم بدونم چطور ميشه دروبلاگ بلاگر صفحه جديد ايجاد كرد
با تشكر

KAMRAN در ۱۳۹۰/۱/۱۰،‏ ۱۷:۰۷ گفت...

با سلام و تشكر از راهنماييهاي شما
با اجازتون دو تاسوال در مورد ادامه مطلب داشتم
اول اينكه من بجاي READ MORE در قالب وبلاگ هر چي مينويسم باز هم در وبلاگم به جاي جمله اي كه نوشتم READ MORE ظاهر ميشود
دوم اينكه ادامه مطلب را در كجا بايد بنوسيم چون اصلا كليد Insert Jump Break وجود ندارد.
لطفا راهنمايي بفرماييد.

لینکهای دوستان