Deep_Internet_Secrets_Webinar_3_of_4_PDF_by_Jomar_Hilario.pdf

(c) JomarHilario.com ---> Join to know more.

Deep Internet SecretsSeminar

by Jomar HilarioWELCOME!


The Secrets of Web Designers



F5 or Refresh



CSS


This is the headline

This is the subheadlineThis is the paragraph. This is the paragraph. This is the paragraph.


Main headline is 40 pixels high, Georgia Font, Bold, Red

Subheadline is is 20 pixels high, Georgia Font, Bold and Italics, Black

Paragraphs are just 10 pixels high


Main headline is 40 pixels high, Georgia Font, Bold, Red

h1 { font: bold 40px Georgia; }


Subheadline is is 20 pixels high, Georgia Font, Bold and Italics, Black

h2 { font:italic bold 20px Georgia; }


Paragraphs are just 10 pixels high

p { font-size:10px; }


h1 { font: bold 40px Georgia; }

h2 { font:italic bold 20px Georgia; }

p { font-size:10px; }


AJAX


Drag an image into image.google.com


Most bank sites are non-AJAX


Google is AJAX


AJAX = Faster Website


AJAX =Screen doesn’t blank out when you do something like press a button or

upload a file


Anchor text


Blue underlines are normally links.


This is the anchor text to Shamcey Supup’s

Facebook if when you click on this, it goes to

her facebook


The anchor text to Shamcey Supsup’s Facebook in this

sentence is “here”, because you need to click here to go

to her FB.


Action Step:1. Use meaningful anchor

text and not “here” or “click here”.


Action Step:2. If you wish to be popular

online for pinoy beauty queen then links should look like:

pinoy beauty queen Shamcey Supsup’s FB


PRACTICE!!

Say “ahhhhh”


Backlinkis just a link that goes to your site.


Back end=

Server


Bandwidth



“Kulang ka sa bandwidth”

kaya di mo gets yung joke.


Bandwidth = Kbps, Mbps etc.

The higher the better


Above the FoldBelow the Fold


Action Step:1. All important stuff

(email catcher, fb link) must be abovethefold


Bounce Rate


Girls: Number of courting guys you

brushed off.


Guys: Number of pretty girls you saw and said “Naah, she’ll never love

a guy like me!”


Bounce Rate


Helipad

http://www.flickr.com/photos/andrewbain/




Landing Page


Landing Page is the page you ___ on when

you click a link!


PRACTICE!!

Say “ahhhhh”


Permalink

disney.com/

disney.com/blog/intro.html


TAGS

H1, H2, P, B, BR IMG, A HREFFood, Drink


The Passion of a DESIGNER is GREAT

DESIGN.


Most don’t care about Marketing.


If a design is pretty, uso, they’ll go for it!


TheValue of the Keyboard


“How the mouse steals quality time”


Gmail ShortcutsFacebook Shortcuts

Mouse GesturesKeyboard Shortcuts


GMAIL




Facebook Shortcuts


Internet Explorer 7 for PC:Alt + #, then Enter Alt+1:News feedAlt+2:Your profileAlt+3:Friend requests(popup)Alt+4:Messages(popup)Alt+5:Notifications(popup)Alt+6:Account SettingsAlt+7:Privacy SettingsAlt+8:Facebook’s Facebook profileAlt+9:To SecurityAlt+0:Help center


Firefox 3 for PC:Shift + Alt + # 1:News feed2:Your profile3:Friend requests(popup)4:Messages(popup)5:Notifications(popup)6:Account Settings7:Privacy Settings8:Facebook’s Facebook profile9:To Security0:Help center


Safari 3 for Mac:Ctrl + # 1:News feed2:Your profile3:Friend requests(popup)4:Messages(popup)5:Notifications(popup)6:Account Settings7:Privacy Settings8:Facebook’s Facebook profile9:To Security0:Help center


Firefox 3 for Mac:Ctrl + # 1:News feed2:Your profile3:Friend requests(popup)4:Messages(popup)5:Notifications(popup)6:Account Settings7:Privacy Settings8:Facebook’s Facebook profile9:To Security0:Help center


MS Office Shortcuts



Mouse Gestures






VLC Video and AudioBook Speed up



Value of Time


An Expert is one who knows more and more about less and less -

Nicholas M Butler


Read the Manual/Help to Make the

Mostof Technology




Print the HELP and read it while waiting

outside.


Load the HELP into your IPAD/Galaxy/Cell Phone as TEXT

or PDF


Note down useful tips.on a notebook (papel)


Comments


Commenting HTML Code



<p>This is a paragraph.</p>


Commenting CSS Code

