Supermunk’s Blog

Where To Put Ads On A Blog

November 14, 2009 · 2 Comments

BEHOLD!  A visual representation of where to actually place ads on a blog. Finally!

I made it in response to all those bogus sites that give you some canned response along the lines of “Gee, you should really leverage your blog to hold ads…I generate tons of revenue cuz I know how to leverage, blah-blah-blah…”

And other such pearls of wisdom like the following…

“Just look at my site: I have thousands of visitors so I must be clever, AND, I know what I’m talking about. See that? That my friend, is a picture of a Mercedes XLR. With a skank. From advertising revenue, I’m gonna have one shipped to my house in an ecologically-sound container made from recycled pandabear reeeeeeeal soon! See you @ Blogmania Conference in 2010! With more skanks! Don’t tell my wife – don’t cockblock me – haters!”

—–Some Insecure Tool


“Because I have eight 17″ Macs and four 30″ monitors. I’m so damn rich on ad dollars it  makes me an authority on blog ads. I can now set my fancy high-tech network to wirelessly leverage teabagging me because I make so much money from ad revenue…I leverage…leverage, leverage…because I know what I’m talking about. From my heated solar-powered lawnchair right next to my bamboo home spa in my green LEED certified architecturally minimalist home in the Swiss Alps that I bought with ad dollars…btw, put lots of ads on your site – buy my ebook – what are you waiting for? Skank, bring me my Macbook Air. No, the OTHER ONE.”

——Turtleneck Nerdling In a Foreign Country


“BLOGMANIA CONFERENCE 2010! Casino- DUDE! Casino in the LOBBBBBYYYY! W00T!”

——-Slacker College Dropout with Startup Funds (don’t ask me how)

Fuck all that noise. (ok, it’s an inaccurate depiction- get off my ass)

I must’ve visited a few hundred sites (I’m not joking) and NONE OF THEM actually show you visual guides! And why the hell not, I ask? I ask thee?

SO! I took it upon myself to make a visual diagram of where the hell one actually places ads on a blog.

Because to newbies (that’s N00bs – get hip to the lingo people!) will get confused. Not all blog templates are built the same, so not all can accomodate all the different types of blog ads. There’s so many varieties, after all. Many sizes/ colors/ shapes -mygod, it’s like shopping for shoes at a back-to-school-sale! Shoot me now…

BUT NOT YET! Ok. Less talkie, more bringie!

Yes the diagram looks small. So does your **** Mr. Smartypants. But if you click on this link it’ll open bigger in a new tab or window, depending on type of browser you have. Can’t say the same for your little friend – slamdunk!

Where To Put Ads On A Blog Visually

A few things you should know about the image above:

  • It’s not drawn to scale. So when it says an ad measures 125×125 px., that’s not the exact size of a 125×125 square when you open it up on your computer
  • This is a blog design I came up with off the top of my head. It’s pretty lousy, I know
  • This  in no way represents any actual blog anywhere in cyberspace, just a general mishmash concept of every blog in blogosphere. And really, who’d come up with something this badly drawn except me?
  • It took many hours to make badly drawn diagram, hence the annoying watermark stamped all over it. Suck it up.

I assume you already read through that diagram. Good! Now I’m gonna bring in the black & white version so you can see exactly where each and every ad is located amongst that mess:

WILL YOU LOOK AT THAT!

It’s all pink-highlited to test the limits of your color-blindness and, security in your masculinity! Kidding, I highlited all ad spaces for better visibility. Also, it’s numbered! In baby-boy blue! Thank you Wingdings 2! Wait, was it Wingdings or Webdings? Hmm, now I want buffalo wings. Darn.

And now, the  breakdown: Keep reading →

→ 2 CommentsCategories: blog ads · blog diagram
Tagged: , , , , , , , , , , , , , , , , , , , , , , ,

The 5 Times SuperMunk Averted Terrorism

September 11, 2009 · Leave a Comment

Happy 9/11 everybody!

*My SEO post is coming…wrote it waaay too long so I’m currently breaking it up into several posts. Enjoy this post for now*


Since I live in NY, I am always undoubtedly reminded of it. Such as, the time my boss made me run to the post office for stamps. On the 1st year anniversary of 9/11. Inside the gigantic ENOURMOUS post office behind Madison Square Garden. Yes, the really big one that takes up one entire cubic city block.Yes, the one with the long-ass lines where you stand in them for over an hour at least. On a slow day.

Here is a picture of it (thank you Google Maps):

Reeally huge post office!

Reeally huge post office!

But my boss reeeally needed those stamps (no stamp vending machines put in place there at time) and I prayed on the way over there I could make it in n’ out fast. In fact, I was whispering my prayer under my breath standing in line and this bitch on a cell phone shot me a dirty look and kept yapping.

After that, I swore off large public spaces during 9/11 as a sign of bad luck. And of course, I had to take the subway home- equally unerving. Especially when the damn train got stopped in between stations underground (we were literally under the East River!) so yea, lotta anxiety there. Longest hour of my life. :-X

Fear Alarm Set To…ON

Everyone’s FearAlarm© (I’m coining this term-copyright me, SuperMunk, 2009, All my rights are reserved! Fool!) is set on um, orange, and maybe, high? Watch dis.

You know when I took the Metro rail road to & from jury duty, I noticed a brown paper bag left on a seat across from me that looked full? and the top of the bag curled to closed.

And I though, RUH-ROH! I’m doomed! DOOMED!

Now they always have posters begging you to report this shit, but do they really care? Cuz I saw that ticket-taking metro employee pass by me a couple of times with disregard. The other ticket-taking dude was the same way! So I changed seats to 2 cars away and in my mind, rationalizing that it wouldn’t impact me any potential explosion that could arise from this. Thank God it was only 4 stops to my station!

Now I also avoid all the trains/ federal buildings/ large public spaces/ ports/ piers/ tunnels/ and anything else similar. We have all of these surrounding our great city, so I guess we’re more vulnerable?

It’s creepy to think about.

Soldiers, artillery, dogs, checkpoints

I used to work on Wall St. a few years back and commuted via the Weehawken ferry where every morning at the dock we had to open our bags to the ATF guys (they carry loaded arms- they do not fuck around!) to make sure we weren’t packing bombs or some shit. But everyone was too sleepy at that hour in the morning to give it too much thought, and automatically had their bags open upon entering the ferry. As if by some natural instinct; we’re just programmed now that way.

