Thursday, December 19, 2024

рооро▒роХ்роХрок்рокроЯ்роЯ рокроЯைрок்рокாро│ро░்: роПрой் рокிро░роо்рооா роЕро░ிродாроХро╡ே ро╡рогроЩ்роХрок்рокроЯுроХிро▒ாро░்

 рокிро░роо்рооா, роЗрои்родு рооெроп்ропிропро▓் рооро▒்ро▒ுроо் рокுро░ாрогроЩ்роХро│ிро▓், рокроЯைрок்рокிрой் роХроЯро╡ுро│ாроХроХ் роХро░ுродрок்рокроЯுроХிро▒ாро░். роОройிройுроо், роЕро╡ро░родு ро╡рогроХ்роХроо் рооро▒்ро▒ родெроп்ро╡роЩ்роХро│ாрой ро╡ிро╖்рогு (рокாродுроХாрок்рокு) рооро▒்ро▒ுроо் роЪிро╡ா (роЕро┤ிро╡ு) роЖроХிропோро░ிрой் ро╡рогроХ்роХрод்родுроЯрой் роТрок்рокிроЯுроХைропிро▓் рооிроХ роЕро░ிродாроХро╡ே роироЯைрокெро▒ுроХிро▒родு. роЗродро▒்роХு рокро▓்ро╡ேро▒ு роХாро░рогроЩ்роХро│் роХூро▒рок்рокроЯுроХிрой்ро▒рой:

1. рокுро░ாрогроХ் роХродை родொроЯро░்рокாрой ро╡ிро│роХ்роХроо்

рокрог்рокுроо் роХродைроХро│ுроо்:

  • рокுро░ாрогроЩ்роХро│ிро▓் рокிро░роо்рооாро╡ிрой் рокроЩ்роХро│ிрок்рокு роЪிро░ுро╖்роЯிропை роЙро░ுро╡ாроХ்роХுро╡родாроХ роороЯ்роЯுрооே роЕрооைрои்родிро░ுроХ்роХிро▒родு. роЖройாро▓், ро╡ிро╖்рогு (рокாродுроХாрок்рокு) рооро▒்ро▒ுроо் роЪிро╡рой் (роЕро┤ிрок்рокு) роЖроХிропро╡ро░்роХро│் родொроЯро░்рои்родு роЙро▓роХ роиро▓ройுроХ்роХாроХ роЪெропро▓்рокроЯுроХிро▒ாро░்роХро│். роОройро╡ே, роЕро╡ро░்роХро│் ро╡ро┤ிрокாроЯ்роЯுроХ்роХு рооுроХ்роХிропрод்родுро╡роо் роЕродிроХроо் роХொроЯுроХ்роХрок்рокроЯுроХிро▒родு.
  • рооேро▓ுроо், рокிро░роо்рооா роЪிро▓ роХродைроХро│ிро▓் родро╡ро▒ுроХро│் роЪெроп்родродாроХро╡ுроо் роХுро▒ிрок்рокிроЯрок்рокроЯுроХிро▒ாро░் (роО.роХா. рокுро╖்роХро░род்родிро▓் роЪро░ро╕்ро╡родிропுроЯрой் роПро▒்рокроЯ்роЯ рооோродро▓்). роЗродு роЕро╡ро░родு роороХрод்родுро╡род்родை роХுро▒ைроХ்роХுроо் ро╡ிродрооாроХ роХாроЯ்роЯрок்рокроЯ்роЯுро│்ро│родு.

рокுро░ாрогроЩ்роХро│ிро▓், рокிро░роо்рооா родрой்ройுроЯைроп рокродро╡ிропை родро╡ро▒ாроХрок் рокропрой்рокроЯுрод்родிропродро▒்роХாрой роХுро▒்ро▒роЪ்роЪாроЯ்роЯுроХро│் роЙро│்ро│рой. роЙродாро░рогрооாроХ, роТро░ு рокிро░рокро▓рооாрой роХродைрок்рокроЯி, рокிро░роо்рооா родрой் роороХро│் роЪро░ро╕்ро╡родிропுроЯрой் родро╡ро▒ாрой роЖроЪைропிро▓் роИроЯுрокроЯ்роЯாро░் роОрой்ро▒ு роЪொро▓்ро▓рок்рокроЯுроХிро▒родு. роЗродройாро▓் роЪிро╡рой் роЕро╡ро░ை роЪாрокроо் роЕро│ிрод்родு ро╡рогроХ்роХрод்родிро▒்роХுрод் родроХுродிропро▒்ро▒ро╡ро░் роОрой роЕро▒ிро╡ிрод்родродாроХ роироо்рокрок்рокроЯுроХிро▒родு.

