हेलो दोस्तो आज आप सबका फिर से एक बार Pareshyt में में हार्दिक स्वागत करता हूं। आज आप लोगों को मैं इस पोस्ट में बताने वाला हूं कि How to make one post scrollable on Blogger?
First way
When you put your Blogger blog posts in the submission box, you make your post appear in the selected space with the submission line. This way, your customers don't have to browse the page length, but instead, simply scroll through. This feature is especially useful if you have a large amount of content on your business site and want to save space. Use your account's "Edit HTML" feature to make changes to Cascading style pages - or CSS - that control your display of posts.
Step 1
Log in to your Blogger, click your blog and then click the "Template" link. Click the "Edit HTML" button, then click the "Continue" button to submit the HTML code to your blog.
Step 2
Press "Ctrl-F" simultaneously to activate your browser's search box. Type ".post" or ".post-outer" to highlight the CSS code that governs your blog's entries.
Step 3
Place your cursor inside the curved brackets and type "height: 200px;" and "overflow: scroll;" as follows:
posts {height: 200px; overflow: scroll; }
Higher value makes your post smaller from top to bottom, while overflowing "scroll" property ensures that navigation bars show when your post content exceeds the maximum value.
Step 4
Click the "Preview" button to see your post in the mailbox. If you are satisfied, click the "Save Template" button to publish your changes. Alternatively, set the value after the "height" installation to make it smaller or larger, depending on your preference.
While using a professionally designed website on your domain will create an excellent image, it is not uncommon for small businesses to communicate with their customers through blogs. One of the most popular free blogging services is Blogger. Blogger lets you customize the look of your blog using templates, but this is still limited to what you can do. If you choose to embed a scroll bar in your blog post with a unique look, you need to define it first in CSS (Cascading Style Sheet) and apply it in HTML.
1
Sign in to your Blogger account.
2
Click "Template" on the "Multiple Options" drop-down menu at the top of the screen.
3
Click the "Edit HTML" button, then click "Continue."
4
Type the following code snippets anywhere in the template body;
.scrollbox {height: 100px width: 400px overflow: auto; }
Change the values of "height" and "width" according to preference but always include the "overflow: auto" section, because this is what the navigation bar does.
5
Click "Save template" and then click the "Close" button.
6
Click the "Posts" link to the left of the screen, then click the "Edit" link at the bottom of the post you want to open in the submit bar.
7
Click the "HTML" button at the top of the page, then enter the following code in front of the text you want to add to the submission box you defined in the template;
8
Enter the following code at the end of the text you want to enter in the inbox;
9
Click the "Update" button at the top of the screen, then click "Publish."
Step 1
Log in to your Blogger, click your blog and then click the "Template" link. Click the "Edit HTML" button, then click the "Continue" button to submit the HTML code to your blog.
Step 2
Press "Ctrl-F" simultaneously to activate your browser's search box. Type ".post" or ".post-outer" to highlight the CSS code that governs your blog's entries.
Step 3
Place your cursor inside the curved brackets and type "height: 200px;" and "overflow: scroll;" as follows:
posts {height: 200px; overflow: scroll; }
Higher value makes your post smaller from top to bottom, while overflowing "scroll" property ensures that navigation bars show when your post content exceeds the maximum value.
Step 4
Click the "Preview" button to see your post in the mailbox. If you are satisfied, click the "Save Template" button to publish your changes. Alternatively, set the value after the "height" installation to make it smaller or larger, depending on your preference.
Second way
While using a professionally designed website on your domain will create an excellent image, it is not uncommon for small businesses to communicate with their customers through blogs. One of the most popular free blogging services is Blogger. Blogger lets you customize the look of your blog using templates, but this is still limited to what you can do. If you choose to embed a scroll bar in your blog post with a unique look, you need to define it first in CSS (Cascading Style Sheet) and apply it in HTML.
1
Sign in to your Blogger account.
2
Click "Template" on the "Multiple Options" drop-down menu at the top of the screen.
3
Click the "Edit HTML" button, then click "Continue."
4
Type the following code snippets anywhere in the template body;
.scrollbox {height: 100px width: 400px overflow: auto; }
Change the values of "height" and "width" according to preference but always include the "overflow: auto" section, because this is what the navigation bar does.
5
Click "Save template" and then click the "Close" button.
6
Click the "Posts" link to the left of the screen, then click the "Edit" link at the bottom of the post you want to open in the submit bar.
7
Click the "HTML" button at the top of the page, then enter the following code in front of the text you want to add to the submission box you defined in the template;
8
Enter the following code at the end of the text you want to enter in the inbox;
9
Click the "Update" button at the top of the screen, then click "Publish."
0 टिप्पणियाँ