My morning commute!

My morning commute!

Just so happened that our line was by far the longest ferry commute on the Hudson River; at about 15 min. long;  from pier to pier. If you’re anxious, that’s a long time to be thinking about fear!

I also got used to seeing army dudes in camouflage parading up & down Penn Station, Grand Central, and the other transit depots with the occasional bomb sniffing dogs and military style assault weapons. We’re all used to seeing it that I’d think it’d be weird if those dudes just up & vanished one day. Of course, last time I was at Penn Station, some angry dude was screaming profanities at some couple, getting in their face and threatening to kill them. Nope, cops never around when you need ‘em. Lunatics are everywhere in this town. Yikes!

So maybe this tactic  isn’t far fetched?

But I am grateful that much protection is around. It serves to calm me a bit.

Strange, the inconveniences the people get used to.

Oh, get off my ass! I meant the inconvenience of living with your fear alarm always turned on.

Always scanning for the nearest exit and well lit street. It’s exhausting!

So used to it.

Yes I am.

I gotta tell ya, I’ve never lived anywhere where you can keep your door unlocked. That is still a prepostorous notion to me: Unsafe and impractical. Well, except for my short stint in North Carolina. It was MINDBLOWING! to be able to go for a nightly stroll without the fear of getting jacked. I have never experienced that sense of tranquility. After a few days, my God! My FearAlarm© dissipated.

And then I moved back up here and boom! Returned with vengeance. Picked up rite where it left off. Unbelievable.

I gotta tell ya, for me it’s not such a big deal anymore. Since I never lived anywhere nice, I’ve always been on alert. In fact, I’ve actually dodged terrorism 5 times! Count ‘em, 5!

The First Aversion

Get this, I was just about 2wks old. Yep! My parents brought me on a plane from Central America heading to P.R. And on that plane, she told papi that there were some fishy men, and she was getting bad vibes from them. She made sure to seat us far away from them. When they landed, everyone on that plane was stopped by the FBI and questioned about the men. They told mami they were looking for Shiite? Muslims but did not say why. Mami said they kept her and the other passengers in the dark about details. And that’s the long and short of it- she never heard from them again. This is the tale my mami recounted to me just a few weeks ago, and only because she remembered it after seeing some Madrid bldg. get blown up on tv two weeks ago.

The Second Aversion

My brother and I are just months apart. When we were in jr.high, he worked at the front office during his study hall time. The principal that day had the door slightly ajar and he overheard an angry conversation she put on speaker. The other voices on the phone identified themselves as some Colombian militia group who threatened to blow up the school the following Friday if their demands were not met. My brother didn’t hear the part where they requested anything, as he stepped away from the door to not get caught. Now I don’t know what resolution they came to but, mami called on Friday saying she was taking us to the doctor. We happily stayed home that day, and nobody in school ever came to know that story.

And the school did not blow up. It stayed the same as always.

The Third Aversion

I’m counting gang warfare as terrorist activity.

The very last day of highschool for me was very nerve wracking. In our school, fights broke out everyday. And once a week, a cop car was parked out front. To give you an idea, we had an 8mo. pregnant chick beat up 2 security guards because they wouldn’t permit her to go to the girl’s room. Because she didn’t have a hallway pass, despite permission from teacher. Yikes!

And why did the kids always fight inside the school? As one of them put it, “Better that a teacher come break it up. If we fight on the street, no one’s there to break it up so you get killed.” *gulp!*

And in my last week there, we had some incidents of students stealing other students’ gold jewelry, Timberlands, and just about anything they could get their grubby criminal hands on. Some joker kept screwing with the lights all week to make the theft easier, as was the ongoing rumor. And so people were getting angrier and angrier and more fights ensued.

Adding to the tension was the miserable June heat. We had no A/C – our school was plain ol’ ghetto- as in, when it rained outside it rained inside too. Especially around the stairwell. They had buckets for that.

And that last morning of school ever, I heard in homeroom someone drop the name LatinoKings saying they were coming into the school that day for a brawl. Maybe that explained the uh, twenty-somethings I saw wandering the halls that week – yeesh! And this is a school with security guards, mind you! I also remembered seeing from the bus 3 cop cars out front, 3 more at the other highschool (we had 2 highschools on the same lot- our district was that big!) and I thought to myself,

Fuck this mo’fuckin’ shit!

I didn’t sign in or stick around for homeroom. I walked out of the school> around the back> thru the path in the woods that emptied out into some residential area> walked all the way home. My mom was surprised to see me as I told her what happened. Screw attendance! Living is more important to me. As was graduating, which I did with no problem.

The Fourth Aversion (warning: a little depressing/ graphic)

Was, surprise surprise! 9/11 itself!

The night before, I stayed up all night drafting a ground plan of our kitchen as papi was having it renovated. It took me so long because i was working without my lead pencil/ adjustable ruler/ drafting table.

By the time I was done, it was almost 8am. I was having coffee, showing mami the drawing. She asked me if I was going to the city and i said no, I’m tired. Changed my mind.

A friend of mine had invited me to some fancy birthday at a club about 2blocks away from WTC that same evening. Usually I go to places early to stake them out if I am unfamiliar with them. I even had it planned how I was gonna check out the place early and hang out there all day and go to the Police Musem, NYSE tour, and crash at my friend’s place in the village. I never miss a party! And I was set to go early on the train to beat the morning rush hour traffic.

Alas, I was too tired from drafting all night. Which worked in my favor.

Was about to go to sleep when my cousin called (he never calls) and told us to turn on the news.

We saw one of the towers on fire. And we were like, damn! I hope they put the fire out quick!

Then a plane hit the other one! Another fire!

I already knew those people were doomed. No way you could evacuate that many people from a skyscraper that had over 100 floors!  Sadly I was right.

Then both towers collapsed. …………..

I should’ve been there. I came that close! *double gulp!*

OhmigodOhmigodOhmigodOhmigodOhmigodOhmigodOhmigodOhmigodOhmigodOhmigodOhmigodOhmigodOhmigodOhmigodOhmigodOhmigodOhmigodOhmigodOhmigod

The radio played this looooong beep sound. It was the Emergency Broadcast system and all stations went out.

And the rest is tragic history.