2. рокிро░роо்рооாро╡ிрой் рокроЩ்роХு рооுроЯிро╡роЯைропுроо் родрой்рооை

рокிро░роо்рооா рокроЯைрок்рокிрой் роХроЯро╡ுро│ாроХ роЗро░ுрок்рокродாро▓், роЕро╡ро░родு рокрогி роЪாрооாройிропрооாроХрок் рокாро░்роХ்роХ рооுроЯிро╡роЯைропுроо் рокрогிропாроХுроо். роЗродро▒்роХுрок் рокிро▒роХு ро╡ிро╖்рогுро╡ிрой் рокாродுроХாрок்рокு роЕро▓்ро▓родு роЪிро╡ройிрой் роЕро┤ிро╡ே рооுроХ்роХிропрооாройродு. роОройро╡ே, роЗро╡ро░ுроХ்роХு роЕро│ிроХ்роХрок்рокроЯுроо் рооுроХ்роХிропрод்родுро╡роо் роХுро▒ைрои்родு ро╡ிроЯுроХிро▒родு.

3. ро╡ро┤ிрокாроЯ்роЯிро▓் рооுрой்ройுро░ிрооை рокெро▒ாродродு

роЗрои்родிропாро╡ிрой் рокро▓ рокроХுродிроХро│ிро▓், рокிро░роо்рооாро╡ுроХ்роХு родройிроХ்роХோропிро▓்роХро│் роЗро▓்ро▓ை роЕро▓்ро▓родு рооிроХро╡ுроо் роЪிро▓ро╡ே роЙро│்ро│рой. (ро░ாроЬро╕்родாройிро▓் рокுро╖்роХро░் роХோропிро▓் роОрой்рокродு рооுроХ்роХிропрооாройродொрой்ро▒ாроХுроо்.) роЗродройாро▓் роЕро╡ро░ிрой் ро╡ро┤ிрокாроЯு родро▒்роХாро▓род்родிро▓் ро╡ெроХுро╡ாроХ роХுро▒ைрои்родுро╡ிроЯ்роЯродு.

4. рооெроп்ропிропро▓ிрой் рокாро░்ро╡ை

роЗрои்род роородрод்родிрой் роЕроЯிрок்рокроЯைропிро▓், роЙро▓роХрод்родை роЙро░ுро╡ாроХ்роХுро╡родு роТро░ு роЖро░роо்рок роиிро▓ை роЖроХுроо், роЖройாро▓் роЕродை роиிро▓ைроиாроЯ்роЯுро╡родு (ро╡ிро╖்рогு) рооро▒்ро▒ுроо் роЕродрой் рооுроЯிро╡ை роиிро░்рогропிрод்родро▓் (роЪிро╡ா) роЖрой்рооீроХрод்родிро▓் роЖро┤рооாройродாроХ роХро░ுродрок்рокроЯுроХிро▒родு.

5. роиிро▓ைропாрой роОрог்рогроо்

рокிро░роо்рооாро╡ைрод் родெроп்ро╡рооாроХ рокாро░்роХ்роХாрооро▓் рооெроп்ропிропро▓ாроХ роОроЯுрод்родுроХ்роХொро│்рокро╡ро░்роХро│் роЕро╡ро░родு роЙро░ுро╡род்родை роЙро░ுро╡ாроХ்роХроо் роЕро▓்ро▓родு рокроЯைрок்рокிрой் роЕроЯைропாро│рооாроХро╡ே роЕродிроХроо் роХாрог்роХிро▒ாро░்роХро│்.

роЗродைроЪ் роЪேро░்рои்род роХродைроХро│், родொрог்роЯро░்роХро│் рооро▒்ро▒ுроо் рокро┤рооைропாрой рокுро░ாрогроЩ்роХро│் роЕро╡ро░ுроХ்роХு ро╡рогроХ்роХ ро╡ро┤ிрокாроЯு роХுро▒ைро╡ாроХ роЗро░ுроХ்роХுроо் роиிро▓ைропை

