Using the :before and :after Pseudo Elements on Sidebar Titles

This is a method that uses the : after և : before հատկ properties to work smoothly in any browser, including IE8. This trick splits the address bar from the left half to the right, with the explanatory title on the left and the appropriate links on the right.

The idea of ​​creating arrowheads like Adobe using CSS tricks was discussed and adapted to bloggers.

How to add titles like Adobe to Blogger

The first step . Go to Blogger Dashboard > Go to Form > Edit HTML and click anywhere in the code area to search for the following tags using CTRL + F:

Step 2. Copy և Paste this code above.

Step 3. Save the form.

Screenshot:

Step 4. Now go to Layout և Add a new HTML/JavaScript widget with one of the following codes for each widget title:

blue background.

The address in the URL link «> blue

yellow background .

The address in the link url is "> yellow

green background.

The address in the link URL is "> green

red background.

The address in the link url is "> red

nb . Change the “ Internal Address ” text to the right of the widget's blue , yellow , green , and red text, then add the link URL .
Step 5. After saving the HTML/Javascript widgets using the code above , drag and drop them over the widgets you want to display...

exhibition

In this show blog you can see how the bar titles have been replaced with some interesting headlines.