These post or any other post are based on my experienced life I've been through.

If you think those post or any other post annoyed you, I suggest you leave my blog.






I didn't ask for a pity or anything from readers. I'm just expressing myself.

Friday, February 13, 2015

Tutorial on Sports HD DV 1080P H.264 - How to connect to Wifi

Hi guys!!! Long time I didn't edit my blog ><
Currently busy with my studies.

I am now a Bachelor of Civil Engineer (Hons) student in IUKL, Kajang =)
Ok skip to the topic.

Recently, gopro and SJ4000 cam is a hot IT item.

Ok, this picture above is gopro or sj4000 look alike.
Sports HD DV 1080P H.264

Alright if u youtube the review of this cam. It's so cool!!!

Waterproof, motion detection, anti-shaking etc
And Wifi!

The prob here, most of users or reviewer didn't tell or show how to connect to Wifi.

So I bought one for myself =)
For me to use it this coming soon vacation!! I'll go oversea this March. YEAH!!!

OH, FYI, This cam Wifi is not meant like u can connect to internet from cam.
Its like this cam is ur selfie monitor, and u can view it from ur phone.
Once you follow the tutorial, u'll understand.


Grab your phone (LOL) then go to your app store, and search this app
DOWNLOAD IT. And don't worry, it's FREE.

I'm a Android user, so I found it. I'm not sure for Apple user. Try search then.

Look at your Sports HD DV 1080P H.264 cam.
Go to setup, (dunno how? Click your power button softly and shortly 3 times)

Use your cam arrow button then find Wifi Password.

U'll see ur default Wifi password "1234567890" REMEMBER IT!

Step 3 :
switch on ur wifi.

Get out from setup,
You see ur arrow button on the cam there's a Wifi symbol?
The 'UP' Arrow, click it!!

You'll see ur cam said "Waiting for Wifi Connection"

go to your Wifi Network setting, where you scan for Wifi networks right?
You'll see "A5-A000001" right?
Connect, and it'll ask for password.


STEP 4 :
Once you have connected,
open your ISPO CAM Software.

You can now take a pic from your cam using ur phone as a remote =D

Hope it is helpful ^^
Still didn't get it??

Read your manual on page 10.
Thanks to my friend for find it in the manual xD

Thanks for your time reading my blog.^^

Wednesday, December 25, 2013

Tutorial : Add CSS 3 Dropdown Menu - Without JavaScript

Hello, everyone.. Today, I'm going to show you how to make the Dropdown Menu 1.
Its easy as ABC~ than Dropdown Menu 2. 
It is very simple, organize, and easy to put on. 
You don't need to go to Layout then Edit HTML.
Come! I'll show you!! =)

First! As usual,

Go to your Blogger

Then to Design Tab (the red circle)

Then to Layout


Then choose HTML/JavaScript

Alrighty~~ Then copy the code below!!! =D


/*-- CSS3 Drop Down Menu By Blogger Tricks http://.bl0gger-tricks.blogspot.com-----*/

#bt-menu, #bt-menu ul {
margin: 0;
padding: 0;
list-style: none;
#bt-menu {
width: 900px;
margin: 60px auto;
background: #E176B8;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-box-shadow: 0 1px 1px #777;
-webkit-box-shadow: 0 1px 1px #777;
box-shadow: 0 1px 1px #777;
#bt-menu:after {
content: "";
display: table;
#bt-menu:after {
clear: both;
#bt-menu {
#bt-menu li {
float: left;
-moz-box-shadow: 1px 0 0 #444;
-webkit-box-shadow: 1px 0 0 #444;
box-shadow: 1px 0 0 #444;
position: relative;
#bt-menu a {
float: left;
padding: 12px 30px;
color: #611745;
text-transform: uppercase;
font: bold 12px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 0px 0 #000;
#bt-menu li:hover > a {
background: #611745;
color: #fafafa;
*html #bt-menu li a:hover { /* IE6 only */
color: #E176B8;
#bt-menu ul {
margin: 20px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 38px;
left: 0;
z-index: 9999;
background: #E176B8 url('images/pageglare.png') no-repeat scroll;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
#bt-menu li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
#bt-menu ul ul {
top: 0;
left: 150px;
margin: 0 0 0 20px;
_margin: 0; /*IE6 only*/
-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
box-shadow: -1px 0 0 rgba(255,255,255,.3);
#bt-menu ul li {
float: none;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/
-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #611745;
-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #611745;
box-shadow: 0 1px 0 #111, 0 2px 0 #611745;
#bt-menu ul li:last-child {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
#bt-menu ul a {
padding: 10px;
width: 130px;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: none;
#bt-menu ul a:hover {
background-color: #611745;
#bt-menu ul li:first-child > a {
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
#bt-menu ul li:first-child > a:after {
content: '';
position: absolute;
left: 40px;
top: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #611745;
#bt-menu ul ul li:first-child a:after {
left: -6px;
top: 50%;
margin-top: -6px;
border-left: 0;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right: 6px solid #611745;
#bt-menu ul li:first-child a:hover:after {
border-bottom-color: #E176B8;
#bt-menu ul ul li:first-child a:hover:after {
border-right-color: #E176B8;
border-bottom-color: transparent;
#bt-menu ul li:last-child > a {
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;