6. роЕро▒ைроХро│் (Boon and Curse):

  • рокுро░ாрогроЩ்роХро│ிро▓் рокிро░роо்рооா роЪிро▓ро░் рооீродு роЕро│ро╡ுроХ்роХு рооீро▒ிроп роЖроЪீро░்ро╡ாродроЩ்роХро│ை (boons) ро╡ро┤роЩ்роХிропродாроХро╡ுроо், роЕродройாро▓் рокிро░роЪ்роЪройைроХро│் роПро▒்рокроЯ்роЯродாроХро╡ுроо் роХுро▒ிрок்рокிроЯрок்рокроЯ்роЯுро│்ро│родு. роЗродрой் ро╡ிро│ைро╡ாроХ роЕро╡ро░родு ро╡ро┤ிрокாроЯு роЪுро░ுроЩ்роХிропродாроХ роХூро▒рок்рокроЯுроХிро▒родு.
роЪிро╡рой் рооூро▓рооாроХ рокிро░роо்рооா рооீродு "ро╡ро┤ிрокாроЯு роХுро▒ைро╡ாроХ роЗро░ுроХ்роХுроо்" роОрой்ро▒ роЪாрокроо் роХிроЯைрод்родродாроХ роТро░ு роХродைропிро▓ுроо் роЪொро▓்ро▓рок்рокроЯுроХிро▒родு.

7. роЪிро░ுро╖்роЯி рооுроЯிро╡ுро▒்ро▒родு:

  • роЪிро░ுро╖்роЯி роТро░ு родொроЯроХ்роХроХроЯ்роЯ роиிроХро┤்ро╡ு; роЕродрой் рокிрой்рокு роЕро╡роЪிропрооாройродு рокро░ாрооро░ிрок்рокுроо் роЕро┤ிрок்рокுроо் роЖроХுроо். рокро░ாрооро░ிрок்рокு рооро▒்ро▒ுроо் рооாро▒்ро▒роЩ்роХро│ுроХ்роХாроХ ро╡ிро╖்рогு рооро▒்ро▒ுроо் роЪிро╡ройை ро╡ро┤ிрокроЯுро╡родு роЪாрод்родிропроо் роЕродிроХроо்.

8. роЖро▓ропроЩ்роХро│் рооро▒்ро▒ுроо் ро╡ро┤ிрокாроЯ்роЯு рокро░ிрооாрогроо்:

  • рокிро░роо்рооாро╡ுроХ்роХாрой роЖро▓ропроЩ்роХро│் роЪிро▓ро╡ைропே роЗро░ுроХ்роХிрой்ро▒рой (роО.роХா. рокுро╖்роХро░் ро░ாроЬро╕்родாройிро▓் роЕрооைрои்род рокிро░роо்рооா роХோропிро▓்). роЗродройாро▓், ро╡ро┤ிрокாроЯ்роЯு рокாроЩ்роХுроо் роЕроЯிроХ்роХроЯி роироЯроХ்роХாродு.
  • роЪрооூродாропрод்родிрой் родேро╡ைроХро│ுроХ்роХேро▒்рок роЪிро╡рой் рооро▒்ро▒ுроо் ро╡ிро╖்рогுро╡ிрой் родேро╡ைроХро│் рооுроХ்роХிропрооாроХ рооாро▒ிропродு.

9. рокிро░роо்рооாро╡ை родாроЩ்роХுроо் рокிроо்рокроо் (Symbolism):

  • рокிро░роо்рооா роЕроЯிроХ்роХроЯி роЕро▒ிро╡ிрой் (Knowledge) рооро▒்ро▒ுроо் родро░்роород்родிрой் (Dharma) роЪிрой்ройрооாроХро╡ே рокாро░்роХ்роХрок்рокроЯுроХிро▒ாро░். роЕро╡ро░родு родுрогைро╡ிропாроХ роЪро░ро╕்ро╡родி роЕро╡ро░ிрой் рокроЩ்роХு рооுроХ்роХிропрооாройродாроХ роЙро│்ро│родு. роОройро╡ே, роиேро░роЯி ро╡ро┤ிрокாроЯ்роЯுроХ்роХுрок் рокродிро▓ாроХ роЕро▒ிро╡ு рооро▒்ро▒ுроо் роХро▓்ро╡ிропை роЕроЯைропுроо் ро╡ро┤ிроХро│ிро▓் роЕро╡ро░் ро╡ро┤ிрокроЯрок்рокроЯுроХிро▒ாро░்.

рооுроЯிро╡ு:

