JUNCTION X

. . . . . โดนสบประมาทเมื่อไร...ให้นึกถึง แอ๊ปเปิ้ลสีแดง

<br />
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">โดนสบประมาทเมื่อไร...ให้นึกถึง
แอ๊ปเปิ้ลสีแดง</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">เมื่อ
ลีโอ เบอร์เน็ตต์ เปิดบริษัทโฆษณาของเขาในปี ค.ศ. 1935 ช่วง</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">เศรษฐกิจตกต่ำนั้น
คอลัมนิสต์หนังสือพิมพ์ฉบับหนึ่งในชิคาโกดูหมิ่นเบอร์เน็ตต์ว่า </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">บริษัทของเขาจะล้มไม่เป็นท่าอย่างแน่นอน
เขาจะต้องไปขายแอ๊ปเปิ้ลที่ริมถนนเป็นแม่นมั่น </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">สิ่งที่
ลีโอ เบอร์เน็ตต์ ทำก็คือวางแอ๊ปเปิ้ลกองหนึ่งบนโต๊ะต้อนรับ </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">พนักงานและใครก็ตามที่มาเยือนบริษัทสามารถหยิบแอ๊ปเปิ้ลนั้นไปกินได้ทุก
</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">เมื่อมาถึงวันนี้
ลีโอ เบอร์เน็ตต์ เป็นเอเจนซีโฆษณาใหญ่ที่สุดแห่งหนึ่ง </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">มีสาขาทั่วโลก
สร้างสรรค์งานดีๆ จำนวนนับไม่ถ้วน </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">และแอ๊ปเปิ้ลสีแดงกลายเป็นสัญลักษณ์ของการไม่ยอมแพ้</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">เมื่อไม่ยอมรับชะตากรรมที่คนอื่นกำหนดให้
และทำงานหนัก </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">ก็สามารถลบคำสบประมาทได้ด้วยตัวมันเอง
</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">----</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">ในช่วงต้นของสงครามโลกครั้งสอง
กองทัพเยอรมนีกวาดยุโรปราบอย่างรวดเร็ว </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">ประเทศอังกฤษพลันพบว่าตนเองรบอย่างโดดเดี่ยว</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">นายกรัฐมนตรี
วินสตัน เชอร์ชิลล์ ประกาศต่อสู้จนเลือดหยดสุดท้าย</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">กลางความท้อแท้ของชนทั้งชาติ
เสียงของเชอร์ชิลล์ผ่านวิทยุกระจายเสียงให้กำลังใจผู้คน </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">ปลุกขวัญให้สู้กับอำนาจที่มาราวี</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">เมื่อทั้งชาติตั้งปณิธานไม่ยอมแพ้อย่างเด็ดขาด
พวกเขาก็กลายเป็นน้ำน้อยที่เอาชนะ</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">ไฟกองใหญ่ได้อย่างไม่น่าเชื่อ
</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">----</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">ในชีวิตของเราจะได้ยินคำสบประมาทในรูปต่างๆ
เสมอ</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">"อย่าเปิดร้านตรงนี้เลย
เห็นเจ๊งมาหลายรายแล้ว"</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">"อยู่ดีๆ
ทำไมต้องไปดิ้นรนให้เหนื่อยกว่านี้</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">?"<o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">"จะไหวหรือ</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">?"<o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">หาก
ลีโอ เบอร์เน็ตต์ และ วินสตัน เชอร์ชิลล์ เชื่อฟังคำเหล่านี้</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">ป่านนี้โลกอาจไม่ใช่โลกเสรีนิยมที่เรารู้จัก</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">ร้านอื่นเปิดแล้วเจ๊งไม่ได้หมายความว่าทุกร้านที่ตรงนี้จะต้องเจ๊ง</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">เศรษฐกิจตกต่ำก็มิได้หมายความว่า
ทุกกิจการต้องหดถอยห่อเหี่ยว</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">ทว่าคำวิพากษ์ไม่ใช่เรื่องเลวร้ายเสมอไป
หากรู้จักใช้มัน ไม่ให้มันใช้เรา</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">ใช้คำวิพากษ์เป็นเครื่องกระตุ้นให้ใจฮึกเหิม
มีมานะสู้ต่อไป </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">ใช้คำวิจารณ์เป็นการเตือนสติตัวเอง
แก้จุดอ่อนที่ผู้อื่นชี้ให้เห็น</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">การทำงานอย่างไม่ประมาทบวกกับความไม่ยอมแพ้และความมานะพยายาม
</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">เอาชนะคำสบประมาททั้งหลายได้มากต่อมากแล้ว</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">----</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;"> </span><img alt="" border="0" src="http://image.free.in.th/z/ia/521277_254107598022900_824223702_n.jpg" /></div>
<div class="MsoNormal">
<span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 20.0pt;">Credit
: <span lang="TH">หนังสือ สองแขนที่กอดโลก / </span>life <span lang="TH">101 </span><o:p></o:p></span></div>

. . . . . โดนสบประมาทเมื่อไร...ให้นึกถึง แอ๊ปเปิ้ลสีแดง

โดนสบประมาทเมื่อไร...ให้นึกถึง แอ๊ปเปิ้ลสีแดง เมื่อ ลีโอ เบอร์เน็ตต์ เปิดบริษัทโฆษณาของเขาในปี ค.ศ. 1935 ช่วง เศรษฐกิจตกต่ำนั้น คอลั...