Nobody I know got hurt, thank goodness. But I will tell you some of my friends’ accounts of that day:

  • My Jersey friends said (they lived along the river) that the smoke burned for days. They could see and smell it from their balcony
  • My friend from that party said everyone got evacuated from all office bldgs. all over town
  • Another friend said his office sent him on an errand just north of Houston st. where everyone got a look at the (1st) low flying plane that hit the first tower. They also saw both towers fall and he said it felt like an earthquake
  • My now ex-bf said he and his roomate weren’t allowed on the bus that takes you into Manhattan (they lived in Brooklyn) and everyone stopped in the middle of the street/ traffic came to a standstill and saw the smoke where the financial district was
  • Ex-bf also said that someone came into his store the next day all trembling, and told them he saw some woman amidst the chaos at ground zero looking straight up as a falling brick sliced her head in half. I really hope that’s not true (v_v)
  • My friend’s aunt cleaned offices there but went to dentist appt. that morning. Faulty teeth saved her life!
  • I once dated this Asian guy who owned many internet properties and had his own office in the second tower. I often wonder if he made it out. I still have his business card in my photo album
  • My friend’s boyfriend worked around that area as a stock broker. He told me he was dodging debris left and right and felt that same earthquake. He got home safe but covered in construction debris. The ensuing PTSD sent him to stay in Italy for a month while he recovered

A few months after the mayhem, I went early in the morning to check out the area. World Trade Center was an open gap. All surrounding buildings and skyscrapers were covered in tall black tarps. Broken cinder blocks everywhere. Dusty streets. Dust covered stop signs, vehicles, traffic lights. Several cars, vans, crushed under beams and rubble.

It was a ghost town. Though it was 11 am, there was NOBODY in sight. There is no part of NYC that is ever empty! And that’s unusual for Manhattan. Except for one dude I saw;  think he was a homeless crazie. What an awful place – I was overwhelmed with a horrible down. So I got out of there fast and didn’t approach ground zero until about 3yrs after they posted those light beams coming from it.

I didn’t take pictures cuz I had no camera. Believe me the memories are vivid enough. Rite now I feel a bout of nausea just typing this shit.

*going for antacid tablets*

You wanna hear something incredibly fucked up?

The year before the terrorist attacks, me and my friend Poundcake went to World Trade Center. We were on a donut hunt since we heard there was a Krispy Kreme on the ground floor of one of the towers. We got our delicious donuts and sat in the square of WTC. For anyone who remembers, there used to be a black marble circular benchy somethingorother with a matching abstract sculpture in the middle of the plaza. People sat there during lunch hour on sunny days, when the fountain wasn’t turned on. We sat on it too, with our backs flat against the marble looking upwards.

And this, I swear. I fucking swear to you I’m not lying, but I turned to Poundcake and said:

“Wow, now that is damn big! Can you imagine if these were to fall?”

HELLO!

Can anyone say ‘creepy foreshadowing’?

Here’s an old schematic plan of the old WTC layout if you don’t remember.

The Fifth Aversion

Lo and behold! The last aversion to terrorism for SuperMunk!

I went to the Jersey City DMV which was near my new apartment. I went, and waited, and waited….

Until they called my name. I went up to the window and WHAT? They close the curtain on me!

I was told to return tomorrow. Terrific! They were closing 15min. early and I couldn’t be there tomorrow!

So I went the day after and got there even earlier.

So here we were (ex-bf accompanied me) and I was halfway up to getting my name called when all windows get closed down!

We were all looking at each other like, WTF? My ex-bf joked about another it being terrorist attack. I told him I’d believe it too- all the shit I’d gone thru it just wouldn’t surprise me. You could tell me a dancing bear on a unicycle was making his way to the galleria with a nuke strapped to his care bear regions and I’d believe you.

And some lady who worked in the DMV began ushering us outdoors. Of course some of us were pretty pissy about it, and no one was saying anything. No explanations. The whole thing looked like a fire drill.

We went outside following the flow of confused DMV people, and saw the upstairs people flowing out the elevators, and everyone who worked there was being escorted across the street, WAAYY across the street! The intersection was barricaded off, and black SWAT armor trucks and  SWAT teams scampering the grounds.

It looked like a parade with so many people! And armed officers. Um, ok?

Me and ex-bf stood next to some chicks whose employee badges stated they worked on the 4th fl. One of them was smiling and saying to the other that the building got a call from someone saying they put a bomb to explode inside the building.

WHOA! Not cool!

So we got Popeye’s around the corner and went home, all disturbed-like. We even forgot the cole slaw and cajun fries.

I, am one damn lucky beeyatch

And that’s not counting all the near-death experiences I’ve had which, I shall regale you with another time. So! Whenever you feel a wave of ennui wash over you, or you’re sitting in a small car with your annoying family, or drop hit after hit of acid on the couch because nothing exciting ever happens in your sleepy town, just think!

You are alive. Your limbs are in tact.

No getting killed in a long-shot freak accident or natural disaster for you! Cuz you are alive! CATCH THE FEVER OF LIVIN’ AN’ BREATHING!

It could definitely get worse. We could all be in the middle of a warzone starving to death. With malaria. Ew.

Look, even if you lose everything, you have your life and you can rebuild!

Everyone makes a comeback. Just look at Mickey Rourke. We all have that ability as long as we’re alive and kicking.

Some people weren’t so lucky, may they rest in peace. I was.  And though I teetered on the edge, (too dramatic? fine- I’ll tone it down) I ditched the grim reaper many times and I am grateful to be alive. I especially remember this on the days where I get ultra whiny ;-) Corny yes, but regardless: thank you drunk angel over my shoulder!

And remember to tell your loved ones today how much you appreciate them, cuz you never know if tomorrow may be the day you get hit by a bus! Owie!

→ Leave a CommentCategories: ADHD · Uncategorized

Subscribe To SuperMunk RSS Feed

August 4, 2009 · Leave a Comment

32Wanna subscribe to SuperMunk?

I may already have realized my problems with Feedburner, especially since after all this time (about 4 months) I can finally log into it! Oh yay!

But that is neither here nor there.

Since I post about 4-5 times a month randomly, I reactivated my RSS feed for those of you brilliant inqisitive minds who want to get intellectually fisted with my SuperMunk wisdom but gosh darnit, don’t quite have the time to keep checking back to see if I posted recently.