рокிро░роо்рооா роЕро░ிродாроХ ро╡рогроЩ்роХрок்рокроЯுро╡родро▒்роХாрой рооுроХ்роХிроп роХாро░рогроо் роЕро╡ро░ிрой் роЪெропро▓்рокாроЯுроХро│் роХுро▒ைрои்род роЕро│ро╡ிро▓் рокропрой்рокроЯுро╡родுроо், роЙро▓роХрод்родிрой் рокро░ாрооро░ிрок்рокு рооро▒்ро▒ுроо் роЕро┤ிрок்рокிро▓் роЕродிроХ роХро╡ройроо் роЪெро▓ுрод்родрок்рокроЯ்роЯродுрооே роЖроХுроо். роЕродேроЪрооропроо், роЕро╡ро░ிрой் рооுроХ்роХிропрод்родுро╡роо் рооро▒роХ்роХрок்рокроЯро╡ிро▓்ро▓ை; роХро▓்ро╡ி рооро▒்ро▒ுроо் роЕро▒ிро╡ுроХ்роХாрой родெроп்ро╡рооாроХ indirect роЖро╡родுроо் роТро░ு рооுроХ்роХிроп рокроЩ்роХாроХро╡ே роХாрогрок்рокроЯுроХிро▒родு.

Thursday, December 12, 2024

родроЮ்роЪாро╡ூро░ிро▓் рокாро░்роХ்роХ ро╡ேрог்роЯிроп рооுродро▓் 5 роЪுро▒்ро▒ுро▓ாрод் родро▓роЩ்роХро│ைроХ் роХрог்роЯро▒ிропро╡ுроо்

  родроЮ்роЪாро╡ூро░் родрооிро┤роХрод்родிро▓் рокро┤рооைропாрой роХро▓ாроЪ்роЪாро░роо், ро╡ро░ро▓ாро▒ு рооро▒்ро▒ுроо் роХро▓ைроЪ்роЪிро▒рок்рокுроХ்роХாроХрок் рокுроХро┤்рокெро▒்ро▒ роЗроЯрооாроХுроо். роЗроЩ்роХே родроЮ்роЪாро╡ூро░ிро▓் рокாро░்роХ்роХ ро╡ேрог்роЯிроп рооுродро▓் 5 рооுроХ்роХிропрооாрой роЪுро▒்ро▒ுро▓ாрод் родро▓роЩ்роХро│ை роХாрогро▓ாроо்:

1. рокிро░роХродீро╕்ро╡ро░ро░் роХோро╡ிро▓் (рокெро░ிроп роХோро╡ிро▓்)

  • роЙро▓роХ рокாро░роо்рокро░ிроп роЪிрой்ройрооாроХ роЕрооைрои்родுро│்ро│ роЗрои்род роХோро╡ிро▓், ро░ாроЬро░ாроЬ роЪோро┤ройாро▓் 11-роЖроо் роиூро▒்ро▒ாрог்роЯிро▓் роХроЯ்роЯрок்рокроЯ்роЯродு.
  • роЕродрой் рооிроХрок் рокெро░ிроп ро╡ிрокூродி роХோрокுро░роо், рооாрооро░роХ்роХро▓்ро▓ாро▓் роЪெроп்ропрок்рокроЯ்роЯ роирои்родி роЪிро▓ை, рооро▒்ро▒ுроо் роЪைро╡ роХро▓ைроЮро░்роХро│ிрой் роЪிро▒்рокроЩ்роХро│் рооுроХ்роХிропрооே.
  • ропுройெро╕்роХோро╡ிрой் роЙро▓роХ рокாро░роо்рокро░ிроп роЪிрой்ройрооாроХ роЙро│்ро│ роЗрои்род роХோро╡ிро▓், родрооிро┤ро░்роХро│ிрой் роХроЯ்роЯிроЯроХ்роХро▓ைропிрой் роЙрой்ройродрод்родை ро╡ெро│ிрок்рокроЯுрод்родுроХிро▒родு.

2. родроЮ்роЪை роЕро░рог்рооройை (родроЮ்роЪாро╡ூро░் роЕро░рог்рооройை)

  • роЗродு роиாропроХ்роХро░்роХро│ாро▓் роХроЯ்роЯрок்рокроЯ்роЯு, рооро░ாрод்родிроп роорой்ройро░்роХро│ாро▓் ро╡ிро░ிро╡ாроХ்роХроо் роЪெроп்ропрок்рокроЯ்роЯ ро╡ро░ро▓ாро▒்ро▒ுрок் рокெро░ுрооைропுроЯைроп роЕро░рог்рооройை.
  • роЕро░рог்рооройைропிро▓் роЕро░ிроп ро╡ро░ро▓ாро▒்ро▒ு рокொро░ுроЯ்роХро│், роУро╡ிропроЩ்роХро│் рооро▒்ро▒ுроо் родроЮ்роЪை родிро░ுроХ்роХро▓்ропாрогроо் роЖроХிропро╡ை роХாрогро▓ாроо்.
  • роЗроЩ்роХு роТро░ு роиூро▓роХрооுроо் роЗро░ுроХ்роХிро▒родு, роЕродிро▓் рокро┤рооைропாрой родрооிро┤் рооро▒்ро▒ுроо் роЪрооро╕்роХிро░ுродрок் рокுрод்родроХроЩ்роХро│் роЙро│்ро│рой.

