Friday, May 31, 2019

Tips on Google Blogger



Sites to read
https://masterblogging.com/

https://problogger.com/move-blogging-site-https/
https://webmasters.googleblog.com/2014/08/https-as-ranking-signal.html

https://www.sangfroidwebdesign.com/search-engine-optimization-seo/google-https-ranking/
Google introduced SSL as a weak ranking signal way back in 2014. At the time, Google hinted that over time, they might decide to strengthen it as a signal because they wanted to encourage all website owners to switch from HTTP to HTTPS.


https://www.mybloggerlab.com/2015/07/19-useful-keyboard-shortcuts-for-blogger-post-editor.html
Crl + U It will underline the selected text. First select the specific text and then use this shortcut.
Crl + K It will insert hyperlink to selected text. First select the text and then insert the link into
Ctrl+Shift+V It will paste the copied item without formatting.


https://www.quora.com/How-do-I-increase-the-width-of-my-Blogger-Post-on-Blogger-com
<style>
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:98%!important;} .post { width:98%!important; }
</style>
https://www.askwillonline.com/2011/01/how-to-change-width-of-blogger-blogger.html
Now, here the header-wrapper is the header
the outer-wrapper is the main section of your blog
the main-wrapper is the post section of your blog
the side-wrapper is the sidebar
and the footer is the footer 

How to Hide or Remove Subscribe to: Posts (Atom) from Blogger
https://www.technologyhint.com/post-comments-atom/
.feed-links {display:none !important;}


Display Recent Posts With Featured Thumbnails in Blogger
https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html

http://techhere4u.blogspot.com/2015/10/extracting-data-from-blogger-json-feeds.html
http://www.mybloggertricks.com/feeds/comments/default?alt=json
By using a "json-in-script" parameter, blogger encloses the JSON code inside the following JavaScript Function:

gdata.io.handleScriptLoaded( );

All the JSON code is automatically inserted inside this function as shown below:

gdata.io.handleScriptLoaded(JSON-Code-Here);

The callback function is the sole of your JSON feeds retrieval process. This is where you request the browser what data to fetch from the server. All programming logic is written inside this JavaScript function.

3. Running a simple Search query
http://www.mybloggertricks.com/search?q=mohammad 
5. Sort Search Results  by Date
http://www.mybloggertricks.com/search?q=facebook&by-date=true

6. Sort Search Results by Relevance
&by-date=false

7. Set Search Count
&max-results=50

https://forums.digitalpoint.com/threads/how-to-show-partial-post-on-blogger-home.972901/
http://blogaholicdesigns.com/tutorials/how-to-add-post-excerpts-on-blogger/
And now that you know how to create post excerpts you can easily add the page breaks for your excerpts while you are writing your posts!
Add jumpl break.
https://support.google.com/blogger/answer/154172?hl=en&visit_id=636976000454748450-3484624752&rd=1


  1. In the composer box, place your cursor where you want to put the "Read More" link.
  2. Click Insert jump break.
https://georgialoustudios.com/how-to-pick-the-best-sidebar-widgets-for-your-blog/

Increase Page Views per Session (Encourage Readers to read more)
Search widget
Category widget
Archive widget
Tag Cloud widget
Popular Post widget
Recent Posts widget
Featured Post widget

https://www.sarwrites.com/2015/09/create-archive-listpage-for-blogger.html

Create an Archive List/Page for Blogger


Add meta tags to your title, URL, and description

If you use the Yoast SEO plugin for WordPress, you’ll get prompted to complete these three fields:
  1. Title – Try to put your keyword at the beginning of your title, if possible.
  2. URL – Use short URLs that include your keyword
  3. Description – Write curiosity-inducing meta descriptions that suck people in

Include keywords on your page

Try and include your target keywords in some of the following places:
  • URL
  • Page Title
  • Main Heading (H1)
  • First paragraph of the page
  • Page subheadings (H2/H3 etc.)

Use an email signature


Include a link to your latest blog post in your email signature. It’s a simple and subtle way to promote your content. And you never know which recipient might click and read. Try WiseStamp for a professional email signature with links to your social profiles and latest blog post:



Vary the message in your social media posts to suit each network. For example, tools like Blog2Social and Sendible allow you to tailor your posts per network by using a long or short message, adding relevant hashtags or mentions, and selecting a portrait or landscape image.
Sendible also offers content recycling so you can continue to promote your content on a regular basis, as well as a social inbox so you can manage replies and engage with your audience.

Reciprocal sharing sites

