How To Show Only Post Title On Homepage In Blogger

Show Only Title Of The Post On Homepage In Blogger

I will disclose to you in this instructional exercise how to demonstrate post title just in the Landing page in your blogger blog. this a basic code chips away at show titles just and isn’t a title and post together, where the title shows up on the landing page of the blog just by tapping on it diverts to the principle post, and to have the capacity to introduce this code in your blog, pursue these basic advances:

                          wordpress show only post title on homepage,show only post title in blogger homepage,how to show post title only on homepage in blogger,how to show post title only on homepage in wordpress,show only post title in wordpress,show only post title in blogger

Show only post title in blogger setting.

1. Login your Blogger.

2. Go To Dashboard > Template.

3. Download a copy of your template before proceeding next step.
4. Use Ctrl + F to find  tag and paste this code before it.




.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {color:#333333;}
.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}


5. Finally, click on Save Template.
Enjoy and happy blogging! 😉


Hope guys you like To Show Only Post Title On Homepage In Blogger. Thanks.

Best 5 Ways To Earn Money From Blogger

Earn Money From Blogger

We realize that a great many individuals are composing online journals on Blogger. A few people dependably think how to profit from their sites. Here I am will give a few hints to acquire cash from your web journals. 

earn money with blog,earn money with blogger in 12 minutes,earn money with blog wordpress,make money with blogspot,make money with blogger and adsense,make money with blog advertising,make money with blog sites,make money with blog without adsense,make money with blog 2018,make money with blogger 2017,earn money with blog traffic,make money with blog talk radio,earn money with a blog,make money with a blog website,make money with a blog for beginners,earn money adsense blog,make money blog adsense,can you earn money with a blog,ways to earn money with a blog,make money with beauty blog,make money with bitcoin blog,make money with business blog,earn money by blog,earn money bangla blog,make money with a book blog,make money with craft blog,make money with clickbank blog,make money blog commenting,make money with a coupon blog,earn money by creating blog,make money cooking blog,how can i earn money with blog,how can i earn money with my blog,make money diy blog,make money daily blog,how do i earn money with my blog,earn money with free blog,make money with food blog,make money with free blog,make money with fashion blog,make money with fitness blog,earn money from blog advertising,earn money from blog ads,make money with gaming blog,earn money google blog,make money blog google adsense,make money gardening blog,make money with health blog,how earn money with blog,earn money from home blog,make money free blog hosting,how to earn money with wordpress blog,how to earn money with your blog,how to earn money with food blog,how to earn money with fashion blog,how to earn money with tumblr blog,make money with instagram blog,earn money in blog,make money blog ideas,can i earn money with blogger,i earn money blog,can i make money with blogger,can i make money with blogspot,how do i make money with blogging,make money with a lifestyle blog,make money with weight loss blog,make money with my blog,make money with music blog,make money with a movie blog,make money mom blog,make money with private blog network,make money with a news blog,make money niche blog,make money with online blog,make money with your blog or website,earn money on blog,make money on blog without ads,make money off blog wordpress,how to earn money with blog,make money with blog posts,make money with personal blog,make money with photography blog,make money with poetry blog,make money with political blog,how to make money with blog pdf,earn money from programming blog,make money writing blog posts,make money with recipe blog,make money with book review blog,make money review blog,earn money with blogspot,make money with squarespace blog,make money with sports blog,earn money sinhala blogs,make money sewing blog,make money with tumblr blog,make money with tech blog,earn money through blog,make money blog theme,earning money thru blog,earn money from tech blog,make money teaching blog,earn money using blog,make money blog uk,make money with video blog,earn money via blog,earning money with blog writing,make money with wix blog,make money with weebly blog,make money writing blog articles,make money with your blog without adsense,make money online with your blog

The 5 Ways Are :

1. Acquire with Google Adsense 

Google Adsense is the most ideal approach to acquire cash from your websites. AdSense is a free, basic approach to acquire cash by showing focused on advertisements beside your online substance. With AdSense, you can demonstrate significant and drawing in promotions to your webpage guests and even tweak the look and feel of advertisements to coordinate your site. 