อ่านเพิ่มเติม »

วันพฤหัสบดี, พฤศจิกายน 29, 2555

. . . . . ความดีที่ห้อง...สุขา

<br />
<div class="MsoNormal">
<span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"> <span lang="TH">ความดีที่ห้อง...สุขา</span><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">พวกเราเคยไหม
จู่ๆ ปวดท้องกะทันหัน ตอนเดินเที่ยวห้าง </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">เลยรีบดิ่งเข้าห้องน้ำ
แต่หลังจากทำธุระเสร็จก็พบว่ากระดาษชำระหมดเกลี้ยง ใจหายวาบ </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">แต่พอมองไปรอบ
ๆ ก็เห็นกระดาษชำระ ๒-๓ ม้วนอยู่บนหิ้ง </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">เรารีบหยิบมาจัดการภารกิจที่ตกค้าง
ทีนี้เกิดคำถามขึ้นมาว่าม้วนกระดาษชำระที่เหลือ </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">จะเอาไปวางไว้ตรงไหนดี
วางบนหิ้งตามเดิม หรือเอาไปใส่ไว้ตรงช่องดึงกระดาษข้างๆ </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ที่เรานั่งอยู่</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">เคยคิดบ้างไหมว่า...
ทำไมต้องเอาไปใส่ตรงช่องดึงกระดาษด้วย </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ก็ในเมื่อคนที่เข้าห้องน้ำก่อนหน้าฉันไม่เห็นทำอย่างนั้นให้ฉันเลย
</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ทำไมฉันจะต้องไปทำให้กับคนอื่นด้วย
เสร็จธุระของฉันแล้ว </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">กระดาษชำระจะอยู่ตรงไหนฉันก็ไม่เดือดร้อนแล้ว
</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">นี่เป็นหน้าที่ของพนักงานทำความสะอาดมิใช่หรือ</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">?<o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ลองคิดดูอย่างนี้ดีไหมว่า...
กี่ครั้งกี่หนที่เมื่อเข้าห้องสุขาแล้วเราพบว่ากระดาษชำระ</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ในช่องนั้นเพิ่งถูกใส่ลงไปก่อนเราเข้าไปไม่นาน
คงไม่ใช่พนักงาน</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ทำความสะอาดเท่านั้นที่ทำเช่นนั้น
</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">มีบุคคลนิรนามจำนวนนับไม่ถ้วนที่เคยอยู่ในสถานการณ์เดียวกับเรา</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">แต่เขาเลือกที่จะนำกระดาษชำระไปใส่ไว้ในช่อง
เพราะนึกถึงคนอื่น ๆ </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ที่จะเข้ามาใช้ห้องสุขาในภายหลัง
เราได้รับความสะดวกเพราะน้ำใจของคนเหล่านี้ </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ฉะนั้นจะไม่ดีกว่าหรือหากเราจะทำเช่นนั้นบ้างกับคนอื่นๆ
ที่จะมาใช้ห้องสุขาต่อจากเรา</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">------<o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ใช่หรือไม่ว่า
เรามักฝังใจแน่นกับคนที่ทำไม่ดีกับเรา </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">แต่ลับมองข้ามเวลาคนอื่นมีน้ำใจกับเรา
เราติดใจมากกับคนที่ใช้</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">กระดาษชำระจนเกลี้ยงแล้วไม่ใส่ม้วนใหม่ให้เรา
แต่กับคนที่ใส่กระดาษชำระให้เรา </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">เรากลับเห็นเป็นเรื่องธรรมดาที่ไม่มีค่าควรแก่ความสนใจ
ทั้ง ๆ </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ที่คนกลุ่มหลังนี้มีมากมายแต่เราไม่ใส่ใจ
กลับปักใจอยู่กับคนกลุ่มแรกซึ่งมีไม่กี่คน</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">Gratitude
<span lang="TH">หรือ </span>'<span lang="TH">การระลึกและซาบซึ้งในความดีของผู้อื่น</span>'
<span lang="TH">นั้น มองให้ดีแล้ว </span><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ไม่ใช่เป็นเรื่องที่ทำกันได้ง่าย
ๆ เลย โดยเฉพาะคนที่เราไม่คุ้นเคยหรือรู้จัก </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ด้วยเหตุนี้พระพุทธองค์จึงตรัสว่า
ผู้ที่มีความกตัญญูรู้คุณคนเป็นบุคคลที่หาได้ยาก</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">สมัยนี้การรู้คุณและตอบแทนคุณเป็นเรื่องยากกว่าแต่ก่อนเพราะว่าคนที่เกื้อกูลเรานั้นมีมากมาย
มิใช่แค่พ่อแม่พี่น้องหรือเพื่อนบ้านอย่างที่พบเห็นในวิถีชีวิตแบบหมู่บ้านสมัยก่อนเท่านั้น
แต่ยังรวมไปถึงบุคคลนิรนามอีกมากมาย ซึ่งเราอาจไม่เคยเห็นหน้าด้วยซ้ำ </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ไม่ใช่แค่คนที่บรรจุกระดาษชำระให้เราใช้สะดวกเท่านั้น
แต่รวมไปถึงผู้คนสาขาอาชีพต่าง ๆ </span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ที่ทำงานอย่างอุทิศตนเพื่อประโยชน์ของส่วนรวม
</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">จนทำให้ชีวิตของเรามีความสะดวกสบายดังที่เป็นอยู่</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">คนไม่ดีที่เห็นแก่ตัวและก่อปัญหาแก่เรานั้นมีอยู่ไม่น้อย
</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">แต่สมควรแล้วหรือที่จะให้ความไม่ดีของเขามาบดบังหรือกลบทับความดีของผู้คนมากมาย
</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">การฝังใจอยู่กับความไม่ดีของผู้อื่นทำให้โลกนี้ดูหม่นหมอง
</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ในทางตรงกันข้ามการนึกถึงความดีของผู้คนมากมายจะทำให้เรามีความสุข</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">และอยากทำความดีเพื่อผู้อื่น
แม้เป็นคนที่เราไม่รู้จัก</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ถึงจะอยู่ในห้องน้ำเราก็ยังสามารถตอบแทนความดีที่เราได้รับด้วยการมีน้ำใจต่อผู้อื่น</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">จะวางกระดาษชำระไว้ที่ไหน
จึงไม่ใช่เรื่องเล็ก อย่างน้อยก็สามารถบอกได้</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">ว่าเราเป็นบุคคลที่หาได้ยากหรือไม่
!</span><span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">------<o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">Credit
: <span lang="TH">รินใจ / นิตยสาร : </span>Kids & Family / Life 101<o:p></o:p></span></div>