Subscribe to SuperMunk!

It’s free, it won’t mutate your offspring, and at the end of the day you will have learned something valuable, or my money back. When you subscribe to SuperMunk RSS, you get an email notice showing you a small snippet of any of my recent blog posts plus a link to it.

I don’t misuse anyone’s personal email info. Because, I don’t have the energy to perform evil misdeeds on a global scale of Dr.Evil proportions. Also, that’s just a scummy spammy thing to do and I will have none of it! You heard me sir!

So! To subscribe, just look on the sidebar on the right where it says SUPERMUNK’S RSS and to it’s left you will see the tiny orange icon. Click on that and it’ll bring up my Feedburner RSS subscribe page. And you click on the subscribe button and that’s it, next stop is SuperMunk in your email! Woohoo!  And unsubscribing is easier than a drunk prom date so, what are you waiting for?

→ Leave a CommentCategories: RSS Feed · subscribe to SuperMunk
Tagged: , , ,

SuperMunk Tech Snafus

July 30, 2009 · Leave a Comment

Apologies if you were typing this post’s headline as keywords and ended up here. But bookmark it and return later!

Tis late July and we’ve entered hurricane season. Earlier this week, barometric pressure dropped resulting in a super humid week. Humidity so bad that I’ve got 2 fans going on me. I’ve had to bathe my dog every single day. Gliding across the carpet feels like residue and I keep sticking to furniture; ugh! Why just this morning, I found a birthmark on my ass shaped like 3M. ( looks like a promising career in sealing gift packages lies ahead…)

Other such non-sense…the weather has been a tremendous mindfuck, curtailing our journeys outdoors. I had to postpone my trip to Ikea for a comp. desk because it almost rained earlier. Shows me; the rain fell this evening. Curses!

Worse off, the rain keeps fucking up my reception. Heavy heavy rainfall, with thunder & lightning.  Nervous dog jumps into my lap, will not leave; inhibits me from typing. All wifi and satellite signals keep breaking up.  As you  fine people already know, all my posts are comprised of images and without a strong signal, it’s a bitch to upload so!  I may or may not post this week. Except for this update of course ;-)

I promise that the next post will have something to do with SEO. Been delaying it but I have a few useful tools you a-holes desperately need for your sites, courtesy of this a-hole! Meanwhile, watch this crazy-ass video, 1:10 min. long.

→ Leave a CommentCategories: SEO

Check Edit HTML Code with Firebug

July 22, 2009 · 2 Comments

Are you an HTML moron like me? Read on!

I don’t have $$$ or TIME to sign up for 3 semesters of courses in HTML, CSS, C +++ (do they still teach that?), PHP, Pearl, Ruby On Rails, and all other shit most of you ain’t ever heard of!

I’m also  NOT a software developer, computer programmer, nor an I.T. geek or anything of the sort. I most certainly DO NOT HAVE TIME TO CODE FROM SCRATCH! I am, an artist. One who spends countless hours on just one drawing. I’d much rather put my focus on that than spend countless hours sitting on my fat ass figuring this crap out.

No smarts/no time to learn/ no time to create or install source code by hand/ no $$$ to hire a professional to edit my webpages. What is a broke-ass moron to do?

Answer: Firebug.

What is Firebug for $200.00? (no really, gimme the money- cuz I’m all gangsta!) (wait, no I’m not)

Firebug is anothe nifty downloadable Firefox extension.

So yes, you can only use Firebug within the Firefox web browser. And I will be using the full version for Firefox as I tell you all about it.

However, you can download Firebug Lite for Internet Explorer, Safari, Opera, or any other web browser.

How Complicated Is It To Use Firebug?

Can you modify your MySpace page? Can you cut & paste embedded codes for things like YouTube videos? Can you change your blog’s template? Do you know where CSS code and HTML starts and ends? If you said yes to any of them, then you will have very little difficulty using Firebug.

Where to get Firebug

Three trustworthy places:

  1. Firebug website
  2. Cnet downloads page and type in Firebug in the search bar; select Mac or Windows to the right of it
  3. Mozilla Firefox Add-Ons page and type Firebug in the search bar

I’m sure you can find it elsewhere but best to go to the source and not some shady spammy website whose servers are outside the country. If you don’t wanna listen to my sage advice, oh well, you’re on your own!

Install Firebug

So! Download it> Save To Computer when it asks you> run an anti-virus check on it’s folder before opening (for good measure) >  install it. Go ahead, I will patiently wait. On the ceramic throne, so TAKE YOUR TIME!

Welcome back! Ok, so now it’s on your Firefox. Good. It should look something like this:

See the Firebug Icon?
See the Firebug Icon?

The Firebug Icon looks like a little cucaracha and it’s placed on the Status Bar (along bottom of browser). In case you don’t have the Status Bar showing, go to the top of your Firefox browser, go into View and select Status Bar. Make sure it’s checked on.

You can also switch it on/ off by clicking on the Firebug icon:

This window shows up when you scroll over Firebug icon
This window shows up when you scroll over Firebug icon

Firebug Menu Options

And guess what? If you right-click over the icon and it will bring up a menu of the following options. (for Mac users: hold down Ctrl button and click) But please take your time and read it through first before jumping the gun…

  • Open Firebug in New Window
  • Clear Console
  • Enable All Panels
  • Disable All Panels
  • Off for All Web Pages
  • On for All Web Pages

This is what that menu looks like:

Things I should mention first before going ahead

Firebug has ‘options on top of options’ and endless features. So I’m gonna tell you what you need and where to look so you don’t get lost in the mix.

Now pay attention, son!

Firebug opens up into two panels that automatically docks itself onto the bottom of your browser’s screen- in this case it’s Firefox. (it’s what I’m using) Some people may not like this option because it splits your screen in two and that could be visually annoying.

You can actually pull off Firebug and let it float anywhere on your desktop by clicking on the red button on the top far right. Here is an example:

How to undock Firebug from Firefox
How to undock Firebug from Firefox

And you click on that red button I circled and voilá! Firebug is floating as it’s own window on your screen. To reset it, click on the Firebug icon twice from the Status Bar.

To Enable Firebug

Now the Firebug icon will be installed but may show up in black & white. To check, go into the browser’s Tools at the top and Firebug should be listed there on dropdown menu. A  B/W icon means that while Firebug is indeed loaded on your computer, that it has not yet been enabled for all the panels.