These next social sites all work by reciprocal sharing. You earn ‘credits’ for sharing other people’s content, which then allows you to post your content and get it shared by others.
  • Triberr is a powerful way to promote your blog. Each of your blog posts will be imported automatically (via RSS), but you can edit the import if you wish. For example, you can add your featured blog post image to make your post stand out in the stream. Remember to get engaged with your tribemates and share their content.
  • Viral Content Bee lets bloggers promote their content on Twitter, Facebook, and Pinterest. When you’ve earned enough credits by sharing other people’s content, you can add your post to get it promoted. For best results, connect with and share content from your niche.

Popular social bookmarking sites

Social bookmarking sites allow users to post their favorite stories, images, and videos, and use tags to organize them. Other users can take these ‘bookmarks’ and add them to their own collection or share them with even more users. Most of these sites also have a voting system so members can ‘upvote’ their favorite posts, which rise to the top and gain more exposure.
  • Reddit was never intended to be a directory of links like other bookmarking sites. It consists of smaller interest-based communities called subreddits. Some subreddits don’t allow you to share links, in which case you’ll have to write original content for your community.
  • Flipboard is more of a social magazine-style app than a traditional bookmarking site. But you can also create your own magazines by selecting “flip it” to republish posts and share with your followers.
  • Digg is one of the top bookmarking sites. If your blog post is shared and upvoted onto the home page, then you can expect plenty of traffic.

22. Connect to emotion.

When the New York Times researched why people were sharing content, the results were clear: It's an emotional task. People share because they feel something for the content they're sharing, which makes total sense, right?
  • 84% share content to support a cause.
  • 78% share content to maintain relationships they may not otherwise have the chance to keep up with.
  • 69% share content to feel involved and connected in the world.
  • 68% share content to define themselves and what they stand for and care about.
  • 49% share content to inform others of what they care about and to sway opinions—a form of entertainment.

Since LinkedIn is generally a professional's social network, it makes sense that it's busiest during weekdays at break times and right before and after work.

  • Tuesdays at 10–11 a.m.
  • Tuesday–Thursday at 7:30–8:30 a.m., noon, and 5–6 p.m.


106. Turn your blog posts into an ebook.


If you have multiple blog posts on a related topic, you can easily combine them into one in-depth ebook. You can then use that ebook as a backlink magnet, gate it as a content upgrade to build your email list, or give it away simply to establish yourself as a topical authority. You can even sell your ebook on Amazon's Kindle store.


15. Include your blog link in your social media profiles.

If 100 is a scary number for you, consider this social media engagement and make a point to not just blast your content, but share it in context and participate in the ensuing conversation.

The more immediate retweets, likes, and general shares you get, the more credibility the post receives, so kickstarting your shares right when you publish is a great way to encourage even more shares.
Some of your audience may follow you on your various social profiles, so instead of just sending every message with the headline of your post, switch it up to optimize each message for your different social networks. More details on that to come!

19. Share your brand new posts more than once.

20. Repromote your older, most successful content.

21. Who said you could only share one blog post at a time?

There are other pages on your blog that work great for social sharing—your home page, categories pages, and tags.
Imagine grouping a list of blog posts together with a tag dedicated to a very specific topic: You could repurpose the posts to help solve a very specific problem, then share that across your social networks.
Buffer started trying out this method recently with some success, making it an interesting way to promote your blog with more than just one post at a time.


Quora

  • reddit: The legendary front page of the Internet has pages for nearly any topic, and your niche is sure to be present.
  • BizSugar: Small business marketing, finance, management, technology, and startups.
  • Product Hunt: New product content.
  • Hacker News: Startup and computer science.
  • DataTau: Data science stuff.
  • Lobsters: Technology content.
  • Triberr: Blogging.
  • Inbound.org: Inbound and content marketing.
  • Growth Hackers: Startup stuff and disruptive marketing.
Use Google to find forums in your niche with this algorithm: "intitle:forum" + niche keyword.
No more excuses. I bet there is a forum that already exists for your niche. or else you can do one better and start your niche's forum yourselfbbPress is a forum software from the makers of WordPress that you can use to get started now.

I'm in a couple different Slack groups that serve different purposes. But one of them, started by Mention, is meant for blog editors, content marketers, and entrepreneurs to connect, share ideas, and review work.



https://blogging.nitecruzr.net/2010/07/show-share-buttons-not-working-for-all.html
https://blogging.nitecruzr.net/2010/05/resetting-post-template.html
https://blogging.nitecruzr.net/2010/05/resetting-widget-templates.html


http://bguide.blogspot.com/2008/05/template-variables.html
What is the scope of template variables?
These variables are visible and available (scope in programming terms) for use only in the Edit HTML mode of your template. Once a blog page actually gets loaded, all the uses of the variables (all $name instances) get substituted with the actual value of the variable defined in the value attribute.