. . . . . ความดีที่ห้อง...สุขา

ความดีที่ห้อง...สุขา พวกเราเคยไหม จู่ๆ ปวดท้องกะทันหัน ตอนเดินเที่ยวห้าง เลยรีบดิ่งเข้าห้องน้ำ แต่หลังจากทำธุระเสร็จก็พบว่ากระดาษช...

อ่านเพิ่มเติม »

วันพฤหัสบดี, พฤศจิกายน 29, 2555

. . . . . นิยามของ “ความสุข”

<br />
<br />
<div class="MsoNormal">
<span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: x-large;">. . . . . <span lang="TH">นิยามของ
</span>“<span lang="TH">ความสุข</span>” <span lang="TH">ของแต่ละคนไม่เหมือนกัน</span> <o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: x-large;">บางคนความสุขเกิดขึ้นง่ายๆเกิดได้ตลอดเวลา
บางคนก็เกิดขึ้นยากเย็นแสนเข็น</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<img alt="" class="rg_hi uh_hi" data-height="183" data-width="276" height="183" id="rg_hi" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUrhKDcN9lZaB9nVfw-DJabUjWhVjJkSqspMDmVdrX0_UQ0BLCRQ" style="height: 183px; width: 276px;" width="276" /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ผมคิดว่าตัวผมเองเป็นคนที่มีความสุขกับชีวิตมากๆคนหนึ่ง</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ผมสามารถเก็บเกี่ยวความสุขได้เสมอๆจากสิ่งรอบตัวและกิจวัตรประจำวัน
โดยเฉพาะจาก </span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">“<span lang="TH">การทำงาน</span>” <o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ในหนึ่งวันเรามี </span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">24 <span lang="TH">ชั่วโมง</span><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ในวันๆหนึ่งเราทำงานกันอย่างน้อย
</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">8 <span lang="TH">ชั่วโมง
บางคน ทำมากกว่านั้นมากนัก</span><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">เราใช้เวลาอยู่กับงานไปแล้วอย่างน้อย
</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">1 <span lang="TH">ใน </span>3
<span lang="TH">ของวัน</span><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">คงจะเป็นการดีไม่ใช่น้อย
ถ้าเราทำงานได้อย่างมีความสุข</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">มีแนวคิดนึง
ที่ผมใช้ในชีวิตประจำวัน ที่น่าจะเป็นผลดีกับ พี่ๆ เพื่อนๆ น้องๆ</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"> <o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ขอตั้งชื่อว่า</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"> <o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: x-large;">>>>>> <span lang="TH">ความสุข สามเด้ง</span> <<<<<<<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-size: x-large;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: '_Layiji MaHaNiYom V 1.2';"><span style="font-size: x-large;">>  <span lang="TH">ความสุขเด้งแรก
การรักในสิ่งที่ทำ</span></span><span style="font-size: 16pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ผมค่อนข้างโชคดีที่ ผม </span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">“<span lang="TH">หลงรัก</span>” <span lang="TH">งานที่ผมทำ</span> <o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">หลงใหลการทำงานสาย </span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">IT  <span lang="TH">สนใจงานเขียนโปรแกรม
มีความสุขกับ </span>Code <span lang="TH">ยึดยือ ที่สรรสร้างออกมาเป็น กราฟฟิกที่
สวยงาม คนใช้ใช้งานง่าย และมีความสุข กับสิ่งที่เราสร้าง ยิ่งคนใช้มีความสุข
ผมยิ่งภูมิใจกับสิ่งที่เราสร้าง ผมมักจะชอบ ไปดูสถิติ ว่าวันนี้ มีคนเข้ามา
ใช้งานระบบของเรากี่คน มีคนคลิกตรงไหนบ้าง แล้วแอบนั่งอมยิ้มอยู่คนเดียว</span> <o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ผมทำงานให้กับหน่วยงานอิสระ
ในความควบคุมของรัฐ ผมทำงานห้าวันต่อสัปดาห์และในหลายๆวันมีนอกเวลา
และหลายๆครั้งที่ต้องมาทำงานในวันหยุด โดยที่ไม่ได้โอที
หรือค่าตอบแทนทำงานล่วงเวลาใดๆเลย</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">มันคงเป็นการยากที่จะบอกว่าทำไมถึงจะรักงานที่ทำ
</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">…. <o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">แต่เมื่อเราได้ทำในสิ่งที่เรารัก
เราจะทำมันไปเรื่อยๆโดยลืมความเหนื่อยเป็นปลิดทิ้ง</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">สมัยเป็นเด็กน้อย
ผมชอบเล่น ดีดลูกแก้ว (ซึ่งโดยมาก ผมมักจะโดนกิน) ผมเข้าขั้นหลงใหล</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ผมซ้อมดีด ฝึกงอนิ้ว
ฝึกทอย วันแล้ววันเล่า โดยที่ไม่เคยรู้สึกเหนื่อยแต่ประการใด</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ในทำนองเดียวกันเมื่อผมโตขึ้น
ผมเปลี่ยนจากจากเล่นดีดลูกแก้วเป็นการเล่นทำงาน</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">มองงานเป็นความสนุก
มองเป็นความเพลิดเพลิน</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"> <o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ผมทำงานวันแล้ววันเล่า
ชั่วโมงแล้วชั่วโมงเล่า โดยที่ไม่ค่อยรู้สึกเหนื่อยมากเท่าใด</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ในทางกลับกันวันใดที่ผมไม่มีโปรเจค
ไม่มีงานใหม่ๆที่ท้าทายเข้ามาให้ทำ มาให้ลับสมอง</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ผมมักจะรู้สึก นอย เบื่อ
และ เริ่มรู้สึกเหนื่อย</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ถ้าเมื่อใดที่เราเริ่มรู้สึกว่าเรา
รักในสิ่งที่ทำ</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"> <o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">เมื่อนั้น
ผมเชื่อว่าเวลาทำงาน </span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">8 <span lang="TH">ชั่วโมงต่อวันอาจจะผ่านไปเร็วกว่าที่คิด....</span><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: '_Layiji MaHaNiYom V 1.2';"><span style="font-size: x-large;">>  <span lang="TH">ความสุขเด้งที่สอง
ทำในสิ่งที่รัก</span></span><span style="font-size: 16pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">นอกจากความนิยมชมชอบการท่องเที่ยว
สุขภาพ และการออกกำลังกาย เป็นชีวิตจิตใจแล้ว ผมเผอิญโชคดีอีกครั้งทีผมตกหลุมรักศิลปะและการออกแบบ</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ผลงานใหม่ๆ
การออกแบบใหม่ๆ จึงออกมาเรื่อยๆ โดยไม่มีท่าทีว่าจะหยุด</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">สมัยเป็นเด็ก ผมชอบเล่นเกมแฟมิลี่
และเกมกด พวก มาริโอ้ คอนตร้า ร็อคแมน</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">จัดการเหล่าศัตรู
มุ่งไปข้างหน้าท่ามกลางอันตราย ท้ายด่านจะมีศัตรูตัวฉกาจจะโผล่ออกมา</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"> <o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">เมื่อเราปราบสำเร็จ
เราก็จะผ่านด่านข้ามไปสู้เส้นทางที่ยากกว่า</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">และในขณะเล่นในเกมจะมีผู้ช่วยพิเศษๆ
ความสามารถพิเศษ อาวุฒใหม่ๆ เขามาช่วยเหลือตัวเอกเสมอ</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ในทำนองเดียวกันเมื่อผมโตขึ้น
ผมเปลี่ยนจากเกมเป็น เกมการทำงาน</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">เกมธุรกิจที่มีแต่ความท้าทาย
มุ่งไปข้างหน้าท่ามกลางเส้นทางหฤโหด</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ผมมักมองหาขุนพลมือฉมังเพื่อไว้ปรึกษาปัญหา คอสอบรมสัมนาดีดีเพื่อเพิ่มสกิลให้ตัวเอง และมักจะเข้างาน Event สัมนา ทางวิชาการ และเทคโนโลยีใหม่ๆ ต่างๆมากมาย เพื่อหา Connection และ Skill เขามาช่วยเหลือเราในการฝ่าด่านหินในการทำงานอย่างสมำ่เสมอ เกมการทำงานของผมมักจะมีด่านใหม่ๆ มาให้เล่นเสมอ และเมื่อผมผ่านด่านแรกๆไป ด่านต่อไปที่จะต้องเจอก็จะยาก และท้าทายความสามารถยิ่งขึ้น</span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: '_Layiji MaHaNiYom V 1.2';"><span style="font-size: x-large;">><span lang="TH">ความสุขเด้งที่สาม
ทำตามฝัน</span></span><span style="font-size: 16pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ผมมีความฝันเล็กๆยามอายุเยอะๆ
ผ่านประสพการณ์มาเยอะ คือ การสอนหนังสือ ผมตั้งใจว่าจะทำ...<br />ผมต้องการที่จะ </span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">“<span lang="TH">ถ่ายทอดความรู้</span>” <span lang="TH">ที่ผมมีออกไปให้มากที่สุดเท่าที่จะทำได้ ก่อนที่จะจากไปอย่างสงบ</span><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ความฝันของผมคือมองย้อนกลับมาในอดีต
เห็นสิ่งที่เราสร้างมากับมือ ขยายตัว มีคนใช้งานมากมาย มองเห็นรอยยิ้มและความสุข
ของคนที่ใช้งานในสิ่งที่ผมสร้าง</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"> <o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ผมจิตนาการ ในยามที่ผมแก่
ผมเห็นชายแก่คนนึง นั่งยิ้มอยู่คนเดียว ข้างๆตึก  ตึกที่เขาเป็นคนสร้าง
ชายแก่คนนั้น มองไปยังเด็กหนุ่มสาว ที่กำลัง หยิบมือถือมา กำลังเล่น </span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">App <span lang="TH">ซึ่งเป็น </span>App <span lang="TH">ที่ผมเป็นคนคิดค้น นึกถึงตอนนั้น ผมคงภูมิใจไม่น้อย
ภูมิใจที่ได้เป็นผู้สร้างที่ยิ่งใหญ่ ดังที่ใฝ่ฝันเอาไว้</span> <o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">มีคนถามผมว่าทำไปทำไม
ทำเพื่ออะไร </span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">? <o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ไม่เห็นจะได้อะไรเลย
ตายไปก้เอาไรไปไม่ได้...</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"> <o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">แล้วมัน ...ได้อะไร</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">? ... <o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ผมเข้าใจว่าผู้ถามน่าจะถามถึงเรื่องของ
</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">“<span lang="TH">ผลตอบแทน</span>” <o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ผลตอบแทนหรือสิ่งที่ผมได้รับวัดค่ายากและจับต้องไม่ได้
...</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"> <o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">แต่ผลตอบแทนได้เต็มๆ
กำไรเนื้อๆ และ เน้นๆ นั่นคือความสุข ความสุขมันไม่ได้หากันง่ายๆ คุณมีเงินแสนล้าน
คุณซื้อความสุขได้มั้ย ตอบว่าซื้อได้ แต่ก็เป็นความสุขชั่วครั้งชั่วคราว
ความสุขแบบยั่งยืนนั้นหายาก ทำแล้วมีความสุข นี่เหละ คือผลตอบแทนที่
คุ้มค่าที่สุดในชีวิตผม</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><br /><br />ถ้าคุณจะสร้างอะไร แล้วหวังผลตอบแทนเยอะ เหมือนการทำบุญแล้วหวังผล คุณจะไม่มีความสุข เมื่อคุณผิดหวัง เพราะฉะนั้น วิธีของผมคือ ไม่ต้องหวัง ทำบุญทุกครั้งผมไม่เคยอธิฐาน เพราะสิ่งที่ผมต้องการ ผมจะสร้างด้วยตัวผมเอง<br /><br /><b>ถ้าเราเชื่ออย่างสนิดใจว่า ทำบุญแล้วได้บุญ เราก็ไม่จำเป็นต้องอธิฐานขอสิ่งใดเมื่อทำบุญ<br />ถ้าเราเชื่ออย่างสนิดใจ ว่าทำดีแล้วได้ดี เราก็จะทำดีต่อผู้อื่นโดยไม่จำเป็นต้องหวังว่าคนอื่นจะต้องทำดีต่อเรา</b><br /><br /><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">นี่คือเรื่องราวความสุขเล็กๆ
ที่เกิดขึ้นตลอดเวลางานทั้งสามเด้งของผม</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ในวันๆหนึ่ง
ร่างกายของผมก็ต้องมีเหนื่อย มีเมื่อย มีล้า บ้างเป็นธรรมดา</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"> <o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">แต่หัวใจของผมแข็งแรงและก็มี
... สุข ... สนุก ... ดี ... ในทุกๆวัน</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">ขอให้บทความชิ้นนี้จงได้สร้างประโยชน์ให้แก่ท่านผู้อ่านทุกท่าน</span><span style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: '_Layiji MaHaNiYom V 1.2'; font-size: 16pt;">สวัสดีครับ</span></div>
<div class="MsoNormal">
<span lang="TH" style="font-family: "_Layiji MaHaNiYom V 1\.2"; font-size: 18.0pt;">กิตติพีชญ์<o:p></o:p></span></div>
<img height="164" id="il_fi" src="http://image.free.in.th/z/id/602462_415196301852866_1200690681_n.jpg" style="padding-bottom: 8px; padding-right: 8px; padding-top: 8px;" width="400" /><br />