3. роЕро░рог்рооройை роЕро░ுроЩ்роХாроЯ்роЪிропроХроо்

  • родроЮ்роЪை роЕро░рог்рооройைропிро▓் роЙро│்ро│ роЗрои்род роЕро░ுроЩ்роХாроЯ்роЪிропроХрод்родிро▓் родроЮ்роЪை рокொроо்рооைроХро│், рокро┤рооைропாрой роЖро╡рогроЩ்роХро│், рооро▒்ро▒ுроо் роЕро░ிроп роЪிро▒்рокроЩ்роХро│் роХாроЯ்роЪிроХ்роХு ро╡ைроХ்роХрок்рокроЯ்роЯுро│்ро│рой.
  • ро╡ро░ро▓ாро▒்ро▒ு роЖро░்ро╡ро▓ро░்роХро│ுроХ்роХு роЗродு рооுроХ்роХிропрооாрой роЗроЯрооாроХுроо்.

4. роЪро░ро╕்ро╡родி рооро╣ாро▓் роиூро▓роХроо்

  • ро░ாроЬா роЪро░роГрокோроЬி роЕро░роЪро░ாро▓் роиிро▒ுро╡рок்рокроЯ்роЯ роЗрои்роиூро▓роХроо், роЗрои்родிропாро╡ிрой் рокро┤рооைропாрой роиூро▓роХроЩ்роХро│ிро▓் роТрой்ро▒ாроХுроо்.
  • родрооிро┤், родெро▓ுроЩ்роХு, рооро░ாрод்родி, рооро▒்ро▒ுроо் рокிро░ிрод்родாройிроп роЖро╡рогроЩ்роХро│ைроХ் роХொрог்роЯுро│்ро│родு.
  • ро╡ро░ро▓ாро▒்ро▒ு роЖро░ாроп்роЪ்роЪி рооро▒்ро▒ுроо் родроЮ்роЪை роХро▓ாроЪ்роЪாро░роо் рокро▒்ро▒ிроп роЖроп்ро╡ாро│ро░்роХро│ுроХ்роХு роЗродு роЪெро▓்ро╡рооாроХுроо்.

5. рооро░ாрод்родிроп родро░்рокாро░் ро╣ாро▓்

  • рооро░ாрод்родிроп роЕро░роЪро░்роХро│ிрой் роХро▓ாроЪ்роЪாро░род்родைропுроо் роЕро░роЪிропро▓் ро╡ாро┤்ро╡ைропுроо் рокிро░родிрокро▓ிроХ்роХுроо் роЗроЯрооாроХ роЗродு ро╡ிро│роЩ்роХுроХிро▒родு.
  • роЗрои்род роЗроЯрод்родிро▓் роЕрок்рокோродு роироЯைрокெро▒்ро▒ рооுроХ்роХிропрооாрой роиிроХро┤்ро╡ுроХро│் рооро▒்ро▒ுроо் рооро░ாрод்родிроп роХро▓ைроХро│ைрок் рокро▒்ро▒ிроп роХுро▒ிрок்рокுроХро│் роЙро│்ро│рой.

роЗрои்род роЗроЯроЩ்роХро│் родроЮ்роЪாро╡ூро░ிрой் ро╡ро░ро▓ாро▒்ро▒ைропுроо் роХро▓ாроЪ்роЪாро░ роЪெро┤ிрок்рокைропுроо் рокிро░родிрокро▓ிроХ்роХிрой்ро▒рой. роЗро╡ை роЪுро▒்ро▒ுро▓ா рокропрогிроХро│் рооро▒்ро▒ுроо் ро╡ро░ро▓ாро▒்ро▒ு роЖро░்ро╡ро▓ро░்роХро│ுроХ்роХு роХрог்роЯிрок்рокாроХ роиேро░роЯிропாроХ роЕройுрокро╡ிроХ்роХ ро╡ேрог்роЯிропро╡ை.