/* This is a comment. Comments are not displayed in the browser */

p { font: red; }


Commenting Javascript Code

// This is a comment. document.write("<h1>This is a heading</h1>");


So what is commenting for?


It makes the script or code looks like english.


It makes it readable for a non-

programmer or designer.


An easy way to think aloud w/o destroying

the code.



// This is a comment. document.write("<h1>This is a heading</h1>");



// Ok, this is javascript. OH MY DEAR!// what does it mean?// it says write, so it’s going to write something.// it says H1 so heading 1 - the headline.// So this part writes out the headline. // I knew that!document.write("<h1>This is a heading</h1>");// commenting sure is helpful!

© 2012 JomarHilario.com You Can Learn Even More Online Marke;ng Now

You now have your own Facebook Fan Page

85


You want to create a Tab wherein your fans click,

86


And display all your videos

87


http://jhilario.com/fbjomarTRY IT FIRST!

88

http://jhilario.com/fbjomar





How you can put a webpage inside

Facebook....89


How to add a Custom Tab in Facebook

(Easier than you think!)

90


To do that,go to http://

www.shortstack.com91


Click Try it for Free

92


Enter your Full Name

93


Enter your Email Address

94


Create a Username

95


Create a Password

96


Confirm your Password

97

© 2012 JomarHilario.com You Can Learn Even More Online Marke;ng Now 98


Agree to the Terms of Service

99


Enter the two words

100


Click Create Account

101


Tabs page will appear

102


Verify your email address

103


Switch to your email Inbox& click email from ShortStack

104


Click the link

105


Switch back to ShortStack& browse through the Tags

106


Until you see Video Cascade

107


Click Make Tab

108


Click Make Tab

109


Designer page will appear

110


Edit the Video widget

111


Edit the Video widget

112


Click on the pencil icon

113


Edit Widget box will display

114


Open another browser tab (Control-T or Command-T) and

go to YouTube.com

115



Find the video you want to put in FB...

117


Click on the Video you want to upload

118



Click Share

120


Click the code

121


Press Ctrl + C

122


Switch back to shortstack.com

123


We’re now back to Shortstack’s EDIT WIDGET

124


Click on the blank box before Get Videos

125

Text


Press Ctrl + V

126


Click Get Video(s)

127



Click Save

129


Your video will be displayed

130


Add another video widget

131


Click the widget

132


And drag it to the Edit Widgets

133


Repeat the same process

134



135


Edit Widget box will display

136


Switch back to YouTube.com

137


Click on another Video you

138



Click Share & copy the code

140


Paste & click Get Video(s)

141



Click Save

143


Scroll down to view the other video

144



Let’s change the Title of your tab

146


Hover on Header Text

147


Hover on Header Text

148


click the pencil icon

149


The Edit Widget box appears

150


Type your new Header

151


You may also TYPE ANY TEXT!

152


Click Save

153


Your Header now updated

154


Now we are ready to publish your tab

155


Click Install Tab

156


Click Install Tab

157


Click Login with Facebook

158


Click Log In with Facebook

159


Click Allow

160


Click Choose Quick Publish

161


Click Install on your chosen FB page

162


If your Facebook Fan Page has more than 2,000 Likes,

you will have to upgrade your account.

163


Your tab is now Quick Published

164


Click on the Smart URL

165


To take you to your new tab

166



Let’s edit the Tab Name

168



169


And type a new tab name

170


Open a new tab & go to your Facebook

171


Where’s the new tab we created?

172


Click on the down arrow

173


Click on the down arrow

174


To display ALL the tabs

175


Here is the tab we renamed “WATCH & Learn”

176


It does not look enticing so let’s change the image

177


Image dimensions should be

111 x 74178


Hover and click on pencil icon

179


Click Edit Settings

180


Custom Tab Image: click Change

181


Click Change

182


Upload an image, click Choose file

183


Locate file and click Open

184


Your image is now uploaded

185


Click on your Fan Page again

186


The image is already updated

187


If you want the tab to be seen in the first row so it’s not

hidden

188



189



190


Choose Swap position with: Likes

191


So when a visitor clicks on your Fan Page

192


The Video tab is already visible

193


The few who do are the envy of the many

who only watch.- Jim Rohn

194


Be not afraid of growing slowly, be

afraid only of standing still.

Chinese Proverb

http://www.quotationspage.com/quote/2609.html

Date post:	28-Oct-2014
Category:	Documents
Upload:	nikkihidalgo
View:	33 times
Download:	0 times

Deep_Internet_Secrets_Webinar_3_of_4_PDF_by_Jomar_Hilario.pdf

Documents