To enable, right-click on the Firebug icon and select Enable All Panels. After you’re done it should look like this:

The Firebug cucaracha is now in color!

You can choose only one panel too. It’s just preference.

Another thing I should mention is that you can set it so that Firebug doesn’t show up in all pages and just your own. This is because in Firefox, you can have multiple tabs open simultaneoulsy of diff. websites.

Right-click over the icon and select On for All Web Pages or Off for All Web Pages. And that’s it.

What does Firebug look like?

We gotta put it over a website first to try it out. Let’s use Google.com for this exercise. And for those who don’t know, this is what the  Google search engine looks like:

And Google with Firebug activated looks a  little something like this:

See what I mean about ‘docking itself to the bottom’ ? Booyah-shaka.

I don’t want to confuse you but I manually highlited that piece of code. (it turns grey) It doesn’t show up colored on it’s own.

Anyway, let’s survey all the bells & whistles on this thing shall we?

  • Top Navigation Bar: Has all Firebug options (like increasing text size), Inspect Elements icon, Console, HTML, CSS, Script, DOM,  Net and it’s very own search bar
  • Left pane: All source code is displayed here.
  • Righ pane: All the Style and Layout information. So you won’t have to scroll thru all that code jargon just to find the style font or text size, for example. Don’t ask me what DOM is, I have no freaking clue. :-P

What I Use Firebug For

To be honest, the most frequent features I use is the HTML inspector and the Layout to show me sizes & padding.

When I check out other people’s blogs, I sometimes see a cool script and wonder what the name of it is, and where I can grab it? Firebug helps me see the code for it, so sometimes the author’s name is listed in there and I can just look it up.

Before Firebug, I had to look at endless source code to know how to format my own sites (I have a few blogs, not just the SuperMunk). It hurts the eyes to scroll through all that jargon. The more flash/ widgets/ tables/ galleries on your site, the more jargon you will see. It’s especially worse to read when the author of that source code left it looking like a miserable mess.  The kind of HTML/ CSS mess you type up in Notepad in one long consecutive line, or several broken spaces so you can’t figure out what goes where! Frustrating to the hilt :-P

I mentioned before I’m not some I.T. geek, and never took classes for this. I’m also short on time. Honestly, I’d rather be painfully waxing my legs than sitting in front of my screen for several hours reading a big fat mess.

But I do understand the importance of having a fully functioning site with useful scripts, so getting my hands on good code is essential. And not just that, but Firebug helps me see where I screwed up my own code and how it’ll look in a preview before making permanent changes to my own site.  Super helpful tool, it is!

Using Firebug To Make Changes

I will show you how to do this. First, let’s bring up that Google image once again:

The grey code I highlighted  pertains to the Google logo. It’s embedded on as an image file called nav_logo6.png.

As an experiment, we’re gonna mess with this Google’s front page. I am gonna change the blah white background color to a cranberry color.