Wednesday, December 4, 2024

How To Add A Stunning Image Slider in Your Blogger

 /*CSS Code */ 

<style>

@keyframes fadeInUp {

  from {

    opacity: 0;

    transform: translateY(20px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}

 

.slider-container {

  width: 100%;

  max-width: 800px;

  height: 400px;

  margin: 0 auto;

  border-radius: 12px;

  overflow: hidden;

  position: relative;

  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);

}

 

.slide img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

 

.slider {

  display: flex;

  height: 100%;

  transition: transform 0.5s ease-in-out;

}

 

.slide {

  min-width: 100%;

  height: 100%;

  position: relative;

}

 

.slide::after {

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  width: 100%;

  height: 50%;

  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));

}

 

.slide-content {

  position: absolute;

  bottom: 40px;

  left: 40px;

  color: #fff;

  z-index: 2;

  font-family: "Inter", sans-serif;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

}

 .slide-title {

  font-size: 32px;

  margin: 0;

  font-weight: 600;

  opacity: 0;

  animation: fadeInUp 0.8s ease-out forwards;

  animation-delay: 0.3s;

}

 .slide-description {

  font-size: 18px;

  margin: 8px 0;

  opacity: 0;

  animation: fadeInUp 0.8s ease-out forwards;

  animation-delay: 0.5s;

}

 .slider-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 2;

  width: 48px;

  height: 48px;

  background: rgba(255, 255, 255, 0.2);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: background 0.3s ease;

  cursor: pointer;

}

 

.slider-arrow:hover {

  background: rgba(255, 255, 255, 0.3);

}

 

.slider-arrow svg {

  width: 30px;

  color: #fff;

  display: flex;

}

 

.prev {

  left: 20px;

}

 

.next {

  right: 20px;

}

 

/* Navigation dots */

 

.slider-nav {

  position: absolute;

  bottom: 20px;

  left: 50%;

  transform: translateX(-50%);

  display: flex;

  gap: 8px;

  z-index: 2;

}

 

.nav-dot {

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.5);

  cursor: pointer;

  transition: all 0.3s ease;

}

 

.nav-dot.active {

  background: #fff;

  transform: scale(1.2);

}

</style>

  

/*HTML Code*/

  <div class="slider-container">

      <div class="slider">

        <div class="slide active">

          <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiukoqOYHiSy8-2-QiaH4QU8N6wgtY_zUFHXF__-ki5fZxClWQxUKoNz-mcgC5v7Oy2ArH4NI2363t_8mdkgbyQ2us5LCRsZnWa3VGUArq7UcXXIFeiqd0mm-n1S6QCrZgc7Y1IPOQNFVploBzYq8CrtfGjAQF7zBGdpF_AAkiDFWmIRNNuofnN0_v2qjrz/s1600/pexels-plann-2999237-4549414.jpg" alt="" />

          <div class="slide-content">

            <h2 class="slide-title">APR Goat Farm & Cattle Feed</h2>

            <p class="slide-description">

              Please reach our us for more details - 8489257126.

            </p>

          </div>

        </div>

 

        <div class="slide">

          <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTAaADFpm5cZDGs1sZtESnfxdC5qHsflhcKZllPJlm2_UuQs0ZbIZLv8uemYAAIY6WONbfIlK7y-4Hc7rItbOgTmynPPJPgR_LeTjgH7D2iHaBe1jQ6l1ecb3fokEb0HL7NeNIY3gfemmUOuUZGDuWbhK9Obuay8uq2u5zMqNcwMBbSo015u6TdXVbChYE/s1600/WhatsApp%20Image%202024-11-16%20at%202.20.01%20PM.jpeg" alt="" />

          <div class="slide-content">

            <h2 class="slide-title">Salem Black Goat</h2>

            <p class="slide-description">Please reach our us for more details - 8489257126</p>

          </div>

        </div>

 

        <div class="slide">

          <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_h2uUnwnDUZwKvxtbOBqlFytV2d9-zN1RuS8DxbpLb6RghOJt0e47DPFxRK5z-FnoS7bcDleL-9xW6Tc4dkhFpfgth7_EYdIAxYIkGghxIOqwaaHkBOFgTU5twDB2gMpQ2kH4JFLvx5Mdp_zGodCiyTyezMjyFlxLglqL0xVR-0QLNVECrTl2Vx3VfD3y/s1600/pexels-pixabay-416179.jpg" alt="" />

          <div class="slide-content">

            <h2 class="slide-title">Mechari Semmari</h2>

            <p class="slide-description">

              Please reach our us for more details - 8489257126

            </p>

          </div>

        </div>

 

        <div class="slide">

          <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtN24UAU-eRDnjxCv9yIbQRUrBdwAlp7McyXV10yP4HHbsXMCUEfaRXN9sBzBwgCriEWk9OB1WnGRWDfxFHZsN547UXrSInFEDf7bKJX5V1FdfTU_7g1eMIl00mAEOKRy0mFV1Ss_IEsLATpOUhN-JVTTm_pTgaqTfwX6Csfr511TdXE7ZK7CCkpBWlepC/s1600/hand.jpg" alt="" />

          <div class="slide-content">

            <h2 class="slide-title">Thalacheri + boyar</h2>

            <p class="slide-description">Please reach our us for more details - 8489257126</p>

          </div>

        </div>

      </div>

 

      <div class="slider-nav"></div>

 

      <div class="slider-arrow prev">

        <span class="arrow-icon">

          <svg

            xmlns="http://www.w3.org/2000/svg"

            fill="none"

            viewBox="0 0 24 24"

            stroke-width="1.5"

            stroke="currentColor"

            class="size-6"

          >

            <path

              stroke-linecap="round"

              stroke-linejoin="round"

              d="M15.75 19.5 8.25 12l7.5-7.5"

            />

          </svg>

        </span>

      </div>

 

      <div class="slider-arrow next">

        <span class="arrow-icon">

          <svg

            xmlns="http://www.w3.org/2000/svg"

            fill="none"

            viewBox="0 0 24 24"

            stroke-width="1.5"

            stroke="currentColor"

            class="size-6"

          >

            <path

              stroke-linecap="round"

              stroke-linejoin="round"

              d="m8.25 4.5 7.5 7.5-7.5 7.5"

            />

          </svg>

        </span>

      </div>

    </div>

  

