How to Add Code and Make Twists in Blogger

.

qadabra banner

Thursday, June 27, 2013

How can I put audio player and streaming music on a Blogger post

How can I put my sound on my site or blog? How can I put streaming music player on my Blogspot blog?



Streaming audio is audio and music played as soon as it begin downloading
It doesn't wait for the whole audio file to download then play it
It is like Youtube videos that begin to play as you hit the arrow.

In Blogger there is not a function to embed audio on your posts
There is one for videos but not for just music
Alternatively you can use the insert video function to insert a clip with just music and no images
But the best way to insert an audio file is to have dedicated audio player especially if you plan to insert multiple audio files on a post or blog.

To do so you have only one solution:
put the player and music file manually by inserting an html code on your post

After research and proof of success the best way is to rely on Google itself!
How?
By signing to one of their new born site: SoundCloud which let's you upload and record on line sound and music files.
 
But with SoundCloud , since you are in a Google environment you can easily share your audio as a streaming music on Blogger.  

Step one:
Sign up to SoundCloud
 
Step two:
Upload your audio file or record it on line or choose from files on the site
 
Step three:
Hit the Share button, and let the magic begins:

How it works?
A very simple process.

You can embed sounds on any page or post  with an HTML code using our widgets. To do this, find the sound or set you want to embed, and click the ‘share’ button below its waveform. 
 
 
Next, copy the code included in the ‘widget code’ field, and paste it into the HTML editor section of your site’s editor. If you want to make changes to the widget’s appearance, click the pencil icon to the right of the widget code to open up options.
 

Thursday, June 13, 2013

SEARCH QUERIES KEYWORDS FOR BLOGGER CODES

how to make horizontal navigation bar in blogger









how to add a horizontal line under a blog post in blogger









blogger









blogger add horizontal menu
1








eblogger









horizontal navigation bar in blogger









how to add a horizontal navigation bar to blogger









how to add horizontal line in blogger









how to add horizontal menu in blogger









inserting horizontal line under blog title in blogger



Saturday, March 23, 2013

Blogs are like Magazines

Blogs are like Magazines 


You can have good writing posts and blogs that really attract big audiences.
Blogs are newspapers and magazines,and therefore they should be treated with a publisher  writer and editor point of vue.
Take a mag that deals with the same subject of your blog and study it ,analyze it and make your blog looks like it. It is the only way to get a well established blog that people will like to return to and get information and entertainment from 

Following the rules of  the written press, is the best way to get readers for your blog.


Here are the best 9 tips I use to write my blogs.


1- Links
2- Paragraphs
3- Headlines
4- Lists
5- Sub headers
6- Style
7- Keywords
8- Advertisings           
9- Pictures
 
1. Link,link,link.

Support your post with links to other web pages that are contextual to your post. In the press these links could be ads or shops, books and links to other articles or pages etc... On the web these links must be well established blogs or sites dealing with the subject.

2. 300 is enough = Paragraphs
 
A short post is more informative. Think about the articles in a mag: if you want to put a long article you just divide it to paragraphs with subtitles and even new headlines.

3. Make Headlines keywords that will strike on search engines and web search

When you pass a mag booth  or a bookshop you see the titles instantly and you can choose your best mag directly.On the web it is the same: the title is the first thing the web search will show you. And this is the portal for your web traffic.
Contain your whole argument in your headline. Check out newspapers to see how they do it.

4. Include bullet point lists

We all love lists, it structures the info in an easily  format. Women and cuisine mags always put their results and receipes in lists with bullets. it is the only way to remember a structured how to.

5. Make your posts easy to scan by making more sub headers = make more sub heading= more scans

Every few paragraphs insert a sub heading. Make sentences and headlines short and to the point. Headlines shouldn't have "the" or "a" at the begining and must be short example: BLOGS FOR MONEY and not THE BLOGS FOR MAKING MONEY

6. Have a style with your headings and be consistent with your style in the article, and threw all the posts of the blog.

People like to discover a style when reading and therefore , what to expect from this style.Once you have settled on a style for your audience, AND YOU SEE THAT THIS IS GETTING YOU VISITORS AND SUPPORT, stick to it.