1. Win with AdVertiser 

You get paid for each guest that snaps on an advertisement, and an additional income if the snap transforms into transformation. BidVertiser objective is to empower you to make however much as could reasonably be expected from your publicizing space, by giving sponsors a chance to offer on your advertisement space. We pay month to month, either with check, wire or in a split second through PayPal with at least just $10 

1. Acquire with Chitika 

At Chitika, we just show promotions to clients when and where they need to see them. It’s one of numerous things that set us apart from the opposition, as: 

System of 350,000+ quality distributers 

Four billion deliberately focused on promotions served every month 

Access to top level promoting accomplices like Yippee!, SuperMedia and HomeAdvisor 

Exclusive focusing on and streamlining innovation that use the intensity of automatic purchasing to serve absolutely the correct promotion, at the ideal time. 

1. Gain with Infolinks 

Infolinks is an internet promoting stage which offers publicizing items for distributers, sponsors and brands. The organization’s items, including InFrame, InSearch, InTag and InText, were intended to defeat flag blindness.Infolinks works in a way with the goal that perspectives and snaps tally towards your profit. At the point when guests draw in with your Infolinks promotions, you gain. Infolinks offers an assortment of promotion answers for adapt sites all things considered. Every item is supported by In³, the Infolinks stage, which conveys significant and great advertisements. The special advertisement arrangement and augmented significance engages Infolinks to beat the normal obstruction of pennant visual deficiency which was resulting from regular promotion position and insignificant informing. It is totally free and easy to execute Infolinks promotions onto sites and web journals. 

1. Acquire with your digital book 

Compose your digital book on a point and offer them on your blog.


Hope you guys like this information about Best 5 Ways To Earn Money From Blogger.
Thanks

Setup Fast And Stylish Serach Box in Your Blogger

Add Fast And Stylish Serach Box in Your Blogger

how to add search box in blogger,how to add search box in blogger header,how to create search box in blogger,how to add search box in blog,how to add google custom search box in blogger,how to add search box in wordpress blog,how to add fast search box in blogger,how to add stylish search box in blogger,add fast loading search box in blogger,add stylish search box in blogger


Here You can setup a new beautiful and responsive CSS search box in your website or blogger. It is quick and effortlessly stack on blogsite of Blogger. It is extremely responsive and powerful. It is well compaitable with all programs and all Blogger formats . You can setup this pursuit box at wherever of your lowland page.

How to setup this Responsive Search box ?

1. Tap on Dashboard of your blogger.

2. Tap on Layout option.

3. Tap on Add A Gadget button.

4. Tap on HTML/JAVASCRIPT option.


5. Paste this below code in HTML/JAVASCRIPT box..


#searchbox {
width: 240px;
}
#searchbox input {
    outline: none;
}
input:focus::-webkit-input-placeholder {
    color: transparent;
}
input:focus:-moz-placeholder {
    color: transparent;
}
input:focus::-moz-placeholder {
    color: transparent;
}
#searchbox input[type=”text”] {
    background: url(http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 13px #f2f2f2;
border: 2px solid #f2f2f2;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #6A6F75;
    width: 160px;
    padding: 14px 17px 12px 30px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    text-shadow: 0 2px 3px #fff;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
#searchbox input[type=”text”]:focus {
background: #f7f7f7;
border: 2px solid #f7f7f7;
width: 200px;
padding-left: 10px;
}

#button-submit{
background: url(http://4.bp.blogspot.com/-slkXXLUcxqg/VEQI-sJKfZI/AAAAAAAAAlA/9UtEyStfDHw/s1600/slider-arrow-right.png) no-repeat;
margin-left: -40px;
border-width: 0px;
width: 43px;
height: 45px;
}





6. Save it.
7. Done.

Hope yoo guys like Setup Fast And Stylish Serach Box in Your Blogger.

Thanks

Setup Simple Recent Post Widget In Your Blogger

Set Simple Recent Post Widget In Your Blogger