. . . . . นิยามของ “ความสุข”

. . . . . นิยามของ “ ความสุข ” ของแต่ละคนไม่เหมือนกัน บางคนความสุขเกิดขึ้นง่ายๆเกิดได้ตลอดเวลา บางคนก็เกิดขึ้นยากเย็นแสนเข็น ...

อ่านเพิ่มเติม »

วันพฤหัสบดี, พฤศจิกายน 29, 2555

HOW TO INSTALL & SETUP VIEWS SLIDESHOW MODULE ON DRUPAL7?

<br />
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.brightwebsitedesign.com/how-to-install-views-slideshow-module-on-drupal7" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #e7a800; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" title="how to install Views Slideshow module on drupal7"><img alt="Views Slide Show on Drupal7" src="http://www.brightwebsitedesign.com/sites/default/files/images/homepage.png" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; height: 288px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 620px;" /></a></div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Today I gonna show you how to install and setup the amazing views slideshow module on Drupal7.</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #00cc00; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">This tutorial is now uptodate with latest modules!!!</strong></span></div>
<h2 style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(1) Required Modules </strong>(Version: Drupal7.0)</h2>
<ol style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.5em; margin-left: 1.5em; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://drupal.org/project/views" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #e7a800; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Views (7.x-3.0-beta3)</strong></a></li>
<li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://drupal.org/project/views_slideshow" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #e7a800; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Views Slideshow (7.x-3.0-alpha1)</a></strong></li>
<li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://drupal.org/project/ctools" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #e7a800; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Chaos tool suite (7.x-1.0-alpha4</strong><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</strong></a></li>
<li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://drupal.org/project/libraries" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #e7a800; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Libraries (7.x-1.0)</strong></a></li>
<li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://drupal.org/project/link" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #e7a800; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Link Field (7.x-1.0-alpha3)</strong></a></li>
<li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://drupal.org/project/token" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #e7a800; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Token (optional) (7.x-1.0-beta1)</strong></a></li>
</ol>
<h2 style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(2) Install the Modules</strong></h2>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
In Drupal7 you can install modules from the admin section, but I still feel this new feature doesn't have any meaning, because we have to search for the module link in the Druapl site and then copy paste into the admin module installation area, really crazy. It would have been so good if they would have made it something like wordpress a small search feasture. Anyway I just gonna download and istall it in the old way (I still recommend this old way).</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Download all the modules from Drupal site and install in the directory <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">yoursitename/sites/all/modules</strong>.<br />Go to <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://www.yoursitename.com/node#overlay=admin/modules" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #e7a800; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">http://www.yoursitename.com/node#overlay=admin/modules</a></strong> and enable these modules as below;</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
(1) <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Views</strong> (2) <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Views UI</strong> (3) <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Views Slideshow</strong> (4)<label for="edit-modules-views-views-slideshow-cycle-enable" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Views Slideshow: Cycle</strong></label>(5) <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Chaos tools (6) Link (7) Libraries (8) Token (Optional)</strong></div>
<h2 style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(3) Create Image Cache</strong></h2>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
In Drupal7 imagecache is part of core module and is named as <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Image styles.</strong></u> So let's create two image cache from here, one for the full size slider image and other for the thumbnail image. In this tutorial I use 935x293 (pixels) dimension for the full size slider image and 210x100 (pixels) dimension for the thumbnail image. <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Note: These configurations csn be defered depends on your needs.</strong></u></div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">* Fullsize Slider image settings</strong></u></div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Go to <a href="http://www.yoursitename.com/node#overlay=admin/config/media/image-styles" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #e7a800; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">http://www.yoursitename.com/node#overlay=admin/config/media/image-styles</a> and click on the add new style link<br />  (1) Give an Image style name and click on create new style button<br />  (2) On the next configuration screen <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">select new style</strong></u> you want and then click <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">add</strong></u> button (In this tutorial I choose resize style)<br />  (3) On the next screen set the <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">width and height</strong></u> and click on the <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">add effect</strong></u> button. (The settings may vary depend on the style you choose). I set width as 935 and height as 293 <span class="field-suffix" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">pixels.</span></div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Do this same process for the thumbnail image too. (for the thumbnail image dimension, I set width as 210 and height as 100<span class="field-suffix" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">pixels.)</span></div>
<h2 style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(4) Create New Content Type</strong></h2>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Let's create a new content type, From the dashboard menu bar cick on <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Structure</strong></u> and then <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">content types</strong></u> then click on the<u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">add new content type</strong></u> link.</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
  (1) Give a human-readable name, I named it as <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Featured Slider</strong></u> (machiine name will be auto generated based on the human readable name)<br />  (2) Give a brief and relevant description<br />  (3) Submission form settings, I leave as the default settings<br />  (4) Publishing options, I checked <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">only published</strong></u> (all other settings <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">unchecked</u>)<br />  (5) Display settings, I have <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">unchecked</strong></u> the authour and date info.<br />  (6) Comment settings,I set <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">hidden</strong></u> (disabled)<br />  (7) Menu settings, I leave as default settings.<br />  (8) Click <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Save and add fields</u></strong> Button</div>