7. Keywords the posts.

Think about what keywords people would use to search for your post and include them in the body text and headers. make sure the keyword placement is natural and does not seem out of place. One Tool for effective Keywords is Google Adwords Tools like
Traffic Estimator or Keyword Tool.

8 . Advertising on your blog

Putting Ads on your blog is one of the best ways to prove that you are a publisher and that your blog is informative and at the same time well ranked for advertisers to use it as publishing platform.

9. Pictures like to make it more interesting

Pictures are a must for publishing news papers and mags. You are not writing a book but articles so the blog must be enhanced with fotos to make it colorful and attractive

So blogs are like magazines : they rely on articles

All articles in  newspaper and mags are made to attract readers, therefore all articles contain keywords taken from real life that people like to refer to. Keywords are the words people like to say when they speak about a subject, and tend not to forget. They are for example easy to spell when you forget other complicated words when you are in a discussion.

Thursday, March 7, 2013

Creating more empty space between lines and paragraphs

How to create an extra empty space between paragraphs

If you want to create an extra empty space between paragraphs, all you have to do is add <br /> code after each paragraph.
If one doesn’t do the trick for you, then add another and another, as much as you need.

Open the blog editor in HTML choice
Add one or more  <br />  at the end of the paragraph ( usually after an existing   <br />)

Like this:

<br />
<br />
<br />

How to Add a Horizontal Line to Blogger Blogspot Post


How to Add a Horizontal Line (Rule) to Blogger Blogspot Post 

An option that the latest visual Blogger's post editor is lacking is the "Insert horizontal line" option

A horizontal line (or, horizontal rule) is a line which can be
  • with different length (or width),
  • aligned on the left, at the center, or on the right,
  • with different thickens (or size), 
  • with different color, 
  • solid, dashed, dotted etc.
To add a horizontal line in a Blogger Blogspot post, you have to copy and past code through the HTML editor:
(When writing a post there is two alternatives at the left side of the post editor menu : Compose and HTML)

 Below are some HTML code examples for horizontal line.

Adding Horizontal Line with the HTML <hr> Tag

1. The Basic <hr> Tag

The code:
<hr>

The visual result:


2. Additional Attributes for the <hr> Tag

The code for a horizontal line with added attributes is 
<hr align="center" color="green" size="2" width="80%">

  • The align attribute should be added to the code if the width of the horizontal line is less than the text width. Values for this attribute are: left, center or right.
  • The width attribute should be added to the code if you want a horizontal line with a width is less than the text width. Values for this attribute can be expressed in pixels (e.g. 200px - you can skip the "px" after the number) or in percent (e.g. 50%).
  • The color attribute should be added to the code if you want a colored horizontal line. Values for this attribute can be express as a color name (e.g. red green, blue, orange - for additional HTML color names check any of these links: link 1, link 2, link 3, link 4) or the color's hex code (we recommend the Multitoolbox's Color picker and this simple "hex to rgb" and "rgb to hex" code converter)
  • The size attribute should be added to the code if you want a thicker horizontal line. Values for this attribute are 1, 2, 3, etc.

Example 1
The code: 
<hr align="right" color="orange" size="3" width="500">

The visual result:



Example 2
The code: 
<hr align="center" color="#ff1100" size="5" width="60%">

The visual result:



Example 3
The code: 
<hr size="5">

The visual result is :



Example 4
The code: 
<hr size="5" color="#999999">

The visual result:



Example 5
The code: 
<hr color="green" width="45%">

The visual result:

 

Wednesday, January 16, 2013

SIGN UP

http://www.ehow.com/add-to-a-blog/

 http://aliveprojects.com/static/apps/ContactMailer/gadget/ContactMailerV4.xml

How to add drop down menu

http://www.blogger-help.com/2009/11/how-to-add-drop-down-navigational.html

How to add a horizontal navigation bar or menu to Blogger?


How to add a horizontal navigation bar or menu to Blogger?





 Few Blogger blogs have a horizontal navigation bar

