Slide show add in blog

ब्लॉग मध्ये slide show कसा add करायचा
●प्रथम आपणास ज्या फोटोज चा Slideshow ठेवायचा आहे , ते फोटो तयार ठेवा.
त्यानंतर खालील साईटवर जा.
www.Slideful.com
या साईटवर गेल्यास आपणास Choose file या बटणावर क्लिक करून एक -एक फोटो Upload करा.
( लक्षात घ्या, की आपण येथे फक्त 10 च फोटो Upload करू शकतो.)
त्यानंतर  खालील Next बटणावर क्लिक करा.

●पुढील पेजवर आपणास दोन ऑप्शन दिसतील,
1) Normal Slideshow
2) Simple news Slideshow
त्यापैकी Simple news Slideshow या बटणावर क्लिक करा.

●पुढील पेजवर आपणास विविध  Steps दिसतील.
त्यात
 Size
Slide design
Button and Text Location
Back and Forward Buttons
Colours

असे विविध बटण दिसतील त्यात हवा तो बदल करा.
Step 6 मध्ये Slide transition या बटणावर क्लिक करून आपणास Slideshow चा हवा Effect निवडा.
लक्षात ठेवा ,त्या Steps पैकी तुम्हाला हव्या त्या Steps मध्येच बदल करा.
उरलेल्या रिकाम्या ठेवा.
खाली Save and Next या बटणावर क्लिक करा.

●पुढील पेज वर Images with no copy right problems या शिर्षकाखाली
Click here to follow path या बटणावर क्लिक करा.

●त्यानंतर Get the Html code या बटणावर क्लिक करा.

●आपणास दोन Html code मिळतील त्यातील पहिला Html code काॅपी करा , व Blog लेआऊट मध्ये जाऊन Html java Script Gazzet निवडून code पेस्ट करा.व Save या बटणावर क्लिक करा.
आपला Slideshow तयार.

Blog design HTML Effect

ब्लॉग डिझाईन - HTML इफेक्टसह
                 @  ब्लॉग  बनवू सुंदर  @
  @ HTML  चा वापर करून  टेक्स्ट  इफेक्ट देणे  - हलणारी अक्षरे @
          फक्त  खालील  सुचनेनुसार प्रोसेस  करा-
 ■ सुचना -
                    खाली अक्षरांना  हलणारे  इफेक्ट  कसे द्यायचे  याबाबत  सोपे व जास्तीत जास्त  वापर  होणारे चार इफेक्ट  दिलेले आहेत.  हे इफेक्ट  ब्लॉग वर  अॅड केल्यावर  आकर्षक  ब्लाॅगरचना दिसते.
         खाली प्रत्येक  इफेक्ट  व त्याचा कोड दिलेला आहे.  आपण  हा इफेक्ट  आपल्या  ब्लॉगवर  Page  किंवा  Post  मध्ये  अॅड  करु  शकतो.
          सर्वप्रथम  जो इफेक्ट  द्यायचा आहे , त्याचा कोड copy करा. तो तुमच्या  colour  note किंवा  कोणत्याही  ठिकाणी  paste  करून  त्याठिकाणी Edit  करा.
            edit  करताना education या शब्दाच्या  ठिकाणी  फक्त तुमचा मेसेज  जो असेल तो टाईप  करा.  तुम्ही  जो मेसेज  टाईप  केला आहे,  त्या मेसेजलाच  running  effect  दिसुन  येतो.
             तयार  केलेला मेसेज  copy  करा. ज्या page  ला  अथवा  post ला  इफेक्ट  द्यायचा आहे , ते पेज ओपन करा. त्यामध्ये  compose  च्या  बाजुला HTML ला क्लिक करा.  त्यामध्ये  तुम्ही  बनवलेला मेसेज  paste  करा. वरील  Publish बटणवर क्लिक करा.  इफेक्ट  तयार  होईल.

1. हलणारी अक्षरे(running text ) : डावीकडून उजवीकडे
● इफेक्ट  पहा-
education

● कोड ( code ) -
<marquee behavior="scroll" direction="right ">  education  </marquee>

2. हलणारी अक्षरे ( running text ) : उजवीकडून डावीकडे
● इफेक्ट (effect) -
education
●कोड(code ) -
<marquee behavior="scroll" direction="left">  education  </marquee>
3. हलणारी अक्षरे(running text ) : खालुन वर
● इफेक्ट ( effect ) -
education


● कोड ( code ) -
 <marquee behavior="scroll" direction="up">  education </marquee>
4. हलणारी अक्षरे ( running text ) : वरुन  खाली
● इफेक्ट ( effect ) -

education


● कोड ( code ) -
<marquee behavior="scroll" direction="down">  education  </marquee>

                 
   ■ HTML ने इमेज  (image ) ला इफेक्ट  देणे  ■

   ■ सुचना -
                       post किंवा  page  मधील इमेज  ला हलणारे  इफेक्ट  देणे  सोपे  आहे. . पुढील  प्रोसेस  करा....
                           सर्वप्रथम  compose  मध्ये  असताना  image  च्या  आयकॉन  वर क्लिक करून  इमेज  घ्या. इमेज  लोड झाल्यावर  त्या इमेजला आपल्याला  इफेक्ट  द्यायचा आहे.
                              खाली  कोड दिलेले आहेत. . त्यातील  कोडचा पहिला  भाग म्हणजे  (इमेज च्या वरील)   हा  html ला क्लिक केल्यावर  त्याच्यात जो कोड तयार  आहे त्याच्या  सुरवातीला  पेस्ट  करा... त्यानंतर कोडचा दुसरा भाग (इमेज च्या  खालील )  सर्व कोड च्या  शेवटी  पेस्ट  करा  व सेव्ह करा. .... इफेक्ट तयार होईल. .


 1.इमेज - डावीकडून उजवीकडे  हलणारी ~

   ● कोड ( code ) -
 <marquee behavior="scroll" direction="right">
इमेज
</marquee>
  2 . इमेज - उजवीकडून डावीकडे  हलणारी ~

● कोड ( code ) -
<marquee behavior="scroll" direction="left">
 इमेज
 </marquee>
  3. इमेज - खालुन वर हलणारी ~

● कोड ( code ) -
<marquee behavior="scroll" direction="up">
 इमेज
 </marquee>
  4. इमेज - वरुन खाली हलणारी ~

● कोड ( code ) -
<marquee behavior="scroll" direction="down">
इमेज
 </marquee>
5. इमेज- डाव्या व उजव्या बाजूला  सरकणारी(alternate ) ~

● कोड ( code ) -
<marquee behavior="alternate">
इमेज
</marquee>