Friday, April 5, 2013

بلاگر میں "مکمل تحریر پڑھیں" کا تصویری لنک بنانا


کسی بلاگ کا مصنف/ایڈمن/مالک ہونا کوئی بڑی بات نہیں، لیکن اس بلاگ کو اچھی طرح مرتب کیے رکھنا، بلاگ کے قارئین کی ضروریات کا خیال رکھنا اور اس میں وہ تمام مواد شامل کرنا، جس کی تلاش قارئین کو ہو سکتی ہے، ایک مہارت کا کام ہے۔

کوئی بھی مصنف جب اپنا قلم اٹھاتا ہے تو لکھتا ہی چلا جاتا ہے اور بعض اوقات مضمون بہت لمبا ہو جاتا ہے، ایسے مضامین بلاگ  پر بہت زیادہ جگہ گھیرلیتے ہیں اور اس طرح کے بلاگ، چاہے دلچسپ بھی کیوں نہ ہوں، اپنے قارئین پر کچھ خاص تاثر نہیں چھوڑ پاتے، کیونکہ کوئی بھی قاری جب پہلی بار آپ کے بلاگ پر آتا ہے تو سب سے پہلے آپ کے بلاگ کی خوبصورتی اسے متاثر کرتی ہے۔

ہو سکتا ہے کہ کچھ لوگ میری رائے سے اختلاف کریں، کیونکہ میں نے اکثر یہ سنا ہے کہ "اچھا مواد بادشاہ ہوتا ہے"، لیکن ذرا سوچنے کی بات ہے کہ 'اگر اچھا کھانا کسی ایسے برتن میں پیش کیا جائے جو صاف نہ ہو، خوبصورت نہ ہو، بھدا ہو، تو کھانے کا لطف ہی باقی نہیں رہتا۔'

ظاہر ہے، جب کوئی قاری پہلی بار آپ کا بلاگ دیکھے گا تو اس وقت وہ نہیں جانتا ہو گا کہ اس بلاگ میں کتنا اچھا مواد ہے (ہاں! اگر آپ اسے بلاگ پر آنے سے پہلے کسی طرح بتا دیں، تو اور بات ہے)، اس لیے سب سے پہلے وہ آپ کے بلاگ کی خوبصورتی اور ترتیب دیکھے گا۔

بلاگ میں عموماَ یہ سہولت ہوتی ہے کہ آپ پہلے صفحے پر اپنی مرضی کی گنتی کے مضامین دکھا سکتے ہیں مثلاَ 3، 4، 5، 10، وغیرہ۔ اور اگر آپ نے یہ تعداد 10 مختص کر رکھی ہے تو پھر لمبے لکھے ہوئے مضامین آپ کے قاری کی دلچسپی میں کمی واقع کر سکتے ہیں، کیونکہ قاری کو پہلے مضمون سے ہی فرست نہیں ملے گی جو ایک لمبا مضمون ہے (اور یہ میں جانتا ہوں کہ کوئی بھی شخص بہت مشکل سے اتنا قابل اور ہونہار ہوتا ہے کہ اس کا لکھا ہوا ہر ایک مضمون ایسا ہو کہ قاری کی آنکھیں اس مضمون سے چپک جائیں۔)، اس لیے یہ بہت مشکل ہے کہ وہ دوسرا یا تیسرا مضمون پڑھنے کے لیے نیچے جائے (اب ہو سکتا ہے کہ آپ کا اگلا مضمون بہت ہی اچھا ہو، لیکن قاری کے اس تک پہنچنے کے مواقع محدود ہیں)۔ اب یا تو قاری آپ کے بلاگ سے ہجرت کر جائے گا، یا ۔۔۔۔۔

آپ ایک طریقے سے اسے روک سکتے ہیں، مجبور کر سکتے ہیں، کہ وہ آپ کے اگلے مضامین بھی دیکھے۔  اگر آپ نے قاری کو ایسا کرنے پر مجبور کر دیا تو ہو سکتا ہے کہ وہ کوئی مضمون کھول کر پڑھنا شروع کر دے۔ ایسا کرنے کا طریقہ کچھ خاص مشکل تو نہیں لیکن بہت آسان بھی نہیں۔

اگر آپ بلاگنگ کرتے ہیں تو لازماَ HTML کے بارے میں بھی جانتے ہوں گے۔ اور اسی طرح کی کچھ دوسری زبانوں کے بارے میں بھی سنا ہو گا۔ تو ان ہی زبانوں میں لکھے ہوئے کئی ایک "سکرپٹ" آپ کی مدد کے لیے موجود ہیں۔ ان میں سے ایک ایسا "سکرپٹ" ہے جو آپ کی تحاریر کو مختصر کر کے پیش کرتا ہے اور اس مختصر تحریر کے آخر میں ایک لنک شامل کر دیتا ہے تا کہ اگر قاری "مزید پڑھنا" چاہے تو اس پر کلِک کر کے پورا مضمون پڑھ لے۔

ایسا کرنے کے لیے آپ کو، اس طریقے کا مخصوص سکرپٹ، اپنے بلاگ کی HTML زبان میں لکھی ہوئی تفصیل میں شامل کرنا ہو گا، یہ سکرپٹ شامل کرنے کو بعد آپ کا ہر مضمون (چاہے وہ کتنا ہی لمبا کیوں نہ ہو) خود بخود مختصر ہو جائے گا، اور یہ بھی آپ کی مرضی پر منحصر ہو گا کہ آپ اس مضمون کو کتنے الفاظ تک مختصر کر کے دکھانا چاہتے ہیں۔