To change the background color we change the hexachromal values  from white (#ffffff) to our cranberry color.

But SuperMunk, how am I supposed to know what that means? WTH?

Ok you impatient-Ishmael! Pay attention now. In cyberspace, all colors are assigned number values called hexachrome values made up of multiple digits/ letters. The color white happens to be #ffffff , see? We can take shortcuts here because no one in their right mind has these color values memorized. Don’t worry, no one’s gonna judge you!

For my shortcut, I use a helpful website called ColorPicker and it looks a little like this:

And that’s the value we’re going to use. Good ol’ #DD4571 .

So we actually just click on the background value in Firebug. Yes, it lets you change it from there. Just click on it and you’ll see, like so!

From white to cranberry, we change #ffffff to #dd4571 . It’s not case sensitive so don’t worry.

And behold! Here’s how it looks afterwards!

Isn’t that all peaches or what!

Wanna try something else?

How about erasing that Google image? We just have to go into Firebug and delete that grey highlighted code:

For any images on a website, Firebug will display a bite-sized preview of that image along with it’s pixel size. You can see that for this Google image above overlapping the grey code. When you have Firebug activated and you scroll over any websites, elements get automatically highlighted in blue. I scrolled over the Google image and it turned blue as you can see.

So I right-clicked over the code and chose Delete Element, and guess what happened?

Something you need to know is that while you see changes occur in real-time, Firebug itself cannot actually change an actual website’s code. That’s something you need to log into the actual website’s template to do. Firebug can show you previews of changes in real-time you are able to make, but doesn’t keep them.

Don’t get discouraged though! Keep reading and I’ll show you how to get around this❁

Selecting Elements On A Website With Firebug

I refreshed the Google page so it didn’t save the cranberry color and went back to boring ol’ white. It also brought back the image. But we can change it to a chartreuse color! (yellow-greenish) The reason for this, is so you can see the blue outline of the elements stand out as we put our cursor over them.

To be able to select elements:

  1. Click on the Firebug cucaracha icon like the picture above. (the icon on the left-hand side on the Navigation Bar, not the icon on the Status Bar)
  2. Click on the Elements icon. It’s the rectangle with the blue arrow on it. It’s placed to the left of the cucaracha. Ok, I circled it in black, just like in the above picture!
  3. Now you can click on HTML or CSS or anything on the Navigation Bar. Personally I want to see the HTML code so that’s what I selected

See? I passed my cursor over the image and it highlighted in blue. Simultaneously, it’s source code also highlighted in blue as you can see in the left pane of Firebug.

But now, hold the phone…what if this was your site and you messed with it’s look and now you want to actually make permanent changes?

Editing With Firebug

Like I said, Firebug can only show you previews of changes. It can make actual changes for you but not save them. Any changes revert to previous state upon page refresh. Because Firebug works alongside web browsers, not websites. So to say Firebug edits is a sort of misnomer in itself.

So SuperMunk, how the hell am I gonna set my changes now? I just finished tweaking my page for the last hour or so!

Don’t cry! Dry your eyes! For SuperMunk has your solution…☻

All you have to do is export those changes into an editor program, and you can save changes there instead for uploading later to your site.

Such editing programs to use: Notepad, Wordpad, Microsoft Word, or any text editor. Personally I use Notepad ++. It’s freeware, and helpfully sets each line of code in it’s own line space, so you don’t end up with a big fat mess like I mentioned earlier.

So after all your tweaking…

Click on the Firebug icon on the Nav Bar > Open With Editor > Configure Editor.

Now Configure Editor is your only visible option if you haven’t already set which editor to use. So let’s configure right now, shall we?

  • Under Name: You can call it whatever you want. Even some silly sounding gibberish.
  • Under Executable: Click the Browse… button and pick an editing program from your computer.
  • Click the Ok button when you’re done. That’s it. You’re done with that.

Did it work? Let’s find out…

So if I click on Notepad ++ there, it automatically pulls all the source code from whatever website I’m looking at right into my Notepad ++ editor. It will look like this:

And that’s all she wrote! So go ahead and edit what you’ve got now. Save a copy to your computer and upload to your website or blog. Done.

So that’s pretty much it.

I should mention it’s in bad form to just swipe code that someone worked very hard to make from scratch. Some folks give their scripts away; some don’t. Permission sets are usually written into the codes so you will see it in Firebug. Always ask or only use what’s for free. There are ways to find out if someone ripped your code so I suggest you not become an asshat that steals. Remember that everything in cyberspace leaves a trail right back to you. Major search engines can penalize you for this (will talk about it in another post) so I wouldn’t try it for anything other than educational purposes.

Know right now that any template adjustments you will ever make all take their sweet time, but this tutorial I just gave only means to cut that time short for you. Also, even if you’re a N00B, don’t sweat it.  The beauty of it is that you can fuck up all the changes you make, see it in real-time and undo over & over by clicking on the icon. Amazing.

Play with all the features on Firebug all you want. There are video tutorials on YouTube also. Have fun and lemme know how it goes!

→ 2 CommentsCategories: C students · CSS · Color Picker · Firebug · Horizontal Navigation Bar · IT nerd · Notepad ++ · Status Bar · Text Editor · blog template · frustrations · image files · importing · morons · tutorial · upload
Tagged: , , , , , , , , , ,

Back Up Tweets

July 6, 2009 · Leave a Comment

First off, THANK YOU ALL FOR ALL THE LOVELY PAGEVIEWS!

*Updated 7/22/09*

Proof that the G-spot is not the only way to make a chick orgasm!

(oh my dainty ears!)

Second, I’m trying to get back into my 1 post per week niche but I’ve actually been drawing a lot. Drawing takes a loooong time, especially getting artwork camera-ready. Plus, been updating my other profiles; you get the drift.

SO! I’m gonna reward all you lovely-loyal-little-lemurs (monkeys are so played out!) with this post…

All you Twitter addicts, rejoice! For I will show you how to back up all your Twitter tweets! YES WE CAN!

BEHOLD! The magic of, TweeTake :

It’s called Tweetake and it backs up the last 1,000 tweets. Why only 1K? Because of Twitter API rules. Not just tweets though, but also Direct Messages, Friends, Favorites, you get the picture.

For example, here’s me punching in my username & password:

TTK2

As you can see, I only clicked on Your Tweets for this exercise, since it only lets you pick one at a time. Select  Everything if you want them all sent to your computer then click on the Get ‘em button.

So you should get a window pop-up like in the example below. It asks you to save the spreadsheet of information to your computer or to automatically open with whatever corresponding spreadsheet software you have already loaded on your computer:

See? So I chose to Save and then open the file with MS Excel. This is how it looks:

It tells me that since April, I’ve tweeted 1,001 tweets. Isn’t that lovely?

PROS:

The columns tell me the following (the pic above cuts off):

  1. what Type (Followers/ Sent / Direct Messages),
  2. ID # (not really sure what that is, guessing everyone’s username has numerical algorithms attached)
  3. Did that last one make me sound smart? Eh.
  4. Name (it’s whatever name you filled in your preferences)
  5. Screenname
  6. Location
  7. Description (basically your bio)
  8. Profile image url
  9. Protected (are your updates protected? If so, they have that padlock thing on them. Set it under preferences)
  10. Status Dates (when a tweet was dispatched)
  11. Status Text (what your tweet says)

This Twitter app is pretty toot sweet! It does however, have some limits.

CONS:

When I downloaded the backups for my Favorites, it only showed the last 20 I have stored. I have no idea how to get the previous 20 Favorites.

Same with the others except for the Sent tweets spreadsheet; there you will get your 1000 total.

Already dispatched a tweet to it’s founder, an @alfaguru listed under Tweetake’s Support, and will update this post later on if and when I get a reply. Don’t bother replying to @NikkiPlkington cuz apparently that address does not exist!

He posted a reply:

tweetake reply

→ Leave a CommentCategories: Followers · Tweetake · Twitter applications · back up · importing · spreadsheet
Tagged: , , , , , , , , , ,

Twitter App For Who’s Following You

June 26, 2009 · 6 Comments

Want a Twitter app to see who’s following you and who isn’t?

It’s called Friend Or Follow and it is 100% USEFUL.

(unlike other Twitter apps…!)

  • Friend Or Follow has shown me which of my Followers I’m not following back/ which of the people I follow aren’t following me.
  • Friend Or Follow can tell me this info via an Excel spreadsheet I can download to my computer.
  • Friend Or Follow can sort out all the Followers and Friends by Username/ Name/ Location/ Followers/ Following/ Last Tweet/ Account Age –via dropdown menu

Let’s go!

So I go to their web address, http://friendorfollow.com and this page displays. I typed in my Twitter name:

Of course after I hit the Submit button, it takes me to the following page below. Notice it resembles like a mini version of my Twitter profile, complete with my customized background wallpaper:

So a couple things to notice…

  1. At the top is my name, SuperMunk, with a little round symbol next to it.
  2. Click on my name>takes you to my Twitter profile.
  3. Click on round symbol>takes you to my blog (I put down my blog name for a web address on my Twitter profile)
  4. It contains the following tabs: Following, Fans, Friends
  5. The Following tab is the one that automatically displays. Notice it says supermunk’s following these 60 people, but they’re not following supermunk back. These are the folks you follow but they’re not following you.
  6. Notice below that, it says Export as CSV.

So let’s click on the next tab, Fans. Fans are the people who follow you but you have no plans to follow them. Please note the dropdown menu and spreadsheet link I mentioned.

And when I try to Export that spreadsheet file,

It downloads to my computer no problem. And this is what that file looks like when I open it:

Notice I highlighted the two columns, Followers_Count and Friends_Count. It’s helpful in helping me determine which followers to befriend and which to nix.

It gives you some very important info, like when those accounts where created, bios, location, etc. For business purposes, these vitals are pure demographic gold!

You can find out more details on each Fan (or Follower) just by rolling the cursor over any given profile. Just like I did below:

See? I highlited so you can see which person I clicked over, someone by the name Grisanti. And you can see their stats in a mini-window like you see here.

And the Friends tab:

Friends, are the people you follow that follow you back.

Now, you can get a Featured Profile by forking over some ca$h, as shown in the window below:

The Featured Profiles get shown in an animated banner that stretches across, like that ErikJHeels you see above.

So if you click on that right-hand side mini link, FeaturedSponsors.com, you get the window below:

But I haven’t tried it so if you do, you gotta tell me!

Bottom line: This Twitter app is GOLD for digging thru mines of wasteful spammers and separating them from the real Followers!

Pros: You can do this in your regular Twitter account, but you’ll be sifting thru Twitter’s long lists clicking on each and every single Follower and waiting for those pages to refresh so you can read their stats and hope to God that Twitter doesn’t crash in the meantime, or hope other API features deter you.

Friend Or Follow helps you see who you want to keep before you log into your Twitter profile and start deleting.

Cons: I only wish I could do the deleting right from Friend Or Follow. Oh well. Will be looking for updates in the future.

Enjoy. I gotta go delete some spammer’s asses right now!

→ 6 CommentsCategories: Demographics · Followers · Friend Or Follow · SuperMunk Twitter · Twitter applications · traffic · tutorial
Tagged: , , , , , , ,

How I Divide My Time 2

June 25, 2009 · Leave a Comment

For better, for worse, here it is:

Slow progress
Slow progress

You see what is transgressing here? Focused on actual drawings, I have! Been very hands-on lately. In fact, you can see my work at this address: www.twitter.com/strongvillage

An unfortunate side effect  of the overuse of the right brain results in serious bouts of depression. Yep, preeeetty sure I sound like I know what I’m talking about. Paging Dr. House, I think I’m onto something here!

For me, it comes & goes in waves. Hideous excrutiatingly annoying waves of whose amped-up backlash bitch-slaps me HARD, thus impeding any and all progress.

This past Monday I slept 13hrs. if that means anything.

I try reading or watching comedies on tv or online, just to trick my brain into positive healing. Sometimes it works. Sometimes.

I’m spiritual so I also try to meditate or engage in prayer. Sometimes it helps. Sometimes.

Us creative types need constant stimuli in a similar vein, which is why you always see artists packed into covens and on the extreme side of things, loners who rebuke all manner of social obligations. Fact is, we need to be amongst others that help influence our creative endeavors.

You have no idea how easy it is to fall off the creative wagon, so to speak. I’ve had several years go by where I just haven’t done one single creative thing, because that light inside of me has been shut off. To get that mojo flowing again is really freaking hard! So living in solidarity right now is not helping me in any way whatsoever.

And being hit with depression is another stumper. Both of these in combination eradicates all ambitions.

So it becomes difficult to just ’snap out of it’.

I could be in the middle of making some detailed drawings. I could be watching tv, snacking on some edamame and all of a sudden, WHAM! It’s like my mood sinks to the floor. It’s a digusting physical feeling of plaguing melancholy. It feels so damn REVOLTING. So bad, that I actually considered taking some of Mami’s pharmaceuticals.

Kinda hard to get work done when your body shuts down on ya!

And it’s gotten so much worse in recent years. Of course trying and FAILing, and falling down the bottom of the barrel over & over again really doesn’t help!  *Note to self: I gotta cut that shit out!

Having family to talk to I suppose helps, but we grew up without any family around us, and nearest relatives are about 1,000 miles away, so! No family to talk to.

Now usually normal healthy people have friends who’ll come over and cheer them up. I have no such lifeline; they’re all residing in the city and it would take a disaster of Katrina proportions to get their collective assess out here for a visit.

I have more social interaction with Twitter pals just to give you an idea of how pathetic it all is.

Anyhoo, I’d like to clarify right now if there’s any misconceptions here.

  1. The ‘being poor thang’ doesn’t really faze me since I’ve always been in fact, poor. Got a good handle on ghetto-living, I do!
  2. The not-having-a-boyfriend thing isn’t that big a deal for me since logistically there’s no time to devote to a relationship at this point.
  3. And the not-having-ca$h thing I’ve gotten used to since, hmm, puberty? Never been materialistic either. I’m not one of these girls who gets their nails done every 2 wks. or has to, JUST HAS TO, go shopping! Or go out and be seen. There’s nowhere to go and nothing to do anyways. Hell, I don’t even know where to hang out out here. I don’t know anyone out here either so, fuck it.

I can in fact, deal with the failure and sometimes the loneliness, but not the depression.

It holds me hostage and I have to wait it out.

And wait, and wait, and wait some more. Until it passes. Much like a hurricane.

The body shuts down- I barely come out of the room if only to drink some tea. I guess I’m admitting my depression for the very first time in my life and not to family & friends. To my own damn self.

I feel it’s imperative to discuss my low points in order to paint the whole picture of my rise to the top. Very few times you hear the ugly side of the early days coming from keynote motivational speakers. But now you know. No one’s perfect in this world and I will never try to give any readers that impression. This is, my major obstacle that I currently navigate around.

So if it looks like I’m slacking off or you see a great void between posts, now you know. Everyone wants their heroes to be infallible but, truthfully I’m just another human being trying to survive. And watch the latest ep. of True Blood. Cheers for now.

→ Leave a CommentCategories: ADHD
Tagged: , ,

SuperMunk MySpace

June 23, 2009 · Leave a Comment

Yes I have one. Well two really. Gonna delete one and move all friends over to the other one, which you can see a screenshot of below:

Feel free to friend me. Just don’t send me invites and crap.

→ Leave a CommentCategories: Uncategorized

Destroy Twitter Is Fun

June 14, 2009 · 2 Comments

Destroy Twitter: A Twitter Client

Customize Destroy Twitter By Building Your Own Theme - *UPDATED; June 23 2009*

How To Fix Change Notification Sound On DestroyTwitter – *UPDATED; September 4  2009*

Not like in WHEEE!!! fun, but fun enough for daily use. And it won’t give you butt cancer- I think?!  At least not in the state of New York.

Destroy Twitter is another Twitter application you can use outside your web browser. Think TweetDeck’s bad-ass cousin. The one where the whole family whispers about during cocktails and BBQ’s, but later asks him if he brought any joints with him. Oh, and with a few strange quirks.

Before installing, know that it uses Adobe Air so it could eat up a lot of RAM or make some computers slow down. Know your computer specs before proceeding to install.

Now if you already read my TweetDeck tutorial, then installing Destroy Twitter should be a snap. Remember you cannot install it without running Adobe Air first since they are symbiotic of each other.

Here’s what Destroy Twitter looks like:

Yessir, clean and simple!

Extend The Destroy Twitter Canvas

Now you can take that window and pull it down, or check the option under Preferences (Workspace>Wider Workspace) like so:

Add customized user Groups to Destroy Twitter just like TD!

Are we getting dizzy yet?

Post Pictures Directly Onto DT

What about picture posting?

Most people post a link to where ever the picture is online. But in Destroy Twitter, you can actually view it on the canvas itself!

One of my fellow tweeters posted a link to a pic and as you can see below, I’ve posted in 3 images what happens when you click on a pic link in DT: Click>buffering (43kb)>on screen

Of course, I decided to post one myself. The awesomeable thang about DT is that it gives you a wide set of options to choose from. For example, which service to use to post pics:

As you can plainly see above, one has the choice of using TweetPhoto, Twitgoo, TwitPic, blah blah blah…you get the idea.

I used TweetPhoto in this instance, both out of curiosity and by default. Here’s what I came up with:

You’ll notice my tweet is highlited. I’ve set the Preferences to automatically open any pics in a new window, or in the case of Firefox in a new tab.

So if you know how to use TweetDeck, you’ll know how to use DestroyTwitter.

Differences: Here we go!

  • Ok, instead of Favorite-ing tweets, you Save the tweets.
  • You can also adjust how many tweets show up on your ‘Canvas’ (basically the Home tab).
  • You can tell it where to position your Notification balloons which is very useful; I don’t like that they normally cover the time on bottom corner. I need to see the time cuz I get lost in cyberspace and may never come out on this side of reality again, but ok, I’m rambling
  • On it’s upper right hand corner (underneath the Saved tab) it’ll display a red Fail Whale in case there’s an error in refreshing. As far as I know this is the only Twitter app that does this (see below)
Fail whale notification on Destroy Twitter

Fail whale notification on Destroy Twitter

June 23, 2009 update:

Customize Destroy Twitter By Building Your Own Theme

Oh and, guess what? Destroy Twitter has a nifty feature called a Theme Builder! You log in with your Twitter name at their site, and you can start color customization of your DT app.! Watch:

Destroy Twitters Theme Builder

Destroy Twitter's Theme Builder

I came up with some themes of my own of course. Under my other pseudonym, Strongvillage:

Strongvillage designed DT Theme, Grownup Girlie

Strongvillage designed DT Theme, Grownup Girlie

And I’m not the only one who created some themes! Lots to choose from. Check out other people’s themes and download to your DT:

BTW, DT is the only Twitter app that I know that can offer the following two things.

1) The RESTORE feature! Which allows you to bring back up on screen that last tweet you were working on, so if you accidentally didn’t post it, no prob! Just click Restore and Submit! See below.

