Breaking News

Wednesday, March 1, 2017

How to provide a category specific feed using Blogspot or Blogger

Set up a label
  1. From your blogging dashboard, select the Edit Posts link for your blog.
  2. Write a post as you normally would. When you're finished, look for the Labels entry box at the bottom of the editing form.
  3. After you publish the post, view your blog. You'll see the label for the post at the bottom of the post itself.
You can use this same label for later posts. Next to the entry box for labels on the editing form, there is a Show all link. If you select that link, you can select from the list of all the labels you've used.

Accessing the label's feed

To access the blog posts with that label, start on your blog's main page. The name of your new label is a link with a URL that looks like this:
  • http://example.blogspot.com/search/label/[label]
The RSS feed for that new label can be found at this URL:
  • http://example.blogspot.com/feeds/posts/default/-/[label]/?alt=rss
Read more ...

Sunday, February 26, 2017

Steps to connect your YouTube Channel and Google Analytics account

1. Create a web property in Google Analytics

  1. Sign in to your Google Analytics account and go to the Admin section.
  2. Select the Property and select the option to Create new property.
  3. This will bring you to the New Property page. Fill out the required information and click Get Tracking ID.
  4. Your Google Analytics tracking ID has been generated. You will need this ID to set up the integration with YouTube.

2. Enter your Google Analytics Tracking ID into your YouTube account

  1. Sign in to your YouTube account, and go to the Account Settings page. You can get there by clicking on your channel icon.
  2. From your account page, select View additional features link.
  3. In the Channel tab, select the Advanced option.
  4. Find the Google Analytics property tracking ID field at the bottom of the page. Paste your tracking code into the field and click the Save button.


Read more ...

Friday, September 12, 2014

How To Make Your Blogger Template Responsive

What Is Responsive Web Design?

Either it is blogger template or any other web template, we can generally call it "Responsive Web Design". Let me describe in simple and common words, Responsiveness is a feature of the web theme that allows the design to fit in any screen size. In the today's technology world, people use different devices like laptop, tablet, mobile to surf the internet which have different screen sizes and our web themes must be optimized for all screen sizes to fit automatically in any device so that users may not face any issue while surfing our blog or site.
These days, almost everyone have updated their web themes to fit in every screen but some old websites and lazy designers like me don't have updated yet. Yeah! Blogger Yard is not yet responsive because we're busy right here but soon we'll introduce the totally new version of Blogger Yard which will also be responsive.
There are several reasons for making our blog themes responsive, the first and simple, it improves the user interface, it can increase tablet and mobile users and we can also generate more money with it if we display responsive ads that can appear in every screen size. 

Things To Know Before

Before we start the tutorial, let me know either you will be able to turn responsiveness in your blogger template or not. 
  1. CSS Skill : Do you have cascading style sheet skill? Yes? Great! Bringing responsiveness to blogger template is all CSS work and if you've skill in it than you might not face any issue in it.
  2. Template Structure : Do you know the structure of your blogger template? If the template is designed by you than you must know how you've wrapped the header, content and other sections. While making responsive blogger template, we play with each HTML element and for that we must know how the template is structured. If the the template is not designed by you than you can take a look on its structure and study it than you may continue making it responsive.
  3. Useful Chrome Extension : This is not the thing to be known before but we're recommending a useful chrome extension here that will help you a lot to work on responsiveness. Its Resize Window chrome extension that will help you to resize browser window with the size of different device screens. I recommend to work on every screen size that is listed in this extension.

How To Make Responsive Blogger Template?

So, Its time to learn responsiveness and we'll take a lot of time of you because we're gonna make this guide as long as we can. Let's start it.
As you know that responsive web design can be made by using CSS only and there is an special tag in CSS that we can use for responsiveness. You can use Media Queries (@media) and its just simple like drinking water if you know CSS very well. These media queries acts like If Else Statements in JavaScript and also Conditional Tags in Blogger. We make many media query tags for each and every device screen size and put CSS content in it. The CSS content that will be added in these media query tags will only work in the specified screen size. 
Its not end here friend! There is one more thing that we forget to mention. Before working with media queries, we should add a meta tag below head that helps the browser to detect the screen size and work properly with media queries.

Adding Meta Tag For Responsiveness

  1. Go To Blogger >> Template >> Backup Your Template
  2. Click Edit HTML >> Search For
  3. Paste The Following Code Below It.
  4. Save!
There is nothing much difficult with this viewport meta tag. You have to just add it below your and it will start working.

Working With Media Queries 

Okay! So, I've prepared the simple media queries code with different screen sizes on which you must work.
@media screen and (max-width : 1280px) {
/* CSS FOR NETBOOK AND DESKTOP ------------*/
}

@media screen and (max-width : 1024px) {
/* CSS FOR TABLETS ------------*/
}

@media screen and (max-width : 768px) {
/* CSS FOR SMALL TABLETS ------------*/
}

