Minggu, 05 April 2020

Dokumentasi template profile vcard


DOCUMENTATION PROFILEVCARD

POSTMETA

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='CODE-VALIDATION-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='CODE-VALIDATION-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='ADMIN-NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Please visit &quot; + data:blog.pageTitle + &quot; To read interesting posts.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwipdc6bb3Rl_Qf2-TJ23BbsxjbnX9p4a8RyRYz1HRDdqDYCNDGTEevIgkTSNcyMz2iKWn3sEuJYgHGxMqG92nlbr3TrRIjF1EXpA22lp4NGVmMOO1CVYz_LKz3qm-Y8L_jIyEM0dBhA4x/s1600/non.png' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='CODE-APPLICATION-FACEBOOK' property='fb:app_id'/>
<meta content='CODE-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>
INFORMATION:
            Please replace or adjust




LOGO

INFORMATION:
Logo Size is 495px wide and 68px high




SOCIAL MEDIA

<!-- Social Icons -->
<div class='mediatop'>
<a class='facebook iconx' href='#' rel='nofollow' target='_blank' title=''><i class='fab fa-facebook-f'/></a>
<a class='twitter iconx' href='#' rel='nofollow' target='_blank' title=''><i class='fab fa-twitter'/></a>
<a class='pinterest iconx' href='#' rel='nofollow' target='_blank' title=''><i class='fab fa-pinterest-p'/></a>
<a class='instagram iconx' href='#' rel='nofollow' target='_blank' title=''><i class='fab fa-instagram'/></a>
</div>
<!-- /Social Icons -->
INFORMATION:
           Please replace each of your social media





ABOUT


Enter the script below in the abouts widget provided


<div class='about'>
<div class='photo-inner'>
<img alt='' src='https://raw.githubusercontent.com/Goomsite/goomsite.github.io/master/img/pr.webp'/>
</div>
<div class='tetx'>
<h1>Heysa Chairunnisa</h1>
<h3>WEB DESIGNER</h3>
<p>Creating a Blog template is my passion, the creative idea of creating a template is coming from a hobby</p>
</div>
</div>

<div class='personal-info'>
<table><tbody>
<tr><th>Age</th><td>29 years old</td></tr>
<tr><th>Address</th><td>8th Manado, Trans 15 BolTim, TX 93353</td></tr>
<tr><th>Residence</th><td>IDN</td></tr>
<tr><th>Phone</th><td>+123 456 789 999</td></tr>
<tr><th>Website</th><td>www.yourdomain.com</td></tr>
<tr><th>Email</th><td>email@yourdomain.com</td></tr>
<tr><th>Freelance</th><td>Available</td></tr>
</tbody></table>
</div>
INFORMATION:
            Replace with your Url/Link Profile Image
            Change to your name
            Change with your profession
            Replace with the description of your profession
            Please replace
            Please replace




RESUME


Enter the script below in the postresume widget provided


<div class="resume">
<div class="base">
<div class="profile">
<div class="photo">
<i class="fas fa-rocket"></i>
</div>
<div class="info">
<h1 class="name">HEYSA CHAIRUNNISA</h1>
<h2 class="job">WEB DESIGNER</h2>
</div>
</div>
<div class="boxwidget">
<h3>Contact Me</h3>
<div class="slist"><i class="fas fa-map-marker-alt"></i>8th Manado, Trans 15 BolTim, TX 93353</div>
<div class="slist"><i class="fas fa-phone"></i>+123 456 789 999</div>
<div class="slist"><i class="fab fa-whatsapp"></i>+123 456 789 999</div>
<div class="slist"><i class="fad fa-globe-americas"></i>www.yourdomain.com</div>
<div class="slist"><i class="fas fa-envelope"></i>email@yourdomain.com</div>
</div>
<div class="boxwidget">
<h3>Follow Me</h3>
<div class="box">
<a href="https://www.facebook.com/xxxxx/" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/xxxxx/" target="_blank"><i class="fab fa-instagram "></i></a>
<a href="https://www.pinterest.com/xxxxx/" target="_blank"><i class="fab fa-pinterest"></i></a>
<a href="https://www.linkedin.com/in/xxxxx/" target="_blank"><i class="fab fa-linkedin"></i></a>
<a href="https://codepen.io/xxxxx/" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://www.behance.net/xxxxx" target="_blank"><i class="fab fa-behance"></i></a>
</div>
</div>
<div class="boxwidget">
<h3>Download</h3>
<a href="#" class="site-button btn-effect">Resume as PDF format</a>
</div>
</div>
<div class="func">
<div class="work">
<h3><i class="fa fa-briefcase"></i>Experience</h3>
<ul>
  <li><span>Technical Consultant -Web Design</span><small>Fiserv</small><small>Apr 2020 - Now</small></li>