In the event that you need to set a Basic Late Post Gadget on your Blogger or Blogspot site then here is a code for you that causes you to set this Ongoing Post Gadget on your site. 

Means Here is straightforward late Blogger post gadget code and content for your Blogger blog webpage. 

how to add recent post in blogger,how to add recent post with thumbnail in blogger,how to add recent post slider to blogger,how to add post in blogger pages,how to add post in blogger,how to add related post in blogger,how to add featured post in blogger,how to add guest post in blogger,how to add post slider in blogger,how to add post template in blogger,how to add blog post in joomla,how to add blog post in magento,how to add blog post in shopify,how to add blog post in wordpress,how to add blog post in weebly,how to add blog post in wordpress page,how to add blog post in wix



Pursue these means to setup your Ongoing Post Gadget for Blogger: 

1. Sign on www.blogger.com 

2. Tap on Layout option.

3. Tap on Add A Gadget under the Blog posts.

4. Select HTML/JAVASCRIPT option.

5. Paste this below code in HTML/JAVASCRIPT box.

http://helplogger.googlecode.com/svn/trunk/helplogger/recentposts2.js

var posts_no = 5;
var showpoststhumbs = false;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;

/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs
Recent Posts Widget
Your browser does not support JavaScript!


img.recent-post-thumb {padding: 2px; width:35px;height:35px;float:right;margin: -14px 0px 0px 5px; border: 1px solid #cea5ac; border-radius: 10%;}
.recent-posts-container {font-family: ‘Oswald’, sans-serif;  float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container li {padding:5px 0px;min-height:65px; list-style-type: none; margin: 0px 10px 5px 35px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none;}
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 5px; font-size: 16px;color: #4D4D4D;background: #F7F7F7;padding: 9px 14px; border: 1px solid #efefef;}
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover{color: #4DACE3;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 13px; text-transform: uppercase; color: #5C4D4D;}
.recent-post-title { margin: 5px 0px; }
.recent-posts-details {border-top: 4px solid #AC707A; margin-top: 5px; padding-top: 5px;}
.recent-posts-details a{ color: #888;}
a.readmorelink {color: #4DACE3;}

6. Tap on Save.

7. Done.


Hope guys you like This Simple Recent Post Widget In Your Blogger.
Thanks

Setup Stylish Recent Post Widget in Blogger

Add Stylish Recent Post Widget in Blogger

Recent Posts for Blogger, how to add recent post in blogger,how to add recent post with thumbnail in blogger,how to add recent post slider to blogger,how to add post in blogger pages,how to add post in blogger,how to add related post in blogger,how to add featured post in blogger,how to add guest post in blogger,how to add post slider in blogger,how to add post template in blogger,how to add blog post in joomla,how to add blog post in magento,how to add blog post in shopify,how to add blog post in wordpress,how to add blog post in weebly,how to add blog post in wordpress page,how to add blog post in wix
In the event that you need to set smart and cool Recent Post Gadget on your Blogger or Blogspot site then here is a code for you that encourages you to set this Ongoing Post Gadget on your site. 

Means Here is Cool Ongoing Blogger post gadget code and content for your Blogger blog website. 

Pursue these steps to setup your A la mode Recent Post Gadget For Blogger:

1. Sign on www.blogger.com.

2. Tap on Layout.

3. Tap on Add A Gadget under the Blog Posts.

4. Select HTML/JAVASCRIPT option.

5. Paste this below code into HTML/JAVASCRIPT box.


http://mybloggerlab.com/Scripts/json.js

var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;
 <script type="text/javascript"
 src=”https://bloggerandcomputertips.blogspot.com.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs”>

 


6. Tap on Save button.

7. Done. 


Hope guys you like To Setup Stylish Recent Post Widget in Blogger.
Thanks

How To Enable Google Adsense in Blogger and Earn money

Enable Google Adsense in Blogger and Earn money

You can profit with your blog by creating AdSense. AdSense is Google’s substance focused on publicizing program. On the off chance that you utilize AdSense, pertinent advertisements will naturally be demonstrated dependent on what your posts are about. For instance, in the event that you blog about baseball, you may see promotions for “Significant Class Baseball memorabilia” by your post. 

To enable Google Adsense follow these steps:

1. Tap on the Earning tab starting from the drop menu on your dashboard. 
how to enable google adsense on blogger,enable google adsense in blogger,how to enable google adsense on blog,enable google adsense in blog,how to set google adsense on blogger,enable set adsense in blogger,how to enable google adsense in website,enable google adsense in website,how to enable adsense account on blogger,enable google adsense account in blogger

You’ll at that point see the AdSense diagram page. In the event that you haven’t agreed to accept AdSense yet, click on Sign Up for AdSense.

\

3. Select whether you’d like AdSense on the Google Account you’re on to, or on the other Google Adsense Account.

4. Finish the application shape, audit the data you’ve given, and after that consent to terms and conditions.


NOTE: Ads won’t show up on your blog until the point that your application has been endorsed. When you get affirmation that your application was endorsed, you can control the manners in which the advertisements appear on your blog through the settings on the Income tab at whenever. It’s dependent upon you regardless of whether to indicate promotions, and where on your blog to show those advertisements (sidebar and posts, just sidebar, or just posts) in case you’re utilizing Customary formats. Dynamic Perspectives clients can skirt this progression, as we’ve just streamlined advertisement position for Dynamic Perspectives layouts. 

To take in more about adapting your blog, look at About the Blogger “Earning” tab or About AdSense for your blog. 

Hope you guys like The way To Enable Google Adsense in Blogger and Earn money.
Thanks

Make Your Blogger Fast Loading On Search Engines

Make Your Blogger Fast Loading On Search Engines

The speed at which your blog loads is basic to drawing in more perusers to your blog. In the event that your blog sets aside a long opportunity to stack, numerous perusers may leave your blog before they have the opportunity to peruse it. Here are a couple of tips and traps that will enable your blog to stack quicker and draw in more clients: 

Setup your Blogger for quick stacking on program 

Your blog’s heap time can be influenced by the quantity of posts you show on your principle page. You can without much of a stretch alter the quantity of posts showed of the principle page from the Design tab. Snap Alter in the Blog entry segment to change the quantity of presents you need in plain view on the primary page. We prescribe showing 10 or less posts on the principle page. 

Outsider JavaScript and Connections 

how to make blogger load faster,how to make fast loading blogger,how to make your blogger fast loading,make your blogger fast loading,how to make website load faster,how to make fast loading website,how to make your website fast loading,make your website fast loading

For ideal blog stack speed, we prescribe utilizing Google/Blogger gadgets, JavaScript and connections. Be that as it may, on the off chance that you have to utilize outsider JavaScript and connections, your blog will stack significantly quicker on the off chance that you put all JavaScript at the base of your blog. In the event that you have outsider JavaScript and connections in your sidebar, place them in at the base of the sidebar. 

Transfer and utilize just reduced photographs and recordings for quick stacking 

The more pictures, recordings and other multi-media you have on your blog the more it will take to stack. Be that as it may, pictures and other sight and sound are essential to pulling in clients to your blog, so it is critical to advance the heap speed of your pictures and media. Here are a couple of tips to expand the heap speed of your media: 

Abatement the measure of your pictures or utilize thumbnails that connect to the full-estimate picture. 

In the event that you utilize outsider pictures, consider transferring them to Picasa Web Collections through the Blogger post editorial manager. 

On the off chance that you have countless to show, you can transfer every one of your pictures (from an excursion or occasion) to a Picasa Web Collection and connection to the collection in your post or sidebar. 

Different proposals 

On the off chance that you’ve added any custom CSS to your blog, ensure you put it at the highest point of the page. 



The most critical substance of your blog that gets perusers consideration should stack the snappiest. To enable you to distinguish which things are taking the longest to stack you can utilize Stopwatch. To utilize Stopwatch, enter your blog’s URL into the content box and snap “Begin StopWatch”. Stopwatch will then open your blog in a casing and will record the time it takes for everything on your blog to stack, including pictures, recordings, gadgets, and so on. Observe the things that take the longest to stack and alter them suitably utilizing our recommendations.


Hope You Guys Like To Make Your Blogger Fast Loading On Search Engines.
Thanks.

Add Stylish Horizontal CSS Menu in your Blogger

Add Stylish Horizontal CSS Menu in your Blogger

how to add menus in blogger,how to add submenus in blogger,how to add menu bar in blogger,how to add menu tabs in blogger,how to add navigation menu in blogger,how to add page menu in blogger,how to add drop down menu in blogger,how to add menus in wordpress blog,how to add a menu bar in blogger,how to add drop down menu in blogspot,how to add menu and sub menu in blogger,how to add menu on blogger,how to add menu bar on blogger,how to add menu on blogspot,how to add drop down menu on blogger,how to add menus on wordpress blog,how to add menu in blogger template,how to add menu bar to blogger,how to add menus to wordpress blog,how to add menus to my wordpress blog,how to add menu item to wordpress blog,how to add menu bar to wordpress blog,how to add menu bar to your blog

On the off chance that you need to set upscale and cool CSS menubar on your Blogger or Blogspot site then here is a code for you that causes you to set this menubar on your site. 

Just you need to pursue few stages to setup this stylish CSS menu bar.

1. Open your www.blogger.com and login with your email and secret key. 

2. After opening your blogger Click on Layout menu.

3. Simply tap on Add A Gadget option in Blog Posts.

4. Click on HTML/JAVASCRIPT.

5. Put This Below code in HTML/JAVASCRIPT box.


Hope Guys you like To Add Stylish Horizontal CSS Menu in your Blogger.In the event that you have any issue related with CSS menubar please compose remark.

Setup Stylish Black Dropdown Menu In Your Blog / Website

Setup Stylish Black Dropdown Menu In Your Blogger

Hi website specialist and engineers, here I am sharing an attractive menu bar for your site, Blogger and WordPress. To setup this menu-bar, you need to just pursue these means. You can without much of a stretch setup this drop-down menu bar in couple of minutes. This menu-bar is responsive and Web optimization amicable.

how to add menus in blogger,how to add submenus in blogger,how to add menu bar in blogger,how to add menu tabs in blogger,how to add navigation menu in blogger,how to add page menu in blogger,how to add drop down menu in blogger,how to add menus in wordpress blog,how to add a menu bar in blogger,how to add drop down menu in blogspot,how to add menu and sub menu in blogger,how to add menu on blogger,how to add menu bar on blogger,how to add menu on blogspot,how to add drop down menu on blogger,how to add menus on wordpress blog,how to add menu in blogger template,how to add menu bar to blogger,how to add menus to wordpress blog,how to add menus to my wordpress blog,how to add menu item to wordpress blog,how to add menu bar to wordpress blog,how to add menu bar to your blog

Step To Setup This Menu bar in Your Blogger/Website

1: Open your website or blog HTML editor.
2: Find tag by using Ctrl+F key.
3: Paste below code after tag.

<link href="YOUR BLOG URL/cssmenu/stylishblack/styles.css” rel=”stylesheet”/>
4: Save your website or blogger template.
5: Replace the yellow coloured #  with your label or page links.

      

  • <a href='#‘>Home
  •   

  • <a href='#‘>Products
  •      

              

    • <a href='#‘>Product 1
    •            

                      

      • <a href='#‘>Sub Product
      •               

      • <a href='#‘>Sub Product
      •            

                

                

      • <a href='#‘>Product 2
      •            

                        

        • <a href='#‘>Sub Product
        •               

        • <a href='#‘>Sub Product
        •            

                  

               

            

            

        • <a href='#‘>About
        •   

        • <a href='#‘>Contact

        • 6: Now Open your blog and see the effect.

          Hope Guys You Like To Setup Stylish Black Dropdown Menu In Your Blog / Website
          Thanks