<h2 style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(5) Create New Fields</strong></h2>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Here in this example I create only two fileds, and they are image field and link field.<br />We will use image field for uploading our slider image and link field for creating a custom link where we want our slider to be linked.</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Image Field Settings</strong></div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
    (1) Label: Slider Image<br />    (2) Field: slider_image<br />    (3) Field type: image<br />    (4) Widget (form element): image<br />    (5) Click <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Save</strong></u> button, and on the field settings page leave default settings and click on <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Save field settings</strong></u> button.<br />    (6) On the image field configuration settings page you can configure as you wish.<br />I set this field as required, I added a file director name called <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">slider-image</strong></u> so that this images will be arranged sperately from other images.<br />You can set the maximum upload size and resolution here, I have anabled <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">alt and title</strong></u> field and finally click <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Save settings</strong></u>button.</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
By using same method create the link field too.</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Link Field Settings</strong></div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
    (1) Label: Slider Link<br />    (2) Field: slider_link<br />    (3) Field type: link<br />    (4) Widget (form element): link<br />    (5) Click <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Save</strong></u> button,</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
For the link field configurations leave evrything to default settings.</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
I have re arranged the field like shown below;</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
 Title field<br /> Image field<br /> Link field<br /> Body field (you can even remove this field if not necessary)</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Manage Display</strong></div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