@media screen and (max-width : 640px) {
/* CSS FOR IPHONE ------------*/
}

@media screen and (max-width : 480px) {
/* CSS FOR MOBILES ------------*/
}

@media screen and (max-width : 320px) {
/* CSS FOR SMALL OLD MOBILES ------------*/
}
Look, how the code is written. Its simple. Starting with (@media screen and), adding screen size (max-width:1280px) and brackets where the CSS will be stored. It simply tells the browser that if the screen size is less than max-width than apply the code in brackets. Yes! If the screen size will be exact max-width or less than it will work until it reaches to another media query. You can also change the max-width size according to your own.

Some Advanced Tips 

Tip #1 : While you're writing the code for media queries, try to specify web elements in the way we're showing you. You should use "em" instead of "px" for font-size, padding, margin etc, use percentage for defining with of columns and use box-sizing, max-width and min-width properties.
Tip #2 : Try to cover the whole design in wrapper by making div and give it different widths in every screen size or you can also do this body tag. By this, things might mess up in initial in different screen sizes but the ending corners will re-size and become responsive in other screens.
Tip #3 : Put some margin in the left and right sides of the whole body. For example if we put margin of 100px in the media screen of 768px than the design will be responsive till the 668px of screen size.
Tip #4 : While making the navigation menu, try to put label 3 lined clickable button with it for small screen sizes like mobile that shows the navigation menu after clicking on the button. If you can't do this than try to add class tags in every list item but not drop downs and hide the list items in different screen sizes where there are not suiting by calling with class.
Tip #5 : Keep doing practice with it and if you stuck than try to get help from seniors.
Read more ...

Friday, August 29, 2014

How to cut the 6 types of this fruit with the right technique.

Let's learn how to cut the 6 types of this fruit with the right technique.


Video by: BuzzFeed Video
Read more ...

Children of Gaza in their own words

An open-ended ceasefire has brought relative peace to Gaza but it has come at a terrible cost. After 50 days of violence, at least 491 children are dead and all others have endured a profoundly stressful experience that will surely leave its mark.

Four survivors told their incredible stories to UNICEF.

Zacharia, 5

On 10 August 2014 in the State of Palestine, (foreground) 5-year old Zacharia Abu Taweida, sitting in a temporary shelter for displaced families that has been set up in a United Nations Relief and Works Agency for Palestine Refugees (UNRWA) school in Gaza City, uses sign language to recount the night that he and his family fled their home in the city’s Shishaya area during heavy bombardment.
© UNICEF/NYHQ2014-1182/d’Aki

“I was sitting on the floor and was terrified at the sight of the blood on my father’s face. I could feel a great pressure on my head and the walls were shaking. We ran out on the street. I was running as fast as I could and I saw dust and shells falling from the sky. I was crying the whole time.” (Zacharia is deaf and told his story through sign language).


Aya, 12


On 10 August 2014 in the State of Palestine, (foreground) 12-year-old Aya Abu Taweida, who wants to be a teacher for hearing-impaired children, stands in a temporary shelter for displaced families that has been set up in a United Nations Relief and Works Agency for Palestine Refugees (UNRWA) school in Gaza City.
© UNICEF/NYHQ2014-1188/d’Aki

“It was night, but it seemed like day, with all the lights in the sky. We saw our cousins die and a neighbouring house on fire and then decided we had to go. As we started leaving, they started shelling our home as well. I could feel the pressure of the bombs on my ears. The streets were full of dead people, I saw the dead body of a girlfriend. My mother told me to take care of one of my sisters so I grabbed her and ran.” (Like Zacharia - her brother pictured above - Aya is deaf and spoke via sign language).


Mohammad, 10


On 25 July 2014 in the State of Palestine, Mohammad Ayad, 10, stands on a balcony in Gaza City, where he and his family have sought refuge at a school, serving as a displacement shelter, run by the United Nations Relief and Works Agency for Palestine Refugees (UNRWA).
© UNICEF/NYHQ2014-1055/d’Aki
“It’s so hard to live these days.”

Mohammed, 10

On 3 August 2014 in the State of Palestine, Mohammed Mousa, 12, lies on a cot in Al-Shifa Hospital in Gaza. He became paralyzed from the hip down after shrapnel damaged a nerve in his back.
© UNICEF/NYHQ2014-1069/d'Aki

“I heard the sound of planes above, and then there was death and injuries and bodies torn to pieces everywhere. I saw my best friend Mohammed Asom lying dead beside me. Then I fainted. When I woke up, I was here in the hospital. 

I hope that this will stop but I’m afraid it won’t. [I want to] teach children how to love the world, how to love their families and their home. All the world [should] stand up with us children. Stop the siege of the Gaza Strip, my home."


How are we helping?
UNICEF State of Palestine's field office chief Pernille Ironside explains:


Thanks: UNICEF Australia
Read more ...
Designed By TechnoNasr