Restore feature on Destroy Twitter

Restore feature on Destroy Twitter

2) Seeing on screen your @ replies but also seeing which of your tweets it was in reply to. GENIOUS FEATURE! So for instance,

Thta little symbol that looks like this >>. If you click on it you can see what you said that they replied to. So let’s see the one that says “You ARE Important…to Me!” . I’m gonna go ahead and click on that tweet’s >>  arrows:

See an @ reply with its corresponding tweet

See an @ reply with it's corresponding tweet

So when you get a thousand Replies after a few days and have no clue what they’re replying to, surprise! Now you do! Thank you, Dialogue Box!

DT’s got a whole buncha shit you gotta try out. My only complaint is that since it’s in the Beta testing phase, that it has some minor bugs. For me, it’s that the notification sound won’t ring out loud. Minor worries for now…

September 4, 2009 update:

How To Fix Customize Notification Sound On DestroyTwitter

Regarding the sound notification issue…

Here is the Mac tutorial for how to fix the notification sound on DestroyTwitter.

Below is my PC tutorial for how to fix the notification sound on DestroyTwitter.

Behold my awesomeness!

  1. Before starting, make sure to go into DT >Preferences >Notifications >and the Disable Notifications feature should NOT be checked.
  2. Neither is Mute notification sound, right below it. Both should remain unchecked
  3. Look up. Right below Notifications, (we’re still under Preferences, btw) make sure to click on Home Replies Messages Groups Search. You only need to click down on the ones you want to hear notification sounds for.
  4. Go to C:\Program Files\DestroyTwitter\assets (for inexperienced users, bring up the Start menu>Run> then type that green address into the search bar; no spaces in between!)
  5. Ok, see the file called notification.mp3 there? Just swap that with some other .mp3 file
  6. Whatever .mp3 file you swap it with MUST BE RENAMED NOTIFICATION.MP3 or else this won’t work!!!
  7. Make sure to use SHORT SOUNDS and not songs. Think like a Ding! sound.
  8. Don’t use songs. Songs are too long. Imagine the entire 3:53 song (that’s 3 minutes and 53 seconds long) playing each and every time someone tweets! Annoying!
  9. You can go to any website offering free soundbytes, which is what I did. If you’re a lazy bones, just use any preloaded Windows sounds from your Sample Music folder located in your My Music folder

It’s important to note that you must not confuse the Destroy Twitter/assets program folder with the Destroy Today folder, which contains each of your DT profiles’ customizations. You know, things like Group lists and stuff.  So for instance, I have 3 Twitter profiles and that’s where each of the 3 profile folders for DT is saved to.

Anyhoo, I’m sticking with this one until there’s something better. Try it out and tell me what you think. It’s always nice to get someone else’s take on things.

→ 2 CommentsCategories: Adobe Air · TweetDeck · Twitter · Twitter applications · tutorial
Tagged: , , , , , ,