<ul id="bt-menu">
<li><a href="#">Test Tab</a></li>
<a href="#">Tab 1</a>
<li><a href="#">Tab 1.1</a></li>
<li><a href="#">Tab 1.2</a></li>
<li><a href="#">Tab 1.3</a></li>
<li><a href="#">Tab 1.4</a>
<a href='#'>Tab 1.4 ITEM 1</a>
<a href='#'>Tab 1.4 ITEM 2</a>
<a href='#'>Tab 1.4 ITEM 3</a>
<a href='#'>Tab 1.4 ITEM 4</a>
<li><a href="#">Tab 2</a>
<li><a href="#">Tab 2.1</a></li>
<li><a href="#">Tab 2.2</a></li>
<li><a href="#">Tab 3</a></li>
<li><a href="#">Tab 4</a></li>
<li><a href="#">Tab 5</a>
<li><a href="#">Tab 5.1</a></li>
<li><a href="#">Tab 5.2</a></li>

If you feel insecure about putting it on your blog, try test the code HERE

Where I bold and highlight is, you can change the colors according to your own style! =)

Hope it's helpful^^ Thank you for your time in my blog.

Good Luck~~ 

Saturday, July 20, 2013

Clean your messy desktop!

Hey y'all~! I've got good tips for ya~!!

Does your PC or Lappy desktop messy like this??

=A=||| errrk~!!??

Well, fear no more!!!! You can clean your desktop from that to THIS!!

Creative, right? =D This is my desktop =) Try out now~!!

You can take this picture below for your desktop wallpaper! =)
Or Google search "Office Wallpaper"
Have fun!!

Credits to : Nizarazu

Thanks for your time reading my blog.^^

Thursday, July 11, 2013

Sorry for no post at this moment

Sorry for no post at this moment ^^"

Hello, everyone. I would like to apologize for no post this lately.
I have to finish update my blogshop before I'll further my study in the city.
If I'm not mistaken, this September. 

I'm also bz cooking for fasting season and more other activities.
=o= (What?? Memey cooks?)
Eeaayup~! =) Oh!!

I would like to wish all Muslim friends, families and my blogshops' customers.
Salam Ramadhan Al-Mubarak~

Make sure you set your record to have a full fasting this time! =)

I will keep up to date A.S.A.P. 

Do visit my blogshops, too.

For contact lens' lovers - ~Purplelicious Passion~ Online Shop
For bags, accessories, clothings etc - ~Lavender Love~ Online Shop
See you soon~ =D

Thanks for your time reading my blog.^^

Saturday, June 1, 2013

Tutorial : How to share your "Grab Me Button"

Hello, everyone~ I would like to share with you today is how to share your 
"Grab Me Button"

What is "Grab Me Button" you ask?
This button will help you increase your sale rate (if you open a blogshop) by spread your blogshop or increase more readers of your blogs to any bloggers who visit you =)

They just copy the link and paste at their blog, so whenever there's bloggers who visit their blogs,  they will saw your interesting button, then click! They'll go visit your blog! =D

It's easy as ABC!!

Create your own button first!
If you've already made one, that's good! If you're not, then I'll just show you the simple one.
 If you didn't like the simple logo, you can just photoshop your own button to your creativity. 

Go HERE to create one!

After you've created to your desire, click CREATE LOGO

It'll show you the result of your logo, then click DOWNLOAD IMAGE

