We Are Multimedia Services in Bali

Multimedia Services in Bali (Website Development & Maintenance, Social Media Advertising, Graphic Designer, Photography Services, Computer Services and more...).

Call Us Send Message

Our Services

Computer Services

When you have a problem with your PC or Notebook, just call us and we will help you.

Read More

Social Media

We are ready to create and manage your Official Business Account for your promotion.

Read More

Website Development

Whether your brand needs to be designed from scratch, rebranded, or you need assistance designing, planning and structuring your website, we can help.

Read More

User Friendly

We have a great team and ready to serve you with smile.

Read More

Recent Work

Saturday, December 31, 2016

Add a Contact Form on a Blogger Blog

Add a Contact Form on a Blogger Blog

Add a Contact Form on a Blogger Blog - Having a contact page on your blog is highly important. It is how visitors, brands, and companies can reach you and it’s something that every blogger should have. If sharing your email address on your blog is not your cup of tea, a contact form can serve as an easy way for others to get in touch.

If you do go the route of using a contact form, I do suggest that you also include an email address on the Contact page as well. You can set one up specifically for your blog if you don’t want your personal email address to be seen. The reason I believe this is so important to offer both options is because most brands and companies will not fill out a contact form to contact you. They usually want to email you through their own email client and add you to their contacts.

Adding a contact form to Blogger can be done with a few coding tweaks. Blogger actually offers a free contact form for your blog, unfortunately they’ve made it as a Gadget and placed it on the Layout page so that it is added to your sidebar. Not the ideal place for a contact form, if you ask me! It should be situated on its own page, so here’s how to set it up that way:

Adding a Contact Form to your Blogger

1. First, go to the Layout page in Blogger and click an Add a Gadget link. From the popup, choose More Gadgets in the sidebar and then select Contact Form and add it. It doesn’t matter where it ends up in your sidebar right now, since we are going to modify that and make it look nice!

Contact Form Widget

2. Now, visit your Customize > Edit HTML page.

Click inside of the editor textarea and press CTRL+F (CMD+F on a Mac) and in the search bar type ContactForm then hit enter.

It should find the code below. Click the black down arrow to the left of:

<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>

then click the down arrow again beside:

<b:includable id='main'>

if they are not already open.

3. You will see this code:

<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
  <b:include name='quickedit'/>
</b:includable>

Delete everything shown in red so you should just be left with:

<b:includable id='main'></b:includable>

4. Do a new search, this time looking for ]]></b:skin> and pasting this code directly before it:

/*CUSTOM CONTACT FORM BY WERDIMEDIA.COM */
.contact-form-widget {
margin-left:auto;
margin-right:auto;
width: 600px;
max-width: 100%;
padding: 0px;
color: #000;
}
.fm_name, .fm_email {
float:left;
padding:5px;
width:48%
}
.fm_message {
padding:5px;
}
.contact-form-name, .contact-form-email {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
height:40px;
padding:10px;
font-size:16px;
}
.contact-form-email-message {
width:100%;
max-width: 100%;
height:100px;
margin-bottom:10px;
padding:10px;
font-size:16px;
}
.contact-form-button-submit {
border-color: #C1C1C1;
background: #E3E3E3;
color: #585858;
width: 20%;
max-width: 20%;
margin-bottom: 10px;
height:30px;
font-size:16px;
}
.contact-form-button-submit:hover{
background: #ffffff;
color: #000000;
border: 1px solid #FAFAFA;
}

5. Save the template then go to Pages to create a new Contact page if you haven’t got one already. In the page editor, switch to HTML mode and paste the following:

<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<div class="fm_name">
Your Name:
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></div>
<div class="fm_email">
E-mail Address *:
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div>
<div style="clear:both">
</div>
<div class="fm_message">
Message *:
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="SEND" />
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
</div>
</div>

6. Save your page and view your new contact form! It should look like this:

Contact Form Sample

Since this uses the Blogger Gadget interface, the emails sent using this form will be sent to the email associated with your account. You can change this email address in the Admin settings of your blog.

I hope this helped you out!

Wednesday, December 21, 2016

Celek Dogen - Tri Puspa feat. Sefi

Celek Dogen - Tri Puspa feat. Sefi

Celek Dogen - Tri Puspa feat. Sefi - Sekedar mengisi waktu luang saja, video ini kami gabungkan antara klip asli dari lagu Celek Dogen oleh Tri Puspa dengan cuplikan klip Wedding dari Werdi & Arsih yang kami liput beberapa minggu yang lalu.

Silahkan di simak video berikut dan semoga terhibur dan jangan lupa untuk mengunjungi Official YouTube Channel kami di https://www.youtube.com/user/werdimedia.

Monday, December 5, 2016

Vintage Wedding Decorative Frames and Elements Vector

Vintage Wedding Decorative Frames and Elements Vector

Vintage Wedding Decorative Frames and Elements Vector - 2 sets of vector vintage wedding decorative frames and elements with flourish, volutes, floral ornate twirls, borders, ornaments, patterns and labels, different embellishment and tracery. Format: .eps stock vector clip art and illustrations. 
You can download it free...

Cartoon Birthday Cards

Cartoon Birthday Cards

Cartoon Birthday Cards - Set of 4 design cartoon birthday card templates with little girl illustrations, stars, heart and trees. Format: .ai, .eps stock vector clip art and illustrations.
You can download it free...

Ladies on the Street

Ladies on the Street

Ladies on the Street - This ladies was prepared all of her things that would be sell on the street. There are so many people do the same thing like this, but unfortunately not many people who passed on that street want to buy what they sell.

So Quite

So Quite

So Quite - Not like a normal day, when weekend (Saturday and Sunday) this country is very quite. You see in this pictures? In bypass street there are just some cars passed.

Factory Bright Line

Factory Bright Line

Factory Bright Line - When we have project take some photos in Cement Factory Angola, we got some interesting pictures and very nice view, very big factory.





Crawded

Crawded

Crawded - One of city in Angola Country is very crowded. Actually is difficult to shoot some pictures in a public area, because when there is a policeman, they will catch you, but in that time was my lucky, just in seconds I get this great moment with my Canon 500D.

Our Blog

55 Cups
Average weekly coffee drank
9000 Lines
Average weekly lines of code
400 Customers
Average yearly happy clients

Our Team

Werdi
Creative Designer
Mantra Satya
Video & Photographer
VACANT
Sales Manager
VACANT
Developer

Our Clients

Contact

Address:

Perum Giri Hill Terrace, Jl. Permata II No. 4, Benoa, Kuta Selatan, Badung, Bali - Indonesia 80362

Work Time:

Monday - Saturday from 9am to 5pm

Skype:

Werdi Media