Blog Me 3 Stylish Label Widget Kaise Add Kare

By: ViPiN KUMAR 'BAADSHAH' Comments

Hello Dear Friend’s

Blog me label kaise add kare label widget to aapke theme ke sath bhi aate hai agar chahe to layout secsion me jakar bhi add kar sakte hai lekin wo simple widget hote hai or wo dekhne me cute nahi lagte hai lekin is time ke visitor sirf usi site ko zada like or visite karte hai jo stylish ho to aaj aap apne blog ke widget enable nahi karke blog me extra code ke dwara site me label widget add karke label or blog ko stylish bana sakte hai and blog ka traffic bhi increase kar sakte hai.

Label ko categories ke name se bhi jana jata hai blogspot blog me label or wordpress blog me categories ke name se famous hai dono ka kaam ek hi hai blogger or wordpress par sirf name alag alag hai agar aap ye stylish label widget blog me add karte hai to aapke blog par loading speed par bhi koi effect nahi padta hai or first time ki tarah hi aapki site fast open hogi.

Label kya hai ?

New post yani ki blog me jaha aap new post likhte hai us secsion ke right sidebar me label ke name se ek option hota hai post likhne ke sath sath aap label bhi add kar sakte hai label ka work post ko arrange karna hota hai jaise aapne facebook, whatsapp, twitter,google plas addi par 20 post ki hai to label me social media name de sakte hai isse visitor ko label ke dwara pata chal jata hai ki is label me social media par post hai or aapko bhi find karne me aasani hoti hai

Also read

Blog Me WordPress Jaisa Comment Box Kaise Add Ya Use Kare In Hindi

Google Search Engine Se Unwanted Urls Kaise Remove Kare

Stylish 3 widget

Aaj me aapko 3 prakar ke stylish label widget ke bare me bataunga aapko jo bhi widget pasand ho usko apne blog me add kar label ka look stylish bana sakte hai ye stylish widget kon kon se hai aage pade.

Stylish widget – 1.

ye label widget bahut hi cute hai apne blog me add karke label ka look change kar sakte hai

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

.Label a {

-moz-border-bottom-colors: none;

-moz-border-left-colors: none;

-moz-border-right-colors: none;

-moz-border-top-colors: none;

background-color: #7FBF4D;

background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);

border-bottom-right-radius: 30px;

border-color: #63A62F #63A62F #5B992B;

border-image: none;

border-style: solid;

border-top-left-radius: 30px;

border-width: 1px;

box-shadow: 0px 1px 0px 0px #96CA6D inset;

color: #FFFFFF;

float: left;

font: 14px verdana;

height: 18px;

margin-bottom: 9px;

margin-left: 10px;

padding: 10px;

position: relative;

text-decoration: none;

transition: all 0.5s ease-in-out 0s;

}

.Label a:hover {

background: none repeat scroll 0% 0% orange;

border-radius: 0px 30px 0px 30px;

border: 1px solid orange;

text-shadow: 5px 5px 5px #DCDCDC;

}

.Label {

margin: 0px;

padding: 0px;

position: relative;

}

.Label li:hover {

transform: rotate(5deg);

}

.Label li {

float: left;

font-size: 116%;

list-style: none outside none;

transition: all 0.3s ease 0s;

}

ye code copy kare.

Blog Website Me Whatsapp Share Button Kaise Lagate Hai.

Stylish widget 2.

Ye widget bhi bahut lovely hai or aapko pasand aayege.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

.Label li {

        background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;

        border: 1px solid;

        border-radius: 6px 6px 6px 6px;

        float: left;

        font-size: 116%;

        list-style: none outside none;

        margin: 2px;

        padding: 4px;

        transition: all 0.3s ease 0s;

    }

.Label li:hover {

    transform: rotate(351deg) scale(1.7);

}

.Label a {

    color: #fff;

    text-decoration: none;

}

ye code copy kare.

Blog Me 2 Style Social Media Subscribe Widget Kaise Add Kare

Stylish widget 3.

Ye widget bhi stylish hai aap apne blog me add kar sakte hai

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

   .Label li:before {

        background-image: -moz-linear-gradient(center top , #1E5799 0%, #207CCA 100%);

        border-bottom: 1px solid #145091;

        border-left: 1px solid #145091;

        content: “”;

        height: 1.39em;

        left: -0.69em;

        position: absolute;

        top: 0.2em;

        transform: rotate(45deg);

        width: 1.3em;

        z-index: 1;

    }

    .Label li:after {

        background: none repeat scroll 0 0 #FFFFFF;

        border: 1px solid #3F6893;

        border-radius: 4.167em 4.167em 4.167em 4.167em;

        box-shadow: 0 1px 0 #B5D8FF;

        content: “”;

        height: 0.5em;

        left: -0.083em;

        position: absolute;

        top: 0.667em;

        width: 0.5em;

        z-index: 9999;

    }

    .Label li {

        background-image: -moz-linear-gradient(center top , #1E5799, #207CCA);

        border-bottom: 1px solid #145091;

        border-radius: 0 0.25em 0.25em 0;

        border-right: 1px solid #145091;

        border-top: 1px solid #145091;

        box-shadow: 0 1px 0 #CCE4FF inset, 0 1px 1px rgba(0, 0, 0, 0.1);

        color: #996633;

        float: left;

        font-family: ‘Helvetica Neue’,Helvetica,Arial,sans-serif;

        font-size: 0.75em;

        font-weight: bold;

        list-style: none outside none;

        margin: 0 0 7px 20px;

        padding: 0.417em 0.417em 0.417em 0.917em;

        position: relative;

        text-decoration: none;

        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

        z-index: 1;

    }

Ye code copy kare.

Blog Me Stylish Subscribe Box Widget Kaise Add Kare.

Blog me stylish label widget kaise add kare ?

Blog me stylish widget add karna bahut hi easy hai hamare dwara bataye step follow karke stylish label widget add kar sakte hai or teeno widget add karne ka method ek hi hai aapko jo widget pasand ho us k code ko copy kare or blog dashboard me login kare.

Step 1.

1. Theme: option par click kare.

2. Edit HTML: icon par click kare.

Step 2.

Edit html par click karte hi ab aapke samne theme ki coding hogi.

1. Ab jo aapke samne theme ki coding hai usme ]]></b:skin Find karna hai ya fir aisa kare theme code me kahi bhi click kare ab keyboard me ctrl + F Press kare press karte hi upar right side kone me ek search box open hoga usme ]]></skin  type kare or keyboard se enter button dabaye ]]></b:skin code high light ho jayega.

2. Ab aapne jo label widget code copy kiya hai wo ]]></b:skin ke upar paste kare apani help ke liye upar image dekh sakte hai.

3. Save them: Ab last me save theme par click karke code ko save kare.

Step 3.

1. Layout: Option par click kare.

2. Ab sidebar me Add a Gadget par click kare.

Step 4.

Add a Gadget par click karte hi ek pop up window open hogi.

1. Labels: Ab scroll down karke label par click kare.

Step 5.

label par click karte hi ek page open hoga.

1. Cloud: par tick mark kare

2. Save: par click karke page ko save kare.

3. Save arrangement: Ab finly save arrangement par click karke layout ko save kare.

Blog Sidebar Me Stylish Social Media Follow Buttons Kaise Add Kare

ummid karunga ki ab aapne apane blog me stylish label widget add kar liya hoga or agar fir bhi add karne me aapko koi problem aarahi ho to hamse suggestion le sakte hai agar aapko ye post helpful lage to social media par share kar sakte hai. thanks…..