…a pornit de la o campanie de publicitate, si s-ar putea legaliza.

Pana una alta, la Pizzeria Cosmic se va intampla:

Alte afise gasiti aici: Link!

Let’s say you would like to add a Google map on your site. Reasons are simple. First of all because it is possible, and second of all, this is a very good way to promote your business. Especially if you have direct contact with your clients (store, restaurant, coffeshop etc.)

I’ll try to show you what to do if you have a static (plain HTML&CSS) site, allthough I’m sure that this could work on dynamic sites too.

So, let’s start

1. Gather intel

Ok, first you will need the exact location of your business on the map. And here I’m thinking at latitude and longitude. You could google it, but it is much easier if I give you a link, right? Thought so… LINK

Here enter the exact address, let’s say Petru Maior street, Reghin, Mures, Romania.

2.Play!

2.1. Pick an API

For this you go to the google playground and locate in the Pick an API tab wich map you want to use. Well, I like Info Windows Complex V3, so click on it, and in the Edit code tab we see the code. In the Output tab we see, obviously, the output, the actual map.

Now here’s the tricky part:

• Click on Edit HTML. Now in the Edit code tab we see the HTML code, with the javascript in the HEAD
• Here you modify with the coordonates of your location, and with the text in the talk bubble you want to appear, just like bellow and click on Run Code

3. Put it in your site

• Select the 2 ‘script’ tags from here, copy and paste in the HEAD (before the </head> tag) of your site

<script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=false”></script>
<script type=”text/javascript”>

var map;
function initialize() {
var mapDiv = document.getElementById(‘map-canvas’);
map = new google.maps.Map(mapDiv, {
center: new google.maps.LatLng(37.4419, -122.1419),
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP
});

google.maps.event.addListenerOnce(map, ’tilesloaded’, addMarkers);

}

function addMarkers() {
var bounds = map.getBounds();
var southWest = bounds.getSouthWest();
var northEast = bounds.getNorthEast();
var lngSpan = northEast.lng() – southWest.lng();
var latSpan = northEast.lat() – southWest.lat();
for (var i = 0; i < 10; i++) {
var latLng = new google.maps.LatLng(southWest.lat() + latSpan * Math.random(),
southWest.lng() + lngSpan * Math.random());
var marker = new google.maps.Marker({
position: latLng,
map: map
});
}
}

google.maps.event.addDomListener(window, ‘load’, initialize);
</script>

• Select the ‘div’ tag from the BODY copy and paste it in the BODY of your site

<div id=”map-canvas” style=”width: 500px; height: 400px”></div>

That’s all! It will look just like on this site.

You succed promoting your business for those who would like to visit you!

Sorry about the crappy pics, I’ve made the tut very late in the night, and didn’t have the mood for more elaborate ones. I know I should have done better, as a designer and all, but if you wanna see my real work click here. Thanks.

Nu ma consider mare programator. Daca vad un cod, imi dau seama, oarecum, despre ce e vorba. Dar nu pot sa spun ca stiu programare. Din pacate.

Din fericire, insa, sunt altii care stiu. Si chiar foarte bine. Si programatorii astia au grija ca cei ca mine, sa nu reinventeze roata. Au creat CMS-urile. Content Management System. Brilliant ideea.

Magento e un CMS specializat pe e-commerce, cu care tocmai am avut de-a face.

Aici e un proiect Magento! WinPC.

Because Magento is a new platform for e-commerce, since 2008, there aren’t too many tutorials out there. That’s why I decided to put a simple one on my blog. It’s just a little something that I did on the first Magento project I’ve made.

So, let’s say you want to monetize your store, allthough it’s not a really smart move: you might advertize your competition on your site, but for the sake of tutorial, let’s pretend you want to add an adsense unit on your Magento site.

I’m not going to explain how to set the adsense unit.

So…

Step 1

In the Magento Admin Panel, go to CMS -> Static Blocks and click on Add New Block

Step 2

At the Block title you can put Adsense.

Identifier: adsense.

Store view: Select in which store you wish to put the block.

Set the Status to enabled.

Then, at the Content you insert the code from the Adsense unit you created.

Save block.

Now the static block named Adsense, with the identifier adsense is

created. It’s time to actually put it on the site.

Step 3

Now you have to edit catalog.xml, and for this you go to the location where Magento is installed.

Go to appdesignfrontendmy_packagemy_themelayoutcatalog.xml

Here you have to insert the following code:

And that’s all. Now you have monetized your store. Congratulations!

You can do this for any other thing you want to put on the Magento store, like an Yahoo!Messenger badge, or any other HTML code.
I hope it helps.