<li><span>Web Designer</span><small>Lynden</small><small>Jan 2020 - Apr 2020</small></li>
<li><span>Intern - Web Design</span><small>Lynden</small><small>Aug 2019 - Dec 2019</small></li>
</ul>
</div>
<div class="edu">
<h3><i class="fa fa-graduation-cap"></i>Education</h3>
<ul>
  <li><span>Bachelor of ScienceWeb Design and Development</span><small>BYU-Idaho</small><small>Jan. 2018 - Apr. 2020</small></li>
<li><span>Computer Science</span><small>Edmonds Community College</small><small>Sept. 2016 - Dec. 2017</small></li>
<li><span>High School</span><small>Henry M. Jackson High School</small><small>Jan. 2015 - Jun. 2017</small></li>
</ul>
</div>
    <div class="skills-prog">
      <h3><i class="fas fa-code"></i>Programming Skills</h3>
      <ul>
        <li data-percent="95"><span>HTML5</span>
          <div class="skills-bar">
            <div class="bar"></div>
          </div>
        </li>
        <li data-percent="90"><span>CSS3 &amp; SCSS</span>
          <div class="skills-bar">
            <div class="bar"></div>
          </div>
        </li>
        <li data-percent="60"><span>JavaScript</span>
          <div class="skills-bar">
            <div class="bar"></div>
          </div>
        </li>
        <li data-percent="50"><span>jQuery</span>
          <div class="skills-bar">
            <div class="bar"></div>
          </div>
        </li>
        <li data-percent="40"><span>JSON</span>
          <div class="skills-bar">
            <div class="bar"></div>
          </div>
        </li>
        <li data-percent="55"><span>PHP</span>
          <div class="skills-bar">
            <div class="bar"></div>
          </div>
        </li>
        <li data-percent="40"><span>MySQL</span>
          <div class="skills-bar">
            <div class="bar"></div>
          </div>
        </li>
      </ul>
    </div>
    <div class="skills-soft">
      <h3><i class="fas fa-bezier-curve"></i>Software Skills</h3>
      <ul>
        <li data-percent="90">
          <svg viewbox="0 0 100 100">
            <circle cx="50" cy="50" r="45"></circle>
            <circle class="cbar" cx="50" cy="50" r="45"></circle>
          </svg><span>Illustrator</span><small></small>
        </li>
        <li data-percent="75">
          <svg viewbox="0 0 100 100">
            <circle cx="50" cy="50" r="45"></circle>
            <circle class="cbar" cx="50" cy="50" r="45"></circle>
          </svg><span>Photoshop</span><small></small>
        </li>
        <li data-percent="85">
          <svg viewbox="0 0 100 100">
            <circle cx="50" cy="50" r="45"></circle>
            <circle class="cbar" cx="50" cy="50" r="45"></circle>
          </svg><span>InDesign</span><small></small>
        </li>
        <li data-percent="65">
          <svg viewbox="0 0 100 100">
            <circle cx="50" cy="50" r="45"></circle>
            <circle class="cbar" cx="50" cy="50" r="45"></circle>
          </svg><span>Dreamweaver</span><small></small>
        </li>
      </ul>
    </div>
</div>
</div>
INFORMATION:
Settings for each Widget, please see below

REGARDING THE RESUME CODE ABOVE

SIDEBAR LEFT RESUME


<div class="profile">
<div class="photo">
<i class="fas fa-rocket"></i>
</div>
<div class="info">
<h1 class="name">HEYSA CHAIRUNNISA</h1>
<h2 class="job">WEB DESIGNER</h2>
</div>
</div>
<div class="boxwidget">
<h3>Contact Me</h3>
<div class="slist"><i class="fas fa-map-marker-alt"></i>8th Manado, Trans 15 BolTim, TX 93353</div>
<div class="slist"><i class="fas fa-phone"></i>+123 456 789 999</div>
<div class="slist"><i class="fab fa-whatsapp"></i>+123 456 789 999</div>
<div class="slist"><i class="fad fa-globe-americas"></i>www.yourdomain.com</div>
<div class="slist"><i class="fas fa-envelope"></i>email@yourdomain.com</div>
</div>
<div class="boxwidget">
<h3>Follow Me</h3>
<div class="box">
<a href="https://www.facebook.com/xxxxx/" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/xxxxx/" target="_blank"><i class="fab fa-instagram "></i></a>
<a href="https://www.pinterest.com/xxxxx/" target="_blank"><i class="fab fa-pinterest"></i></a>
<a href="https://www.linkedin.com/in/xxxxx/" target="_blank"><i class="fab fa-linkedin"></i></a>
<a href="https://codepen.io/xxxxx/" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://www.behance.net/xxxxx" target="_blank"><i class="fab fa-behance"></i></a>
</div>
</div>
<div class="boxwidget">
<h3>Download</h3>
<a href="#" class="site-button btn-effect">Resume as PDF format</a>
</div>
INFORMATION:
            Change to your name
            Change with your profession
            Please replace
            Change with each of your social media usernames
            Replace with your PDF Resume download link