Here are two simple ways for setting up a Horizontal Navigation Bar:

 1 - You can add a Page to your Blog andv every page will be a Tab on a navigation bar under your header:
 Go to Dashboard and in the Pages menu at left Add a Page

 2 - Or you can do it manually if you have pages outside your blog:

Step 1  - Go to Dashboard then to Layout > Edit HTML.
            - find this: /* Header */ 

Step 2.- Add this code below /* Header */ 

#menu ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

#menu li a{
color:#dfffed;
}

#menu li a:visited {
color: #57E964;
}

#menu li a:hover {
color: #F88017;
background: #ffff66;
}

You should edit this code after step 6,so that you could know how does it looks like.

(Edit margin values for placement,and various html color values below for respective colours.)

Step 3.- Find this:

b:section class='header' id='header' maxwidgets='1' showaddelement='no'

Step 4.- Change:

showaddelement='no' to showaddelement='yes'
maxwidgets='1' to maxwidgets='4'

Save template and go to Page Elements.

Step 5.- In the Header , Add Page Element > Add HTML .

Step 6.- Leave the title Blank and add the following code in text field :

<div id='menu'>
<ul>
<li><a href="Your URL">Home</a></li>
<li><a href="Your URL">Advertise</a></li>
<li><a href="Your URL">About Me</a></li>
<li><a href="mailto:YOUR EMAIL ADDRESS">Contact</a></li>
</ul></div>

Add your desired values in above code marked red. Save it.

Now you can edit the code in Step 2.

Wednesday, December 19, 2012

HOW TO INCREASE VISITORS TO YOUR BLOG

1. High Quality Content:

In order to increase Page Rank you must have unique quality content which your readers want to share with their friends.

Most of the time friends send photos to each other in mails,social media,comments and forums.
They also send links for sites and blogs for interesting articles , the same way
Videos are one of the top visual medias that  are circulating between groups

To make your blog interesting you must have interesting content, photos and videos that people can send to each other as original findings.

1- post your videos on You-tube, Vimeo etc... and  put a link on your blog
2- put a video gadget on your blog to view these videos without leaving the page
3- put a video on Facebook or twitter or Slideshare related to your blog
4- Post an interesting photo and put the link for this image
5- Send emails about very interesting photos, videos and articles with the link to your blog   to friends that in turn will forward them to other friends.

Back links to your Blog

Backlinks are the best way to insure permanent visitors from around the world.

To have these visitors you simply put a  link tag  on your site .
This tag is connected to another blog or site.
Every time the badge is clicked from your blog it will mark a new commer on the other site
The visitors of the other site will click your adress back.

Example of this backlink tags : CLICK THE TAG ON THE TOP OF THE RIGHT PANE OF THIS BLOG:

Wich will go to http://backurls.blogspot.com/
And mark my blog there to be clicked back.

When the html code of this tag is put in your blog this will insure a  backlink adress that people will click

Sunday, December 16, 2012

Google Adword Tool for Keywords

THE GOOGLE ADWORDS ANALYTIC ON LINE TOOL

https://adwords.google.com

BLOGSPOT WIGETS KEYWORDS




blogger codes
blogspot codes
blogger html
how to use wordpress
how to use blogspot
blogspot html
blogspot tricks
blogspot blogs
html for blogs
gadgets blogger 110 000
website widgetwidget blogspot 110
website widgets

SEO KEYWORDS SUGGESTIONS

Google Keywords Suggestions  for this blog
 
 1       blogspot codes html
 2       blogspot codes formatting
 3       codes for blogspot
 4       mobile codes blogspot
 5       codes for us blogspot
 6       codesforus blogspot merge pdf
 7       tesco voucher codes blogspot
 8       free points codes blogspot
 9       blogspot color codes
10     hash of codes blogspot


Yahoo! Keywords Suggestions

 1       html blogspot codes
 2       free blogspot codes
 3       blogspot codes blogger
 4       blogspot codes and keys
 5       blogspot codes css
 6       blogspot codes labels
 7       layout blogspot codes
 8       tesco blogspot codes
 9       background blogspot codes
10     tips for blogspot codes