/*Java Script */ 

  <Script>

const slides = document.querySelectorAll(".slide");

const sliderNav = document.querySelector(".slider-nav");

const slider = document.querySelector(".slider");

const prevBtn = document.querySelector(".prev");

const nextBtn = document.querySelector(".next");

 

let currentSlide = 0;

let slideCount = slides.length;

let intervalId = null;

 

slides.forEach((_, index) => {

  const dot = document.createElement("div");

  dot.classList.add("nav-dot");

 

  if (index === 0) dot.classList.add("active");

 

  dot.addEventListener("click", () => {

    goToSlide(index);

  });

 

  sliderNav.appendChild(dot);

});

 

const dots = document.querySelectorAll(".nav-dot");

 

function updateDots() {

  dots.forEach((dot, index) => {

    dot.classList.toggle("active", index === currentSlide);

  });

}

 

function goToSlide(index) {

  currentSlide = (index + slideCount) % slideCount;

  slider.style.transform = `translateX(-${currentSlide * 100}%)`;

  resetAnimation(slides[currentSlide]);

  updateDots();

}

 

function resetAnimation(slide) {

  const content = slide.querySelector(".slide-content");

  if (content) {

    const clone = content.cloneNode(true);

    content.parentNode.replaceChild(clone, content);

  }

}

 

function startAutoAdvance() {

  if (!intervalId) {

    intervalId = setInterval(handleNextSlide, 5000);

  }

}

 

function stopAutoAdvance() {

  clearInterval(intervalId);

  intervalId = null;

}

 

startAutoAdvance();

 

slider.addEventListener("mouseenter", stopAutoAdvance);

slider.addEventListener("mouseleave", startAutoAdvance);

 

function handleNextSlide() {

  stopAutoAdvance();

  goToSlide(currentSlide + 1);

  startAutoAdvance();

}

 

function handlePrevSlide() {

  stopAutoAdvance();

  goToSlide(currentSlide - 1);

  startAutoAdvance();

}

 

prevBtn.addEventListener("click", handlePrevSlide);

nextBtn.addEventListener("click", handleNextSlide);  

  

 </Script>

Tuesday, December 3, 2024

How to Secure Your Content – in Blogger

Securing Blog Posts in Blogger

 All the following codes go into the Layout section in your Blogger admin screen.

Create a new HTML/JavaScript Gadget and simply copy/paste the code blocks you want to use.

How to Disable Text Selection

Use this code block to disable text selection. When selection itself cannot happen, copying won’t be possible. Trying hitting Ctrl + C or Ctrl + V while browsing the blog and you’ll see the difference.

