اگر مطالب قبلی که درباره طریقه اضافه کردن و استفاده از افزونه " ادامه مطلب " برای وبلاگهای بلاگر خوانده باشید ، در ان آموزش ،دو روش متفاوت را برای استفاده از این تکنیک معرفی کرد . یکی از روشها استفاده از کددهی دستی ( قسمت ب این اموزش ) بود که در وبلاگ خود من نیز از این روش استفاده شده است . در بسیاری از وبلاگهای معروف جهان و حتی بسیاری از قالبهایی که هم اکنون برای بلاگر ساخته میشود از این روش استفاده میکنند .
قبل از هر موردی برای استفاده از ابزار پیش فرض ادامه مطلب بلاگر باید کدهای زیر را به قالب خود اضافه کنید :
وارد بخش Layout شده و از آنجا Edit HTML شوید . سپس تیک گزینه Expand Widget Templates را قرار دهید . سپس در قالب بدنبال کد زیر بگردید :
حال کدهای زیر را باعبارت بالا جایگزین نمائید :
تا اینجای کار این ابزار در وبلاگ شما فعال شده است .
اما روش کار با این افزونه بدین صورت است که شما کل مطلبی که میخواهید منتشر کنید را در ادیتور وبلاگ بلاگر خود نوشته و در قسمتی از متن که میخواهید نوشته ادامه مطلب ظاهر شود یک کلیک کرده و سپس از نوار ابزار ادیتور بلاگر افزونه Insert Jump Beak را انتخاب میکنید .
بعد از کلیک بر روی دکمه فوق، یک نوار خاکستری در مکانی که شما از مطب خود منتشر کرده بودید ظاهر میگردد . دقت کنید که تمام مطالب که قبل از نوار خاکستری فوق قرار دارند ، بیانگر خلاصه متن مطلب شما خواهد بود .
یکی از روشهای موجود در اینترنت برای حل این ایراد افزونه پیش فرض بلاگر این است که ، مطلبی که میخواهیدبا استفاده از افزونه بلاگر منتشر کنید راباز کرده و وارد بخش Edit HTML شوید. سپس در ابتدای مطالب و انتهای مطلب مانند تصویر زیر کدهای مربوطه را قرار دهید :.
این کد دقیقا در ابتدای ادیتور قرار دهید:.
و این کد را در انتهای ادیتور قرار دهید :.
منظور از نوشته بالا اینست که در هر کدی که در بخش Edit HTML قرار دارد ، عبارت " div " آن را به " span " تغییر دهید . تا آنجایی که من متوجه شدم بعد از استفاده از این ابزار بلاگر ،در صورت وجود دستور div در بدنه مطلب ، تداخل این ابزار با این دستور باعث برهم خوردن قالب وبلاگ میشود . به همین دلیل باید عبارتهای div را به span تغییر داد .
» مطالب این وبلاگ با استفاده از روش بهینه شده فوق منتشر شده اند .
پ.ن :اگر بعد از استفاده از روشهای بالا مشکل بر هم خوردن قالب وبلاگ شما برطرف نشد ٰ این روش را امتحان کنید
پ.ن : توصیه من به شما این است که اگر میخواهید گرفتار این مشکلات نشوید از روش " ب " این اموزش استفاده کنید
قبل از هر موردی برای استفاده از ابزار پیش فرض ادامه مطلب بلاگر باید کدهای زیر را به قالب خود اضافه کنید :
وارد بخش Layout شده و از آنجا Edit HTML شوید . سپس تیک گزینه Expand Widget Templates را قرار دهید . سپس در قالب بدنبال کد زیر بگردید :
<data:post.body/>
<span>
<data:post.body/>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
</span>
تا اینجای کار این ابزار در وبلاگ شما فعال شده است .
اما روش کار با این افزونه بدین صورت است که شما کل مطلبی که میخواهید منتشر کنید را در ادیتور وبلاگ بلاگر خود نوشته و در قسمتی از متن که میخواهید نوشته ادامه مطلب ظاهر شود یک کلیک کرده و سپس از نوار ابزار ادیتور بلاگر افزونه Insert Jump Beak را انتخاب میکنید .
بعد از کلیک بر روی دکمه فوق، یک نوار خاکستری در مکانی که شما از مطب خود منتشر کرده بودید ظاهر میگردد . دقت کنید که تمام مطالب که قبل از نوار خاکستری فوق قرار دارند ، بیانگر خلاصه متن مطلب شما خواهد بود .
یکی از روشهای موجود در اینترنت برای حل این ایراد افزونه پیش فرض بلاگر این است که ، مطلبی که میخواهیدبا استفاده از افزونه بلاگر منتشر کنید راباز کرده و وارد بخش Edit HTML شوید. سپس در ابتدای مطالب و انتهای مطلب مانند تصویر زیر کدهای مربوطه را قرار دهید :.
این کد دقیقا در ابتدای ادیتور قرار دهید:.
<span id="fullpost">
</span>
منظور از نوشته بالا اینست که در هر کدی که در بخش Edit HTML قرار دارد ، عبارت " div " آن را به " span " تغییر دهید . تا آنجایی که من متوجه شدم بعد از استفاده از این ابزار بلاگر ،در صورت وجود دستور div در بدنه مطلب ، تداخل این ابزار با این دستور باعث برهم خوردن قالب وبلاگ میشود . به همین دلیل باید عبارتهای div را به span تغییر داد .
» مطالب این وبلاگ با استفاده از روش بهینه شده فوق منتشر شده اند .
پ.ن :اگر بعد از استفاده از روشهای بالا مشکل بر هم خوردن قالب وبلاگ شما برطرف نشد ٰ این روش را امتحان کنید
پ.ن : توصیه من به شما این است که اگر میخواهید گرفتار این مشکلات نشوید از روش " ب " این اموزش استفاده کنید
5 نظر:
یه راه خیلی خیلی خیلی راحت تر هم هست که من تازه پیداش کردم مجتبی جان.
به این صورت که قبل از پابلیش مطلب ، وارد قسمت ویرایش HTML بشید و از ابتدای کد ها مجموعه کد :
< d i v d i r = " r t l " s t y l e = " t e x t - a l i g n : r i g h t ; " t r b i d i = " on " >
را حذف کرده و از انتهای کد ها هم کد :
< / d i v >
را حذف کنید همین.
توی چند تا قالب هم تست کردم مشکل بر طرف می شد.
** برای درج این نظر و محدودیت استفاده از اچ تی ام ال مجبور شدم کد ها را با فاصله بنویسم.
سلام . این کد به تازگی با آمدن ابزاری های rtl و ltr به ویرایش html مطالب اضافه میشه و فکر نکنم تاثیری داشته باشه . باید تستش کنم
تنها چیزی که میتونم بگن اینه که یک دنیا ممنون.خدا اجرت بده.وبلاگم همیشه با ادامه مطلب میریخت به هم و من مجبور بودم همه مطالب رو یکجا بدم و از ادامه مطلب استفاده نکنم که این خودش باعث زشت شدن و نامنظم شدن وبلاگم شده بود.اما با راه حل شما دیگه هیچ مشکلی ندارم.
بازم ممنون.
راستی یه چیز دیگه.....این کد span که میگی بگذاریم اول و آخر پست انگار فقط تو موزیلا جواب میده توی اینترنت اکسپلورر باز هم قالب میریزه به هم.
البته اینترنت اکسپلورر من 8 هست.نمیدونم شاید مال اون باشه.
تنها چیزی که میتونم بگن اینه که یک دنیا ممنون.خدا اجرت بده.وبلاگم همیشه با ادامه مطلب میریخت به هم و من مجبور بودم همه مطالب رو یکجا بدم و از ادامه مطلب استفاده نکنم که این خودش باعث زشت شدن و نامنظم شدن وبلاگم شده بود.اما با راه حل شما دیگه هیچ مشکلی ندارم.
بازم ممنون.
نظر خود را بیان کنید