Upload your download image and get the URL.


The moment you've been waiting for, COPY THE CODE! xP 

<br/><center><div dir="ltr" style="text-align: center;" trbidi="on">
<a href="WEBSITE LINK"><img alt="" src="IMAGE LINK" title="CAPTION HERE (will appear when mouse hover)" /></a></div></center><br/>
<center><input type="text" onclick="this.focus();this.select()" readonly value="&lt;a WEBSITE LINK&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;IMAGE LINK&quot; title=&quot; CAPTION HERE &quot; /&gt;&lt;/a&gt;" />

As usual,
YOUR WEBSITE LINK - So that, when the visitors click your button, they will directly to your website
IMAGE LINK - your uploaded image LINK of your LOGO/BUTTON/BADGE 
CAPTION HERE - this will appear when you mouse over the button (HOVER) on the image before you click the image.

Go to your Blogger

Then to Design Tab (the red circle)

Then to Layout


Then choose HTML/JavaScript

And thats it! Paste your code on HTML/Javascript.

You can look a sample at my blogshop

Good luck! Hope you got it!
Thank you for your time reading my blog^^

Monday, May 27, 2013

Busy.. busy.. busy...

-Hello, everyone!
Sorry not a post about tutorial today..
Been busy promoting my blogshops.. So please do visit them^^
You can look at them on My Links at the sidebar on your right~~ =)
If you can't find it; then I'll give you here..
Contact Lens Shop --> ~Purplelicious Passion~ Online Shop
Clothings, Bags, etc --> ~ Lavender Love~ Online Shop
Now I'm currently searching for the best drop-down menu for my blogshop!
Fortunately, I've made 2 drop-down menus for one of my blogshop..
Sadly, for me, I'm in dilemma in between choosing between those two!!! >.<

If you look at my blog, it's a bit messy.. Sorry about that.. >.<
If you read this 2 or 3 years after the post date, then my blog probably different than before..

You can leave a comment below on which Tab you like~
The most like, I'll put it as my Tab Menu on my blogshop^^

These drop-down menus, I was going to put it on  ~Purplelicious Passion~ Online Shop
So, which one is the best?? =D

Dropdown Menu 1

Dropdown Menu 2

So, leave me a comment on which one you like ^^
I'll put up the tutorial for both dropdown menus soon~~ =)

Thank you for reading my blog =D

Sunday, May 19, 2013

Tutorial : Breadcrumbs Navigation for Blogger

Hi, everyone! Today I would like to show you,
how to make breadcrumbs!

Nope, not this BREADCRUMBS =x=

This breadcrumbs~

What is 'breadcrumbs' you ask?
Breadcrumb navigation helps your readers to track their position on your blog by showing a breadcrumb trail in this way (You're HERE : Home » Label Name » Post Title).This navigation appears just above of the your post title and the links are a trail from the homepage to post title.There is also option for showing the multiple labels in this navigation i.e. if any post have more than one label then it will show all of them.

The tutorial a bit tricky for newbie, but I'll try my best to show you step by step slowly~~

So, Let's Start!


Go to your Blogger

Then to Design Tab (the red circle)

Then to Template

Then Edit HTML

*be sure to copy your template for precaution!

1. The first thing you need to do, find this highlight code;

<b:includable id='main' var='top'>

Found it? Okay! Copy the code below and paste it above the highlight code

Like so~~


<b:includable id='breadcrumbs' var='post'>
<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
You are here:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
<b:if cond='data:post.title'>
&gt; <b><data:post.title/></b>
<!-- End of Breadcrums Hack -->


* This code will only display the last label of the post in the breadcrumb. If you want to display all the labels, DELETE THE HIGHLIGHT CODE

So, it'll look like this,




2. Find this HIGHLIGHT code

<b:if cond='data:post.dateHeader'>

Then add the CODE BELOW above those HIGHLIGHT CODE

<b:include data='post' name='breadcrumbs'/>


Like so, 


3.  Find this HIGHLIGHT CODE


Then paste the code below above the HIGHLIGHT CODE


.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;


Like This,

(Feel free to modify the first & third parameters of the last two lines (in bold) to expand/shorten the top & bottom heights.)

And DONE! Save it!!

Thank you for your time to read my blog^^
I hope you get it! Gudluck~~ ^_~

cr : hoctrointro.blogspot.comHelperblogger.com