On the manage display tab you can conigure how the out put of the field to be diplayed.<br />I have set the <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">link field</strong></u> as <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">hidden</u></strong> and I have also set <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">image label</strong></u> as <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">hidden</strong></u></div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="Drupal7: manage fields" src="http://www.brightwebsitedesign.com/sites/default/files/images/manage-fields.png" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; height: 365px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 630px;" /></strong></u></div>
<h2 style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(6) Create Feature Slider Content</strong></h2>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
I have created four featured slider content for this tutorial.</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
  (1) Click on <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">add content</strong></u> link<br />  (2) Create Featured Slider content<br />  (3) Give a proper title name<br />  (4) Upload slider image<br />  (5) Give alt and title field names<br />  (6) Give a link <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">title and url</strong></u> where you want the slider to be linked<br />  (7) Leave all othe settings as default except for the <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">path field</strong></u> if yo want you can give an SEO friendly URL alias.<br />  (8) Save the content.</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Same way create more Featured Slider contents (I have created four contents)</div>
<h2 style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(7) Create a New View</strong></h2>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Now it's time to create our new Slideshow view.<br />From the <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Dashboard</strong></u> menu click on the <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Structure</strong></u> and then click on the <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Views</strong></u>.</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
  (1) Click add new view link<br />  (2) Give view name, I have named as <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Featured Slider</strong></u> (machiine name will be auto generated)<br />  (3) Give an apropriate view description<br />  (4) Choose Show <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Content</strong></u> of type <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Featured Slider</strong></u> (your content type name).<br />  (5) Uncheck <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Create a Pge</strong></u> and check <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Create a block</u></strong><br />  (6) Type in Block title and choose display format as <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">"Slideshow"</strong></u> of "<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">fields</strong>" items per page 5 (you can enter the number of items you want to display)<br />  (7) Click the button "<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Continue & edit</u></strong>"<br /><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Views Field Settings</strong></u><br />First let's add <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">link field</u></strong> (link must be the first field in order to work everything properly) so click on the <span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkorange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">add</strong></span></span> icon and from the filter <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Groups</strong></u> select <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Content</strong></u><br />Add Content: <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Link</u></strong>, Click "<u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Add & configure button</strong></u>" in the next cofiguration window uncheck <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">"Create a label</u></strong>". "<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Check</u></strong>" <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Exclude from display</u></strong>.<br />Click "<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Apply button</u></strong>"</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Next let's add image field, so click on the <span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkorange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">add</strong></span></span> icon and from the filter <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Groups</strong></u> select <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">content</strong></u><br />Add Content: <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">image field</u></strong> (<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Note:</u></strong> <em style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">make sure you choose the image field which we crerated for this slider content type only</em>.)<br />Click "<u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Add & configure button</strong></u>" in the next cofiguration window uncheck <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">"Create a label</u></strong>".</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Formatter</strong>: Image (if you have installed Colorbox or lightbox you can choose them here!)<br /><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Image Style</strong>: Fullsize (Choose the imagecache you have created in the above step)<br /><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Link image to</strong>: Nothing<br /><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Style Settings</strong>: Leave default settings<br /><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">No result behaviour</strong>: Leave default settings<br /><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Rewrite Results</strong>: Check Output this field as a link<br /><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Link path: </strong>[view_node] (Note:Scroll dow a bit and you can see <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">replacement patterns</u></strong> created by <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Core Token</u></strong> module, (if we didn't set the link field as first we can't see link field option here) copy only <span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkorange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">[view_node]</span></span> then scroll up and paste it in the<u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">link path field</strong></u>.)<br />Click "<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Apply button</u></strong>"</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Finally we need one more field for the <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">thumbnail</strong></u>, so let's click on the <span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkorange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">add</strong></span></span> icon and from the filter <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Groups</strong></u> select <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Content</strong></u><br />Add Content: <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">image field</u></strong> (<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Note:</u></strong> <em style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">make sure you choose the image field which we crerated for this slider content type only</em>.)<br />Click "<u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Add & configure button</strong></u>" in the next cofiguration window uncheck <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">"Create a label</u></strong>" and <span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkorange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">CHECK EXCLUDE FROM DISPLAY</u></strong></span>,<br /><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Formatter</strong>: Image (if you have installed Colorbox or lightbox you can choose them here!)<br /><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Image Style</strong>: Thumbnail (Choose the imagecache you have created in the above step)<br /><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Link image to</strong>: Nothing<br /><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Style Settings</strong>: Leave default settings<br /><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">No result behaviour</strong>: Leave default settings<br /><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Rewrite Results</strong>: Check Output this field as a link<br /><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Link path: </strong>[view_node] (Note:Scroll dow a bit and you can see <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">replacement patterns</u></strong> created by <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Core Token</u></strong> module, (if we didn't set the link field as first we can't see link field option here) copy only <span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkorange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">[view_node]</span></span> then scroll up and paste it in the<u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">link path field</strong></u>.)<br />Click "<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Apply button</u></strong>"</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Views Filters Settings</strong></u></div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline;"><span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">In views3 the filters are created in the beginning while we choose the content type and other settings! If you need any additional filetering you can create it here!</span></span></div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Views Style Settings</strong></u></div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Click on the <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline;">Format</span></strong> Slideshow | settigs and on the next configuratioin window set as below;<br />  (1) <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">List type</strong>: Unordered list<br />  (2) <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Wrapper class</strong>: Leave default settings<br />  (3) <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Style> Skin</strong>: deafult<br />  (4) <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Slides> Slideshow type</strong>: cycle<br />  (5)<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><em style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Cycle options</u></em></strong><br /><span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">You need to download jQuery cycle plugin and copy jquery.cycle.all.min.js to sites/all/libraries/jquery.cycle You can find the plugin at</span> <a href="http://malsup.com/jquery/cycle" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #e7a800; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank">http://malsup.com/jquery/cycle</a>.</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">IN SIMPLE ENGLISH</strong></u><br />Create a folder named "<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">libraries</strong>" in the <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">site/all</strong> directory and then create an another folder named "<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">jquery.cycle</strong>" in that directory and finally copy and paste only the "<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">jquery.cycle.all.min.js</strong>" into this directory.</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
  (6) <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Transittion</strong>: Fade<br />  (7) <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Action</strong>: pause on hover<br />  (8)<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Internet Explorer Tweaks</strong>: default<br />  (9) <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Widgets</strong>: You can choose either or both Top and Bottom (I choose bottom here, and the advance settings as below;)<br />  (10) <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Bottom Widgets>Pager>Pager type</strong>: Fields<br />  (11) <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Pager field</strong>: Content: Image (<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Note:</u></strong> <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">last one we added for the thumb</u>, don't mistake since both field will be named same.)<br />  (12) <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Activate Slide and Pause on Pager Hove</strong>: checked, controls and slider counter leave unchecked.<br />  (13) Click <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline;">Apply</span></strong> button.</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Format Show Field Settings</strong></u></div>
<ol style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.5em; margin-left: 1.5em; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Inline fields: </u></strong><span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkorange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Choose the thumbnail field as<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> inline.</strong></u></span></li>
<li style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Click <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline;">Apply</span></strong> button. (<u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Note:</strong></u> Well it actually doesn't change much in appearance but it does change in the code. Next step use the firebug and find the class and add some styles to display properly.)</li>
</ol>
<h2 style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(8) Create a Custom Region </strong>(optional step)</h2>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
(1) On your thems folder open the <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">your_theme_name.info</u></strong> file and add a new region like this shown below;<br /><span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkorange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">regions[featured_slider] = Featured Slider</span> and save the .info file.<br />(2) Open your themes <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">page.tpl.php</u></strong> file and add these code where you want your slide to be displayed as shown below;</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkorange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">  <?php if ($page['featured_slider']): ?><br />    <div id="featured-slider"><br />      <?php print render($page['featured_slider']); ?><br />    </div> <br />  <?php endif; ?></span></div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
You can even create custom front page template like <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">page--front.tpl.php</strong> so that you do't need to make any changes to the default page.tpl.php template.</div>
<h2 style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">[9] Enable & configure the Block</strong></h2>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Now this block will be visible in the blocks disabled area, so from the Dashboard menu go to <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Structure>Block</u></strong> and enable the block to a themes default region  or the custom region we created (featured_slider). (Regions varies depends on the theme you are using.)</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Block Configuration Settings</strong></u><br />After enabling the block you get a link to configure the block so click on the <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Configure</u></strong> link and on the settings section set as below;</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
  (1) Block title (if you don't want blobk title to be displayed just type <span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkorange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><none></span>)<br />  (2) Again you get all enabled theme specific <strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Region settings.</u></strong><br /> <u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> On visibility setings</strong></u><br />  (3) Pages>Show block on specific page: choose <span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkorange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Only the listed pages</span> and type <span style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkorange; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><u style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><front></strong></u></span> so that this block will be displayed only on the front page.</div>
<h2 style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
CSS TIPS TO DISPLAY THUMBNAILS INLINE</h2>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Add these CSS codes to your themes style sheet to display the thumbnails inline.<br />.views-slideshow-controls-bottom .views-slideshow-pager-field-item { float: left; margin: 20px 6px; } Make necessary adjustments.</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
That's all now we have successfully created our new Views Slideshow on Drupal7. I hope yo could understand the tutorial I tried my best to explain as much as I can, if you still have doubt's comment below and I will try my best to help. The scren cast of this tutorial will be coming soon.</div>
<div style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 1.25em; margin-top: 1.25em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Play around and find the best you can in Drupal7, Best wishes.</div>

HOW TO INSTALL & SETUP VIEWS SLIDESHOW MODULE ON DRUPAL7?

Today I gonna show you how to install and setup the amazing views slideshow module on Drupal7. This tutorial is now uptodate with late...

อ่านเพิ่มเติม »

วันพุธ, สิงหาคม 22, 2555

สมัครสมาชิก: บทความ ( Atom )