//disable Text Selection and Copying<script src='demo-to-prevent-copy-paste-on-blogger_files/googleapis.js'>

</script>

<script type='text/javascript'>

if (typeof document.onselectstart!="undefined" ) {

document.onselectstart=new Function ("return false" );

}

else {

document.onmousedown=new Function ("return false" );

document.onmouseup=new Function ("return true" );

}

</script>

Use this code block to disable right clicking option.

//disable right click menu
<script language=javascript>
function blockOne() {
if (document.all) {
return false;
}
}
function blockTwo(e) {
if (document.layers||(document.getElementById&&!document.all))
{
if (e.which==2||e.which==3) {
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.mousedown);
document.onmousedown=blockTwo;
}
else {
document.onmouseup=blockTwo;
document.oncontextmenu=blockOne;
}
document.oncontextmenu=new Function("return false");
</script>

How to Disable Viewing Page Source (Ctrl + U)

Use this code block in your Blogger blog gadget to disable the keyboard combination Ctrl + U, which is the keyboard shortcut to view page source. Although, this is an extra level security, there are ways to get around this which we’ll see later in this guide.

// disable viewing page source
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
document.onkeydown = function(e) {
if (e.ctrlKey &&
(e.keyCode === 67 ||
e.keyCode === 86 ||
e.keyCode === 85 ||
e.keyCode === 117)) {
alert('Content is protected\nYou cannot view the page source.');
return false;
} else {
return true;
}
};
$(document).keypress("u",function(e) {
if(e.ctrlKey)
{
return false;
}
else
{
return true;
}
});
</script>

How to Disable F12 Key – Dev Tools

Finally, use this code block if you want to disable the F12 key which lets the user to access Developer Tools in the Chrome Web browser. Not just that, when you use this code block, it also disables the Ctrl + Shift + I keyboard combination which is the same as pressing the F12 key to open Developer Tools.

//disable F12 Key and Ctrl + shift + I combination
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).keydown(function (event) {
if (event.keyCode == 123) { // Prevent F12
alert('Content is protected\nYou cannot view the Dev Tools.');
return false;
} else if (event.ctrlKey && event.shiftKey && event.keyCode == 73) { // Prevent Ctrl+Shift+I
alert('Content is protected\nYou cannot view the Dev Tools.');
return false;
}
});
</script>

All in One Code Block

Here is the ultimate code block that combines all the above four codes. This does all the following:

  • Disables right click context menu
  • Disables text selection, copying (Ctrl + C, V)
  • Disables viewing page source (Ctrl + U)
  • Disables viewing Developer Tools (F 12 and Ctrl + Shift + I key combinations)
//disable Text Selection and Copying
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src='demo-to-prevent-copy-paste-on-blogger_files/googleapis.js'>
</script>
<script type='text/javascript'>
if (typeof document.onselectstart!="undefined" ) {
document.onselectstart=new Function ("return false" );
}
else {
document.onmousedown=new Function ("return false" );
document.onmouseup=new Function ("return true" );
}
</script>
//==========================================================
//disable right click menu
<script>
function blockOne() {
if (document.all) {
return false;
}
}
function blockTwo(e) {
if (document.layers||(document.getElementById&&!document.all))
{
if (e.which==2||e.which==3) {
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.mousedown);
document.onmousedown=blockTwo;
}
else {
document.onmouseup=blockTwo;
document.oncontextmenu=blockOne;
}
document.oncontextmenu=new Function("return false");
</script>
//==============================================================
// disable viewing page source
<script>
document.onkeydown = function(e) {
if (e.ctrlKey &&
(e.keyCode === 67 ||
e.keyCode === 86 ||
e.keyCode === 85 ||
e.keyCode === 117)) {
alert('Content is protected\nYou cannot view the page source.');
return false;
} else {
return true;
}
};
$(document).keypress("u",function(e) {
if(e.ctrlKey)
{
return false;
}
else
{
return true;
}
});
//=============================================================
//disable F12 Key and Ctrl + shift + I combination
$(document).keydown(function (event) {
if (event.keyCode == 123) { // Prevent F12
alert('Content is protected\nYou cannot view the Dev Tools.');
return false;
} else if (event.ctrlKey && event.shiftKey && event.keyCode == 73) { // Prevent Ctrl+Shift+I
alert('Content is protected\nYou cannot view the Dev Tools.');
return false;
}
});
</script>

How to give coding at the end of the post in blog

  Add Code Automatically at End of Every Post (Template Edit) If you want a code block to appear in every post , do this: Go to Blogger ...