https://www.tricksladder.com/how-to-define-custom-variables-in/
<Variable name="body.background.color" description="Background color" type="color" default="#FFFFFF" value="#FF8C55"/>

<Group description="Main Color" selector="body">
  <Variable name="topnav.background.color" description="Top Navigation Color" type="color" default="#1A1A1A" value="#1A1A1A"/>
  <Variable name="midnav.background.color" description="Middle Navigation Color" type="color" default="#2E2E2E" value="#2E2E2E"/>
  <Variable name="content.background.color" description="Content Area Color" type="color" default="#FFFFFF" value="#FFFFFF"/>
  <Variable name="footer.background.color" description="Footer Area Color" type="color" default="#2E2E2E" value="#2E2E2E"/>
</Group>

.menu

{

background-color:$body.background.color;

}

http://yabtb.blogspot.com/2011/10/blogger-javascript-and-cdata.html

<script type='text/javascript'>
//<![CDATA[
  alert("Tip of the day: 5 < 6 & 1 < 2");
//]]>
</script>
The latter is perfect, you may think. It is good, but, there is a but. If you want to use widget tags for templates, you cannot mark those sections as CDATA. I'll give you a simple example.
<script type='text/javascript'>
  alert("<data:blog.url/>");
</script>


https://masterblogging.com/post-title-before-blog-title/
  1. Now press Ctrl+ F and search for the following code in your template’s code:
  2. <data:blog.pageTitle/>
    <b:if cond=’data:blog.pageType == “item”‘>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/></title>
    </b:if>
https://support.google.com/blogger/thread/6693810?hl=en
Unfortunately, it is default to blogger post header.

To guess my best, it has been already sorted alphabetically in the data interface.

XML Code
https://ultimatebloggerguide.blogspot.com/2016/07/blogger-conditional-tags-for-page-types.html

Specific Post by URL

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2014/08/foo.html"'> 
<!-- a item page from august 2014 with post-title 'foo'-->
</b:if>

Label page

<b:if cond='data:blog.searchLabel'>
<!-- all label pages -->
</b:if>

Specific Label Page

<b:if cond='data:blog.searchLabel == "foo"'>
<!-- for label 'foo' -->
</b:if>

Search page

<b:if cond='data:blog.searchQuery'>
<!-- all search pages -->
</b:if>

Specific Search Query page

<b:if cond='data:blog.searchQuery == "foo"'>
<!-- for query 'foo' -->
</b:if>


<b:if cond='data:blog.pageType == "index"'>
  <b:if cond='data:blog.searchQuery'>
    <!--search_page AND index_page-->
  </b:if>
</b:if>
OR
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/foo.html"'> 
  <!-- static_site foo OR static_site bar -->
      <b:else/>
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/bar.htm"'> 
  <!-- static_site foo OR static_site bar -->
   </b:if>
</b:if>
NOT

<b:if cond='data:blog.pageType != "item"'>
  <!-- all pages except item pages -->
</b:if>

<b:if cond='data:blog.url != data:blog.homepageUrl'> 
  <!-- all pages but NOT homepage -->
</b:if>

https://monkeyraptor.johanpaul.net/2013/06/blogger-conditional-tag-bif-and-belse.html

<b:if cond='data:blog.url == "specific-URL-on-the-blog"'>...content...</b:if>



Non-numeral #

We only have two options for the operator:
== TRUE
!= FALSE
Numeral #

The == operator can be replaced by:
!= other than that integer.
< less than.
> greater than.
<= less than or equal to.
>= greater than or equal to.
https://support.google.com/blogger/forum/AAAAY7oIW-w4HBY6O4ip6o/?hl=en&gpf=%23!msg%2Fblogger%2F4HBY6O4ip6o%2FElxB1ge4BgAJ&msgid=ElxB1ge4BgAJ
<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:loop values='data:post.labels' var='label'>
        <b:if cond='data:label.isLast == &quot;true&quot;'>
            <b:if cond='data:label.name != &quot;paper cuttings&quot;'>
                <b:include data='post' name='post' />
            </b:if>
        </b:if>
    </b:loop>
<b:else/>
    <b:include data='post' name='post' />
</b:if>

https://bloggerbook.blakbin.com/2018/11/blogger-bif-belse-and-belseif-tag.html
<b:if cond='!data:view.isMobile and data:view.isHomepage or data:view.isSearch'>
    <!-- Execute -->
</b:if>

<b:if cond='data:view.search.label in ["Foo", "Bar", "Baz"]'>
    <!-- span Block 1 -->
<b:elseif cond='data:view.search.label not in ["Baz", "Qux"]'/>
    <!-- span Block 2 --> 
<b:else/>
 
</b:if>


WITH A LAMBDA OPERATOR