تو وہ سکرپٹ اور اسے HTML میں شامل کرنے کا طریقہ کچھ یوں ہے:

  • سب سے پہلے آپ اپنے بلاگ کے Template کو کھولیں
  • پھر Edit HTML پر کلِک کریں (ایک نئی ونڈو کھلے گی)
  • اس میں Expand Eidget Templates کو ٹِک کر دیں
  • اب اس میں <head/> کو تلاش کریں
  • اب نیچے دیا گیا سکرپٹ/کوڈ <head/> سے پہلے شامل کر دیں

<script type='text/javascript'>var thumbnail_mode = "no-float" ; 
summary_noimg = 430; 
summary_img = 340; 
img_thumb_height = 100; 
img_thumb_width = 120; 
</script> 
<script type='text/javascript'> 
//<![CDATA[ 
function removeHtmlTag(strx,chop){ 
if(strx.indexOf("<")!=-1) 
{ 
var s = strx.split("<"); 
for(var i=0;i<s.length;i++){ 
if(s[i].indexOf(">")!=-1){ 
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
} 
} 
strx = s.join(""); 
} 
chop = (chop < strx.length-1) ? chop : strx.length-2; 
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
strx = strx.substring(0,chop-1); 
return strx+'...'; 
} 
function createSummaryAndThumb(pID){ 
var div = document.getElementById(pID); 
var imgtag = ""; 
var img = div.getElementsByTagName("img"); 
var summ = summary_noimg; 
if(img.length>=1) { 
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; 
summ = summary_img; 
} 
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; 
div.innerHTML = summary; 
} 
//]]></script> 

اب آپ اس میں اپنی مرضی کے مطابق مندرجہ ذیل چیزیں تبدیل کر لیں:

  • summary_noimg: یہاں اپنے مضمون کے ان الفاظ کی تعداد لکھیں جو مضمون کو مختصر کر کے دکھاے جائیں گے۔
  • summary_img: یہاں ان الفاظ کی تعداد لکھیں جو اس وقت ظاہر ہوں گے جب آپ نے اپنے مضمون میں کوئی تصویر شامل کی ہو گی۔
  • img_thumb_height: یہاں آپ اپنے مضمون کی تصویر کی بلندی بیان کریں۔
  • img_thumb_width: یہاں آپ اپنے مضمون کی تصویر کی چوڑائی بیان کریں۔
اب آپ HTML میں مندرجہ ذیل کوڈ تلاش کریں
<data:post.body/>
اب آپ مندرجہ بالا کوڈ کی جگہ نیچے دیا گیا کوڈ لکھ دیں

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<data:post.body/> 
<b:else/> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
<data:post.body/> 
<b:else/> 
<div expr:id='&quot;summary&quot; + data:post.id'> 
<data:post.body/> 
</div> 
<script type='text/javascript'> 
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); 
</script> 
<span class='jump-link' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url'>Continue Reading...</a></span>
<div style='clear: both;'/> 
</b:if> 
</b:if>
اب آپ Read More کی جگہ "مزید پڑھیں" لکھ دیں۔

آپ نے تمام کام مکمل کر لیا ہے۔ اب آپ یہ کام محفوظ کر لیں، بلکہ پہلے اپنے کام کا Preview دیکھ لیں، اب آپ کے مضامین میں "مزید پڑھیں" کا لنک شامل ہو گیا ہے۔ اگر آپ مطمئن ہیں تو کام کو محفوظ کر لیں۔

اب آپ کے تمام مضامین مختصر ہو کر ظاہر ہوں گے۔

جہاں آپ نے "مزید پڑھیں" لکھا ہے، ان الفاظ کی جگہ آپ کوئی تصویر/ بٹن/ آئی کون بھی لگا سکتے ہیں، ایسا کرنے کے لیے مندرجہ ذیل اقدام کریں:

  • اپنی مخصوص تصویر/ بٹن/ آئی کون (جس پر اردو میں "مزید پڑھیں" لکھا ہو) کو بلاگر میں اپلوڈ کریں اور اس کا URL حاصل کریں۔
  • اب "مزید پڑھیں" الفاظ کی جگہ مندرجہ ذیل کوڈ لکھ دیں:
<img width="120px" heigth="32px" src="YOURIMAGEURL"/>
 اس کوڈ کو HTML میں شامل کرنے سے پہلے اس میں YOURIMAGEURL کی جگہ اپنی اپلوڈ کی ہوئی تصویر کا URL شامل کر دیں اور اس کے بعد اس کوڈ کو "مزید پڑھیں"  الفاظ کی جگہ لکھ دیں۔

آپ نے یہ کام بھی مکمل کر لیا۔ آپ اس کو بھی Preview میں دیکھ لیں، اب "مزید پڑھیں" کی جگہ آپ کی اپلوڈ کی ہوئی تصویر نظر آ رہی ہے۔ اب آپ اپنا یہ کام بھی محفوظ کر لیں اور HTML کی تفصیل والی ونڈو کو بند کر دیں۔ آپ کا بلاگ استعمال کے لیے تیار ہو گیا ہے۔

تو دوستو! یہ مضمون آپ کے لیے فائدہ مند ہے یا نہیں؟ اپنے "خیالات" کا اظہار ضرور کریں، اور اگر کچھ پوچھنا ہو تو میں ہر وقت حاضر ہوں۔

0 تبصرے :

Post a Comment

میرے مہمان

 

Copyright 2008 - All Rights Reserved by Brian Gardner Converted into Blogger Template by Bloganol dot com converted to urdu by urdujahan.com and وسیم نامہ