EXPERIENCE AND EDUCATION


<div class="work">
<h3><i class="fa fa-briefcase"></i>Experience</h3>
<ul>
  <li><span>Technical Consultant -Web Design</span><small>Fiserv</small><small>Apr 2020 - Now</small></li>
<li><span>Web Designer</span><small>Lynden</small><small>Jan 2020 - Apr 2020</small></li>
<li><span>Intern - Web Design</span><small>Lynden</small><small>Aug 2019 - Dec 2019</small></li>
</ul>
</div>
<div class="edu">
<h3><i class="fa fa-graduation-cap"></i>Education</h3>
<ul>
  <li><span>Bachelor of ScienceWeb Design and Development</span><small>BYU-Idaho</small><small>Jan. 2018 - Apr. 2020</small></li>
<li><span>Computer Science</span><small>Edmonds Community College</small><small>Sept. 2016 - Dec. 2017</small></li>
<li><span>High School</span><small>Henry M. Jackson High School</small><small>Jan. 2015 - Jun. 2017</small></li>
</ul>
</div>
</div>
INFORMATION:
Please adjust



SKILL PROGRESS


<div class="skills-prog">
      <h3><i class="fas fa-code"></i>Programming Skills</h3>
      <ul>
        <li data-percent="95"><span>HTML5</span>
          <div class="skills-bar">
            <div class="bar"></div>
          </div>
        </li>
        <li data-percent="90"><span>CSS3 &amp; SCSS</span>
          <div class="skills-bar">
            <div class="bar"></div>
          </div>
        </li>
        <li data-percent="60"><span>JavaScript</span>
          <div class="skills-bar">
            <div class="bar"></div>
          </div>
        </li>
        <li data-percent="50"><span>jQuery</span>
          <div class="skills-bar">
            <div class="bar"></div>
          </div>
        </li>
        <li data-percent="40"><span>JSON</span>
          <div class="skills-bar">
            <div class="bar"></div>
          </div>
        </li>
        <li data-percent="55"><span>PHP</span>
          <div class="skills-bar">
            <div class="bar"></div>
          </div>
        </li>
        <li data-percent="40"><span>MySQL</span>
          <div class="skills-bar">
            <div class="bar"></div>
          </div>
        </li>
      </ul>
    </div>
INFORMATION:
Please adjust



SKILL SOFT


    <div class="skills-soft">
      <h3><i class="fas fa-bezier-curve"></i>Software Skills</h3>
      <ul>
        <li data-percent="90">
          <svg viewbox="0 0 100 100">
            <circle cx="50" cy="50" r="45"></circle>
            <circle class="cbar" cx="50" cy="50" r="45"></circle>
          </svg><span>Illustrator</span><small></small>
        </li>
        <li data-percent="75">
          <svg viewbox="0 0 100 100">
            <circle cx="50" cy="50" r="45"></circle>
            <circle class="cbar" cx="50" cy="50" r="45"></circle>
          </svg><span>Photoshop</span><small></small>
        </li>
        <li data-percent="85">
          <svg viewbox="0 0 100 100">
            <circle cx="50" cy="50" r="45"></circle>
            <circle class="cbar" cx="50" cy="50" r="45"></circle>
          </svg><span>InDesign</span><small></small>
        </li>
        <li data-percent="65">
          <svg viewbox="0 0 100 100">
            <circle cx="50" cy="50" r="45"></circle>
            <circle class="cbar" cx="50" cy="50" r="45"></circle>
          </svg><span>Dreamweaver</span><small></small>
        </li>
      </ul>
    </div>
INFORMATION:
Please adjust

END RESUME


CONTACT FORM


INFORMATION:
Enter Widget Layout and add or click the form widget and Save

Tunadi

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

Manual Categories