My birdie doodles interacting with the real ones I saw at the beach last week :)
Monday 30 November 2009
Expand/Collapse ,Hide/show -navigation Element-widget
Here is a simple tutorial for you to add Expand/collapse ,Hide/show navigation element which gives pleasing and organized look to your sidebar.Actually the whole tutorial is divided in to three parts and every part is equally important .Any mistake might not result what is expected.
Before starting The tutorials please backup your template in case if anything goes wrong.
with any unique string in both places and Title
with the title of your gadget.
For instance include your content before last </div> element
Before starting The tutorials please backup your template in case if anything goes wrong.
First part :
Add the following code in your style sheet..commenthidden {display:none}
.commentshown {display:inline}
Second part :
Put the following code in Between <head> and </head><script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>
<head>
Third Part :
Add this code in your Html/javascript gadget.<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')"Replace UniqueName
>Title</a><br />
<div class="commenthidden" id="UniqueName"
>Include your all content here</div>
with any unique string in both places and Title
with the title of your gadget.
For instance include your content before last </div> element
<a aiotitle="click to expand" href="javascript:togglecomments('chickletlist000')"> /- Useful Links-click me to expand</a><br/><br/>
<div id="chickletlist000" class="commenthidden">
<ul id="main-nav">
<li><a href="http://www.bannercreator.nu/banner-maker.html">Banner Creater</a></li>
<li><a href="http://www.chicklette.net/chicklet-maker/">Chicknet Maker</a></li>
<li><a href="http://www.degraeve.com/color-palette/index.php">Color pallate Generator</a></li>
<li><a href="http://www.degraeve.com/reference/color.php">color picker</a></li>
<li><a href="http://www.chami.com/html-kit/services/favicon/">favicon from pics</a></li>
<li><a href="http://www.vizu.com/index.htm">make polls</a></li>
</ul>
</div>
Sunday 29 November 2009
6 different Flash clock Designs & how to add it to blogger.
1.
2.
3.
4.
5.
6.
YOu can find more clocks at Csalim galery
You can add them to blogger posts too.
2.
3.
4.
5.
6.
YOu can find more clocks at Csalim galery
Adding Clocks to blogger:
Copy any of the code from this blog or from Csalim galery And paste in Html/javascript gadget.You can add them to blogger posts too.
Google Friend Connect Gadgets In Various Forms
Google friend connect gadgets which most of us use in our blogs exists in various forms Even i dont know that until one of my friend told me an give me this friend connect page link.
Most of us has used Google followers gadget but it is one of the different friend connect gadgets.
1.Go to the Friend connect gadget Through this link.
2.In the left hand side of the screen there is list of your blogspot blogs.Expand any of your blog(just click on it).
3.Choose the browse the gadget tab.
4.You can now see a list of gadgets choose your gadget (you can customze the color and size of the gadget )
5.Copy the HTML code and paste it in a Html/Javascript gadget.
Here is a list of some popular gadgets .
1.Add a social bar to your site
2.Ratings and reviews
Most of us has used Google followers gadget but it is one of the different friend connect gadgets.
1.Go to the Friend connect gadget Through this link.
2.In the left hand side of the screen there is list of your blogspot blogs.Expand any of your blog(just click on it).
3.Choose the browse the gadget tab.
5.Copy the HTML code and paste it in a Html/Javascript gadget.
Here is a list of some popular gadgets .
1.Add a social bar to your site
2.Ratings and reviews
3.Interest Polls
You can find other gadgets like Members gadget ,comments ,recommendation gadget,featured content ,news letter subscriptions and more>i am sure you will find one cool gadget for your blog too.
Note :You can add Your own gadget by Using Add gadget by url option in the bottom.
Google wave invitation-My first encounter with Wave
Oh My God!! Finally the google wave has ended to my inbox.
After all the hard work i have done by posting in various forums and various blogs,nothing solves my journey but a friend of mine,whom i know from few days back on internet ,just because we exchange links for our blogroll.
Thanks to my blogroll thanks to my fundoo-blog.
When i first look at the mail i refresh the page to check whether this is my mail box because as it is told that it takes 24-48 hours to recieve a mail after an invitation and that was quick almost instantaneous.
-----------------------------------------------------------------------------------------------------------
My Google Wave Mail Letter
------------------------------------------------------------------------------------------------------------
My first encounter with Wave
Have a look at the Google Wave:(click to open in full screen)
so here is the chance for you.I am willing to share invitation with the readers of this blog.
All you have to do is to
Drop your name in the comment form below.
& Share this post on your orkut with our orkut share button.
Add me to your Orkut.
E-mail ids will be selected randomly using http://www.random.org/ .
After all the hard work i have done by posting in various forums and various blogs,nothing solves my journey but a friend of mine,whom i know from few days back on internet ,just because we exchange links for our blogroll.
Thanks to my blogroll thanks to my fundoo-blog.
When i first look at the mail i refresh the page to check whether this is my mail box because as it is told that it takes 24-48 hours to recieve a mail after an invitation and that was quick almost instantaneous.
-----------------------------------------------------------------------------------------------------------
My Google Wave Mail Letter
------------------------------------------------------------------------------------------------------------
My first encounter with Wave
Have a look at the Google Wave:(click to open in full screen)
-------------------------------------------------------------------------------------------------------
I Know there are still many people who want to try the new Google Wave.so here is the chance for you.I am willing to share invitation with the readers of this blog.
All you have to do is to
Drop your name in the comment form below.
& Share this post on your orkut with our orkut share button.
Add me to your Orkut.
E-mail ids will be selected randomly using http://www.random.org/ .
Friday 27 November 2009
Uppercase
I am so honored to be included in Issue 3 of Uppercase magazine!
Janine Vangool did an amazing job designing the beautiful six page spread
& the very talented Victoria aka sfgirlbybay wrote a really great article.
I am BIG fan of both of these talented ladies so I couldn't be happier!
Uppercase is offering a weekend special offering 10% off subscriptions
this weekend through Monday.
***I was finally able to snatch up a gorgeous address file
from my friend Sharilyn's shop, I get happy just by looking at it :)
Janine Vangool did an amazing job designing the beautiful six page spread
& the very talented Victoria aka sfgirlbybay wrote a really great article.
I am BIG fan of both of these talented ladies so I couldn't be happier!
Uppercase is offering a weekend special offering 10% off subscriptions
this weekend through Monday.
***I was finally able to snatch up a gorgeous address file
from my friend Sharilyn's shop, I get happy just by looking at it :)
Add blogger search box
Although most of the customized blogger templates has embedded blogger search with the template.How ever you want to include a search box in the main area of the template like above or below the post area or in the sidebar OR it might be possible that your template does not has a blogger search embedded in that case you can add your own search box and place it anywhere in your blog.
Under layout >> page element tab "Click add a gadget " on the suitable place where you want to add blogger search and choose "Html /javascripts".
Below are the certain Html codes you can use from and add to your Html/javascripts popup window.
Remember to change YOUR BLOG URL and YOUR BLOG NAME and you can change the search buton to say anything like Go! Hit me! bu changing the value value="Search"
save your code Refresh and see your page.
maxlength="255" shows that the user can enter only up to 255 character to search Whereas a width size="30" will increase the width of your search box.
For fun if you want to add image instead of search image.
Just use this code.
And replace IMAGE URL with url of your image.
While it is alright to replace the button of your Blogger search box, you may not want to do that with the Google search box since their T.O.S. disallows any alteration of their code.
Under layout >> page element tab "Click add a gadget " on the suitable place where you want to add blogger search and choose "Html /javascripts".
Below are the certain Html codes you can use from and add to your Html/javascripts popup window.
<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>YOUR BLOG NAME<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>
Remember to change YOUR BLOG URL and YOUR BLOG NAME and you can change the search buton to say anything like Go! Hit me! bu changing the value value="Search"
save your code Refresh and see your page.
maxlength="255" shows that the user can enter only up to 255 character to search Whereas a width size="30" will increase the width of your search box.
For fun if you want to add image instead of search image.
Just use this code.
<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>YOUR BLOG NAME<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" type="image" src="IMAGE URL" align="top"/>
</form></p>
And replace IMAGE URL with url of your image.
While it is alright to replace the button of your Blogger search box, you may not want to do that with the Google search box since their T.O.S. disallows any alteration of their code.
Thursday 26 November 2009
How to Add ,display or insert orkut share button to blogger :New
The orkut Share API allows website owners to enable their visitors to share the website content with visitor's orkut friends. Users can optionally promote the content among their friends.
This is a new and awesome share button(orkut-share) like every other social networking sites.Till now it is available in two forms since it is in experimental form
Bloggers can add the buttons shown above anywhere using a JavaScript library, clicking which brings up the share dialog with the item selected for sharing like showed in image below
Adding to blogger !
5. Orkut share is ready to implement now its your wish where you want to add this badge it is totally dependent on you.
Lets continue with adding it at the bottom of your each posts like all social bookmarking button..
Search your post footer area which would be some thing like this <div class='post-footer-line post-footer-line-2'>.
6.Now paste the below code immediately below <div class='post-footer-line post-footer-line-2'>.
<span id="orkut-share" style="cursor:pointer; border:0px solid black">
<img src="http://3.bp.blogspot.com/_eEuHGVw5WLg/SwpFfy4rMqI/AAAAAAAAAAk/jdm-zBiDdv8/s320/share.gif" alt="Share Orkut" />
</span>
You can use text version of this trick by using this code instead of above code which uses image :
<span id="orkut-share" style="cursor:pointer; border:1px solid black">
Share on Orkut
</span>
7. Click Save Template and view your blog !
This is a new and awesome share button(orkut-share) like every other social networking sites.Till now it is available in two forms since it is in experimental form
Bloggers can add the buttons shown above anywhere using a JavaScript library, clicking which brings up the share dialog with the item selected for sharing like showed in image below
Adding to blogger !
- Login to your dashboard.
- Navigate through :Layout >> Edit HTML
- Click on Expand widget template : Expand widget template
- Use your browser search to find </head> and place the below code above </head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>Do not forget to change your blog url in above code instead of this http://Your blog .blogspot.com
<script type="text/javascript">
google.load('orkut.share', '1');
google.setOnLoadCallback(function() {
var params = {};
params[google.orkut.share.Field.TITLE] = 'Interesting Page!';
params[google.orkut.share.Field.DESTINATION_URL] = 'http://Your blog .blogspot.com';
var connection = new google.orkut.share.Connection(params);
document.getElementById('orkut-share').onclick =
function(e) { connection.send('orkut.com', {}); };
}, true);
</script>
5. Orkut share is ready to implement now its your wish where you want to add this badge it is totally dependent on you.
Lets continue with adding it at the bottom of your each posts like all social bookmarking button..
Search your post footer area which would be some thing like this <div class='post-footer-line post-footer-line-2'>.
6.Now paste the below code immediately below <div class='post-footer-line post-footer-line-2'>.
<span id="orkut-share" style="cursor:pointer; border:0px solid black">
<img src="http://3.bp.blogspot.com/_eEuHGVw5WLg/SwpFfy4rMqI/AAAAAAAAAAk/jdm-zBiDdv8/s320/share.gif" alt="Share Orkut" />
</span>
You can use text version of this trick by using this code instead of above code which uses image :
<span id="orkut-share" style="cursor:pointer; border:1px solid black">
Share on Orkut
</span>
7. Click Save Template and view your blog !
How to add different meta tags for each individual posts -blogger
Why word press is consider as better blogging than blogger is due to the fact that it allow us to add different meta tags for every individual posts by just installing plugins such as all in one seo wordpress plugin.
Now you can reduce this gap to some extent by using this tricks by which you can add meta tags for all individual posts.
2.Navigate through Layout >> Edit Html
3.Click on Expand widget template : Expand widget template.
4.Use your browser search to find <head>
5.Now paste the following code below <head>
<b:if cond='data:blog.url == "enter the url of the post here"'>
<META NAME="keywords" CONTENT="enter keywords here separated by comms" />
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"/>
</b:if>
Note : Please note that for each post you have to add this code again by writing the post URL (link) and keywords.
Some thing like this : first one is for your home page and the remaining for your individual posts.
Now you can reduce this gap to some extent by using this tricks by which you can add meta tags for all individual posts.
Lets start this process :
1.Open blogger and login .2.Navigate through Layout >> Edit Html
3.Click on Expand widget template : Expand widget template.
4.Use your browser search to find <head>
5.Now paste the following code below <head>
<b:if cond='data:blog.url == "enter the url of the post here"'>
<META NAME="keywords" CONTENT="enter keywords here separated by comms" />
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"/>
</b:if>
Note : Please note that for each post you have to add this code again by writing the post URL (link) and keywords.
Some thing like this : first one is for your home page and the remaining for your individual posts.
<b:if cond='data:blog.url == "http://myfundoo-blog.blogspot.com/"'>6.Save your template once you have finished adding meta tags.
<META NAME="keywords" CONTENT="Fun with blog,blogger tricks ,blogger tips,blogger tools,widgets,blogger tutorials," />
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"/>
</b:if>
<b:if cond='data:blog.url == "http://myfundoo-blog.blogspot.com/2009/11/how-to-add-display-or-insert-orkut.html"'>
<META NAME="keywords" CONTENT="orkut,orkut share" />
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"/>
</b:if>
<b:if cond='data:blog.url == "http://myfundoo-blog.blogspot.com/2009/11/how-to-make-rounded-corners-in-your.html"'>
<META NAME="keywords" CONTENT="rounded corners,without using image" />
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"/>
</b:if>
<b:if cond='data:blog.url == "http://myfundoo-blog.blogspot.com/2009/11/simple-javascript-to-display-date-and.html"'>
<META NAME="keywords" CONTENT="date and time widget,blogger,javascript" />
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"/>
</b:if>
Random post widget for blogger
Thought related posts widget or popular post widget are most important widgets for a blog and most common too, but adding a random post widget will give life to all your previous posts since your blog posts are being rotated randomly with each refresh.
Adding a widget like this is very easy ,you need to be logged in to your blogger account.
Simply add a Html/Javascript gadget at any place in your sidebar and copy and paste this code :
Installation And Customization :
Adding a widget like this is very easy ,you need to be logged in to your blogger account.
Simply add a Html/Javascript gadget at any place in your sidebar and copy and paste this code :
Installation And Customization :
- Click on the below button to to Add directly to your bloggger.
- Once added you can move and place gadget to any position.
Wednesday 25 November 2009
A must see...
I want to share this wonderful video I saw today at my good friend Graça's blog.
The video shows french artist Nathalie Lété painting live in a shop in Tokio.
A woman after my own heart. *le sigh...
The video shows french artist Nathalie Lété painting live in a shop in Tokio.
A woman after my own heart. *le sigh...
Back home
We are back from a wonderful time by the sea.
It's great to be home even if it's for a very short while,
I'll be savoring these last days at this beautiful house that Manolo built for us,
but also looking forward to the next one he'll make.
It's great to be home even if it's for a very short while,
I'll be savoring these last days at this beautiful house that Manolo built for us,
but also looking forward to the next one he'll make.
A Simple Javascript to display date and time
Displaying the current Date:
var currentDate = new Date()
var day = currentDate.getDate()
var month = currentDate.getMonth()
var year = currentDate.getFullYear()
document.write("<b>" day "/" month "/" year "</b>")
Displaying the current time :
Displaying the current time with AM/PM
These Scripts can be implemented easily by calling from external javascript.
Copy any of the three code and paste in notepad and save as time.js
Example-<script src="http://sites.google.com/site/ishanbanga03/my-uploads/timeampm.js"></script>
var currentDate = new Date()
var day = currentDate.getDate()
var month = currentDate.getMonth()
var year = currentDate.getFullYear()
document.write("<b>" day "/" month "/" year "</b>")
Displaying the current time :
var currentTime = new Date()
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()
if (minutes < 10)
minutes = "0" minutes
document.write("<b>" hours ":" minutes " " "</b>")
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()
if (minutes < 10)
minutes = "0" minutes
document.write("<b>" hours ":" minutes " " "</b>")
Displaying the current time with AM/PM
var currentTime = new Date()
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()
var suffix = "AM";
if (hours >= 12) {
suffix = "PM";
hours = hours - 12;
}
if (hours == 0) {
hours = 12;
}
if (minutes < 10)
minutes = "0" minutes
document.write("<b>" hours ":" minutes " " suffix "</b>")
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()
var suffix = "AM";
if (hours >= 12) {
suffix = "PM";
hours = hours - 12;
}
if (hours == 0) {
hours = 12;
}
if (minutes < 10)
minutes = "0" minutes
document.write("<b>" hours ":" minutes " " suffix "</b>")
These Scripts can be implemented easily by calling from external javascript.
Copy any of the three code and paste in notepad and save as time.js
Example-<script src="http://sites.google.com/site/ishanbanga03/my-uploads/timeampm.js"></script>
How to make rounded corners in your existing menubar
This is a simple and easy tutorials for beginners , which make rounded corners in your existing menubar without using image and can be easily implemented on blogspot blogs.There is a lot of code snippet around to create a rounder corner ,but this one is simple CSS technique of rounding off corners using some css atributes.
This technique will work in Firefox, Safari, Chrome and any other CSS3-compatible browser. This technique will not work in Internet Explorer.
Note : -moz-border-radius: 10px; IS used for rounding corners in mozilla based browser and -webkit-border-radius: 10px; for safari and chrome
Add following CSS attributes to your menu element to make its corner round.
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
You can use different possible combinations of topleft, top-left, bottom-right, bottomright etc
This technique will work in Firefox, Safari, Chrome and any other CSS3-compatible browser. This technique will not work in Internet Explorer.
Add following CSS attributes to your menu element to make its corner round.
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
Add following CSS attributes to your menu element to make its left corner rounded :
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;You can use different possible combinations of topleft, top-left, bottom-right, bottomright etc
-moz-border-radius-topleft
/-webkit-border-top-left-radius
-moz-border-radius-topright
/-webkit-border-top-right-radius
-moz-border-radius-bottomleft
/-webkit-border-bottom-left-radius
-moz-border-radius-bottomright
/-webkit-border-bottom-right-radius
Lets Implement Using Example.
#navwrap {margin:auto; width:560px; float:left;}
.topnav ul {list-style:none;margin:0;padding:0px; float:left;}
.topnav li {float:left;margin:0;text-align:center;}
.topnav li a {font-family: Georgia; font-weight:normal; font-size:10px; text-transform:uppercase; display:block;padding:6.5px;color:#FFFFFF;text-decoration:none;}
.topnav li a {background:none; }
.topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#FFFFFF; color:#E27100;
}
#navwrap {margin:auto; width:560px; float:left;}If you’d like to support my work and advice, just use the social bookmark options in the bar below and bookmark us! And, if you enjoyed this post, please subscribe to our RSS feed.
.topnav ul {list-style:none;margin:0;padding:0px; float:left;}
.topnav li {float:left;margin:0;text-align:center;}
.topnav li a {font-family: Georgia; font-weight:normal; font-size:10px; text-transform:uppercase; display:block;padding:6.5px;color:#FFFFFF;text-decoration:none;}
.topnav li a {background:none; }
.topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#FFFFFF; color:#E27100;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
Monday 23 November 2009
Stepbystep :Using Disqus to blogger-tutorial
This Tutorial will show you how to add disqus comment system ho highly customizes blogger template.
Here is a step by step procedure :
1.GO to DISQUS.
2.Click on Sign Up,Free
3.Fill The details on the Sign up page.(click on the image to enlarge) and Click on Continue
5.Click Continue
6.Choose youe blogging platform
Since this is a blogger tutorial we,will go with blogger .Click on blogger
7.open Blogger.com in new Tab
Login to your blogger dashboard.
Layout >> Edit HTML>> Download Full template
8.Revert back to Disqus tab.
CLICK on Choose file .
A new window will open Chosse the select xml file which you have downloaded in step 7.
If u want to import previous comments from blogger Click on 2nd check box...like this
Use Disqus Comments on all blog entries. Any existing comments can be imported in.
Click on Upload and continue
9.COPY THE XML code given by the Disqus.
10.Revert back again to Blogger tab.(Edit html tab)
11.Click on Expand widget template
Expand widget template
12.Paste the code(copied from disqus site) in to the edit tempate area.
13.Click Save Template
14.View blog to see a new DISQUS comment system on your blog.
You can use Disqus to import your previous blogger comments .
You can import comments from .other commenting system like intensee debate
You can add comment moderators to your account.
You can customize your comment system with every color combination.
Use disqus widgets for blogger.
Here is a step by step procedure :
1.GO to DISQUS.
2.Click on Sign Up,Free
3.Fill The details on the Sign up page.(click on the image to enlarge) and Click on Continue
4.Fill the settings Page(You can skip this step and change your settings later.)
5.Click Continue
6.Choose youe blogging platform
Since this is a blogger tutorial we,will go with blogger .Click on blogger
7.open Blogger.com in new Tab
Login to your blogger dashboard.
Layout >> Edit HTML>> Download Full template
8.Revert back to Disqus tab.
CLICK on Choose file .
A new window will open Chosse the select xml file which you have downloaded in step 7.
If u want to import previous comments from blogger Click on 2nd check box...like this
Use Disqus Comments on all blog entries. Any existing comments can be imported in.
Click on Upload and continue
9.COPY THE XML code given by the Disqus.
10.Revert back again to Blogger tab.(Edit html tab)
11.Click on Expand widget template
Expand widget template
12.Paste the code(copied from disqus site) in to the edit tempate area.
13.Click Save Template
14.View blog to see a new DISQUS comment system on your blog.
Whats more ???
You can use Disqus to import your previous blogger comments .
You can import comments from .other commenting system like intensee debate
You can add comment moderators to your account.
You can customize your comment system with every color combination.
Use disqus widgets for blogger.
Create falling Stars effect to blogger.
After adding various successful effect on blogger like
Spring effect to blogger,
Winter snow effect to blogger,
Create falling heart effect to blogger.
This is the forth one is this category called as Falling star effect to blogger and fairly simple and easy to install.
2.Try Copy and pasting way.
Copy the below code and add it to your Html/javascript gadget and place the gadget at the bottom.
Spring effect to blogger,
Winter snow effect to blogger,
Create falling heart effect to blogger.
This is the forth one is this category called as Falling star effect to blogger and fairly simple and easy to install.
2.Try Copy and pasting way.
Copy the below code and add it to your Html/javascript gadget and place the gadget at the bottom.
See A image Based Tutorial
Make first letter of your post large and attractive
Just follow easy steps :
- Login to your dashboard
- layout >> Edit HTML
- Check Expand Template Widget in the top corner.
- Use browser search to find ]]> b:skin>
- Copy the following code, place it above code ]]> < /b:skin>
.initial {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}
Click on Save template
How to write a post??
Type this code < span class="initial"> First Letter </span> in HTML mode. Insert the first letter of your articles. After writing initial letter ,you can type in Edit HTML or in the Compose
Sunday 22 November 2009
The Song Is You
It might seem innocent.
Yes, this is innocence. It is the purity of what happens when the postmodernisms and the camps and the sooavantgardes have made their statements and played their anti-tunes, and yet, we are still there, trying to listen in to that something special.
Call us romantic. Call us Those Who Couldn't Stand The Progress And Stepped Back.Retrograded, taking the easy way out, exploring the (music's, world's, history's) feedback.
Call us romantic. Call us Those Who Couldn't Stand The Progress And Stepped Back.Retrograded, taking the easy way out, exploring the (music's, world's, history's) feedback.
Yet feedback is not the sound that comes back to its source. It is not the echo. It is the echo used as an input.
Thus, what you call feedback is the mere beginning, the source material of the process of creation. As the world comes back crumbling to the imperfection of our ever-childish senses, our feeble gestures, breaking through our inherited self-irony, make things possible. Better, they give us back the light.
Too light? Too naive?
Would you prefer this?
The Gospel was right: The meek shall inherit the Earth. Actually, they've inherited it already. Along with the self-irony, they took what was most precious, and what many deemed lost - the damn aura. Yes, the damn aura still shining and glowing through all the mechanical reproductions. We still want their bloody flesh, we still want to know this is where it's at, right here, between the stage and you, between the song and you.
x x x
All this crossed my mind when watching the brilliant The Song Is You festival at Powiększenie in Warsaw recently.
The song that stayed with me the most was simple.
Here it is:
Do you get it? Beyond the gorgeous lyrics, can you feel how it was, listening to it in the club basement, with the grand piano behind Momus, the lights, the weekend dying away? Or can you imagine it? How different is the song you hear from mine?
More on the festival here. Don't miss tonight (12.03), the last part of the festival, with Kyst and AU.
Add devider between posts for blogger-post devider
Few days back i write a post about adding background color/image to your blogger post.Now we will learn to add post devider between posts.I have seen certain blogs with good content but failed to hold readers because of improper template design with lack of popup ability .ONE of the main reason for adding post dividers is to make readers easily differentiate between posts.
Lets just begin and see how we can add post devider to any customized blogger template.
.post {
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjynZAByFxfHXh_vSV6q-67SWYy5GP2szdpNXhvpe1i6U-eMd-hP1q8bKKN5mihhB2hBF6t3YExPnIk4hW0NTlkGLGD_MiH2Yl9KNSHz5vgzhWJ1UyFW2_6iBZvNmrEIlVMLvM4QEka-x28/s1600/box-bgr.gif) repeat-x top;
float: left;
width: 475px;
margin-bottom:5px;
padding: 10px;
overflow:hidden;
border:1px solid #cfcfcf;
}
Now ALL you have to do is add CSS properties Of a seperator:
background: url(POST-Separator-Image-Url);
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom:2.5em;
margin:.5em 0 1.5em;
And Dont forget to change POST-Separator-Image-Url with your divider image url.
.post {
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjynZAByFxfHXh_vSV6q-67SWYy5GP2szdpNXhvpe1i6U-eMd-hP1q8bKKN5mihhB2hBF6t3YExPnIk4hW0NTlkGLGD_MiH2Yl9KNSHz5vgzhWJ1UyFW2_6iBZvNmrEIlVMLvM4QEka-x28/s1600/box-bgr.gif) repeat-x top;
float: left;
width: 475px;
margin-bottom:5px;
padding: 10px;
overflow:hidden;
border:1px solid #cfcfcf;
background: url(POST-Separator-Image-Url);
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom:2.5em;
margin:.5em 0 1.5em;
}
Click On Save Template
FINAL THOUGHT
Where to find Post separator image .Google is your friend.
You can use These Free seperators collected from web.
Lets just begin and see how we can add post devider to any customized blogger template.
- Login to dashboard .
- Navigate your way to edit HTML(expand widget template)
- AND use your browser search to find .post
.post {
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjynZAByFxfHXh_vSV6q-67SWYy5GP2szdpNXhvpe1i6U-eMd-hP1q8bKKN5mihhB2hBF6t3YExPnIk4hW0NTlkGLGD_MiH2Yl9KNSHz5vgzhWJ1UyFW2_6iBZvNmrEIlVMLvM4QEka-x28/s1600/box-bgr.gif) repeat-x top;
float: left;
width: 475px;
margin-bottom:5px;
padding: 10px;
overflow:hidden;
border:1px solid #cfcfcf;
}
Now ALL you have to do is add CSS properties Of a seperator:
background: url(POST-Separator-Image-Url);
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom:2.5em;
margin:.5em 0 1.5em;
And Dont forget to change POST-Separator-Image-Url with your divider image url.
So now your combined code will be :
.post {
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjynZAByFxfHXh_vSV6q-67SWYy5GP2szdpNXhvpe1i6U-eMd-hP1q8bKKN5mihhB2hBF6t3YExPnIk4hW0NTlkGLGD_MiH2Yl9KNSHz5vgzhWJ1UyFW2_6iBZvNmrEIlVMLvM4QEka-x28/s1600/box-bgr.gif) repeat-x top;
float: left;
width: 475px;
margin-bottom:5px;
padding: 10px;
overflow:hidden;
border:1px solid #cfcfcf;
background: url(POST-Separator-Image-Url);
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom:2.5em;
margin:.5em 0 1.5em;
}
Click On Save Template
Where to find Post separator image .Google is your friend.
You can use These Free seperators collected from web.
You can follow Myfundooblog-on twitter
Saturday 21 November 2009
Blog Offline : Windows Live Writer
Windows Live Writer is Backed by a Trusted Brand - Microsoft
A big perk of using Windows Live Writer is its integration with Microsoft's other products, particularly the other Windows Live tools. You can feel confident that Windows Live Writer will continue to be updated well into the future.
New Authoring CapabilitiesWindows Live Writer Offers a Wide Variety of Features
* Inline spell checking
* Table editing
* Ability to add categories
* Page authoring for WordPress and TypePad
* Support for excerpts and extended entries
* Improved hyperlinking and image insertion
* Paste Special
Integration and Compatibility
* SharePoint 2007 support
* New APIs enabling custom extensions by weblog providers
* Automatic synchronization of local and online edits
* Integration with Windows Live Gallery
* Support for Blogger Labels
Plus...
* New look and feel
* Available in 6 languages
* Improved accessibility and keyboard support
* Many other frequently requested enhancements!
Download from Live.com || Download From Softpedia
You can follow the steps in this simple Windows Live Writer Tutorial to get started with Microsoft's offline blog editor today.
Sitemap
Site Map
Homepage
Last updated: 2010, February 24ONE LOVELY DRAWING, part 29
This is why your grandpa spoke with such reverence about the great Al Dorne.
1953 illustration from Colliers about six greedy, shiftless sons waiting for their father to die.
These overalls alone are an act of utter brilliance:
Notice how sharply Dorne observed the folds at the knee and the waist, and how he used such a descriptive line to convey them. You can also tell from the way he drew those haunches that he understood perfectly the anatomy beneath the overalls.
Dorne's knowledge of anatomy did not hobble his imagination in any way. Look at the liberty he took in redesigning the human skull, placing ferret-like heads on the bodies of lummoxes.
In addition to the seemingly dislocated jaw, note the loving attention Dorne paid to the furrowed brow, the curve of the eye and the interaction between cheekbone and nose. This is a master draftsman at work.
Other examples of that fabulous Dorne line include:
But it would be a mistake to look at this drawing as just the sum of its highlights. Look at the total architecture of the drawing. Dorne has carefully placed these sons, leaning forward like vultures, to focus all attention on the dying old man.
Although he is the centerpiece of the drawing, you never see the old man's face. In a further act of stagecraft combining color and line, the old man's red sleeve draws your eye right where Dorne wanted it. (Admittedly, these watercolors have faded with the years, but even in 1953, that sleeve stood out).
For me, this is a lovely drawing with the kind of complexity that you rarely see in illustrations designed for today's shorter attention spans. The artist Leonard Starr recounts an exchange between Dorne and famed pop artist Andy Warhol: Warhol claimed, "Art today has to go beyond mere drawing" to which Dorne responded, "Excuse me, Andy, but there's nothing fucking 'mere' about drawing."
1953 illustration from Colliers about six greedy, shiftless sons waiting for their father to die.
These overalls alone are an act of utter brilliance:
Notice how sharply Dorne observed the folds at the knee and the waist, and how he used such a descriptive line to convey them. You can also tell from the way he drew those haunches that he understood perfectly the anatomy beneath the overalls.
Dorne's knowledge of anatomy did not hobble his imagination in any way. Look at the liberty he took in redesigning the human skull, placing ferret-like heads on the bodies of lummoxes.
In addition to the seemingly dislocated jaw, note the loving attention Dorne paid to the furrowed brow, the curve of the eye and the interaction between cheekbone and nose. This is a master draftsman at work.
Other examples of that fabulous Dorne line include:
But it would be a mistake to look at this drawing as just the sum of its highlights. Look at the total architecture of the drawing. Dorne has carefully placed these sons, leaning forward like vultures, to focus all attention on the dying old man.
Although he is the centerpiece of the drawing, you never see the old man's face. In a further act of stagecraft combining color and line, the old man's red sleeve draws your eye right where Dorne wanted it. (Admittedly, these watercolors have faded with the years, but even in 1953, that sleeve stood out).
For me, this is a lovely drawing with the kind of complexity that you rarely see in illustrations designed for today's shorter attention spans. The artist Leonard Starr recounts an exchange between Dorne and famed pop artist Andy Warhol: Warhol claimed, "Art today has to go beyond mere drawing" to which Dorne responded, "Excuse me, Andy, but there's nothing fucking 'mere' about drawing."
Subscribe to:
Posts (Atom)