<b:if cond='data:posts any (p => p.labels any (l => l.name == "Foo"))'>
    <!-- Execute -->
</b:if>

The span block will be executed only if label match "Foo" in the post.



The <body> section of a layout theme is made up of sections and widgets.
  • Sections are areas of your page, such as a sidebar, footer.
  • A widget is a page element such as a page, a blogroll, or anything else you can add from the “Page Elements” tab.

https://support.google.com/blogger/answer/47270?hl=en

Labels Widget

The labels widget includes a list of all labels that are in use on the blog.
  • title: The widget title.
  • labels: The list of labels, each of which contains:
    • name: The text of the label.
    • count: How many posts have this label.
    • url: A link to a page displaying posts with this label.
http://template-data.blogspot.com/
displaystringDisplay style for the Labels gadget - either "list" or "cloud".
labelsarrayArray containing objects for each of the labels.
labels[i]. countnumberNumber of posts with the label.
labels[i]. namestringName of the label.
labels[i]. urlurlURL for viewing posts with the label (label search).
showFreqNumbersbooleanWhether to show the number of posts with the label.
titlestringTitle of the Labels gadget.

ss
https://ultimatebloggerguide.blogspot.com/2016/06/remove-powered-by-blogger-attribution-widget.html

Method 1 : Using CSS

This is perhaps the simplest method to hide the attribution text.
Just add the following in your Blogger template html before the ]]> tag and save your template. (Go to Blogger → Template → Edit HTML and press Ctrl + F to find ]]>)
#Attribution1{display:none !important}

Method 2 : Remove widget by unlocking widget

Go to Blogger → Template → Edit HTML and press Ctrl + F to find type='Attribution'. You will reach the following code:
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
...
</b:widget>
and replace the locked='true' with locked='false'.
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
...
</b:widget>
Save your template and Go to Blogger → Layout and and click on Attribution widget, and now you can see the removal option. So just click on it, and save your settings. You will successfully remove the powered by Blogger attribution widget from your blog.

Method 3 : Delete widget from template

Go to Blogger → Template → Edit HTML and press Ctrl + F to find type='Attribution'. You will reach the following code:
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
...
</b:widget>


https://stackoverflow.com/questions/4827421/how-to-manipulate-strings-in-a-blogger-template-impossible

http://blogger-hints-and-tips.blogspot.com/2010/03/showing-your-oldest-post-first-in.html
Each Post in your blog has a date-time value, which is called its "post-date".   Normally , this is set to the date/time when you publish the post for the first time.  But you can change the post date for any post, and you can do this either when you publish it first, or later on.

The post-date is important because it controls the order that posts are shown in:

    • The post that appears first when a reader visits your blog is the one with the most-recent Post-date.

    This means that you can make your posts appear in the order than you wrote them (ie first post first, second post second, etc) by changing the Post-date so that:

    http://www.mybloggertricks.com/search/label/Social%20Media?q=facebook



    Labels

    Review (572) System Design (334) System Design - Review (198) Java (189) Coding (75) Interview-System Design (65) Interview (63) Book Notes (59) Coding - Review (59) to-do (45) Linux (43) Knowledge (39) Interview-Java (35) Knowledge - Review (32) Database (31) Design Patterns (31) Big Data (29) Product Architecture (28) MultiThread (27) Soft Skills (27) Concurrency (26) Cracking Code Interview (26) Miscs (25) Distributed (24) OOD Design (24) Google (23) Career (22) Interview - Review (21) Java - Code (21) Operating System (21) Interview Q&A (20) System Design - Practice (20) Tips (19) Algorithm (17) Company - Facebook (17) Security (17) How to Ace Interview (16) Brain Teaser (14) Linux - Shell (14) Redis (14) Testing (14) Tools (14) Code Quality (13) Search (13) Spark (13) Spring (13) Company - LinkedIn (12) How to (12) Interview-Database (12) Interview-Operating System (12) Solr (12) Architecture Principles (11) Resource (10) Amazon (9) Cache (9) Git (9) Interview - MultiThread (9) Scalability (9) Trouble Shooting (9) Web Dev (9) Architecture Model (8) Better Programmer (8) Cassandra (8) Company - Uber (8) Java67 (8) Math (8) OO Design principles (8) SOLID (8) Design (7) Interview Corner (7) JVM (7) Java Basics (7) Kafka (7) Mac (7) Machine Learning (7) NoSQL (7) C++ (6) Chrome (6) File System (6) Highscalability (6) How to Better (6) Network (6) Restful (6) CareerCup (5) Code Review (5) Hash (5) How to Interview (5) JDK Source Code (5) JavaScript (5) Leetcode (5) Must Known (5) Python (5)

    Popular Posts