View AllFeatured

Kode Open Graph Protocol (OGP) Tags untuk Share Facebook Posting Blogger

Kode Open Graph Protocol (OGP) Tags untuk Share Facebook Posting Blogger

Kode Open Graph Protocol (OGP) Tags untuk Share Facebook Posting Blogger

Open Graph Protocole adalah kode untuk mengatur tampilan posting saat dishare ke media sosial, terutama Facebook.

Saat posting dishare ke Facebook, tampilan normalnya sebagai berikut:
  • JUDUL - Judul Posting
  • DESKRIPSI -- Kutipan isi posting paling atas atau meta deskripsi
  • GAMBAR - Gambar Thumbnail yang diambil gambar di postingan paling atas.
Share Facebook Posting Blogger

Share Facebook Posting Blogger

Jika blog Anda bermasalah dengan tampilan posting saat dishare ke Facebook, tidak tampil normal seperti seharusnya, Anda bisa coba gunakan kode yang dishare Unidig Adv berikut ini:

1. Tema > Edit HTML
2. Copas kode berikut ini di bawah kode <head>

<!--START OG CODE-->
<meta property='og:url' expr:content='data:blog.canonicalUrl'/>
<meta property='og:title' expr:content='data:blog.pageTitle'/>
<meta property='og:site_name' expr:content='data:blog.title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta property='og:image' expr:content='data:blog.postImageUrl'/>
<meta property='og:type' content='article'/>
<b:else/>
<title><data:blog.pageTitle/> - PUT ANY ADDITIONAL TITLE COPY HERE</title>
<meta property='og:image' content='PUT YOUR IMAGE URL HERE'/>
<meta property='og:type' content='blog'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta property='og:description' expr:content='data:blog.metaDescription'/>
</b:if>
<!--END OG CODE-->

3. Save!

Jika cara di atas tidak berhasil, coba cara lama mengatasi share Facebook posting blog. Good Luck and Happy Blogging! (www.contohblog.com).*

Meta Tags SEO Standar Blog di Template Simple Bawaan Blogger

Meta Tags SEO Standar Blog di Template Simple Bawaan Blogger

Meta Tags SEO Standar Blog di Template Simple Bawaan Blogger
Meta Tags SEO Standar Blog di Template Simple Bawaan Blogger.

KITA bisa menemukan banyak sekali Meta Tags SEO Friedly, yaitu meta tags yang --katanya-- ramah mesin telusur (search engine).

Postingan berikut ini "hanya" mengulas meta tags standar blogger, yang ada di template bawaan blogger, yang sudah standar SEO Google juga.

Meta Tags SEO Standar Blogger itu hanya dua baris berikut ini:

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

Jika dilihat kode sumber (view source), maka meta tags yang hanya bisa dibaca dan memang diperuntukkan bagi mesin pencari itu akan terekstrak sebagai berikut. 

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link href='URL BLOG/favicon.ico' rel='icon' type='image/x-icon'/>
<link href=''URL BLOG' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="Nama Blog - Atom" href="'URL BLOG/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Nama Blog - RSS" href="'URL BLOG/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Nama Blog - Atom" href="https://www.blogger.com/feeds/BLOG ID/posts/default" />
<link rel="openid.server" href="https://www.blogger.com/openid-server.g" />
<link rel="openid.delegate" href="'URL BLOG" />
<!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/3620414510-ieretrofit.js"></script>
<![endif]-->
<meta content='Deskripsi Blog' name='description'/>
<meta content='URL Blog' property='og:url'/>
<meta content='Judul Blog' property='og:title'/>
<meta content='Deskripsi Blog' property='og:description'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<title>Nama Blog</title>

Meta Tags SEO Standar Blogger

Dengan demikian, meta tags standar blogger itu ada di kode ini:

<b:include data='blog' name='all-head-content'/>

Jika dibuka, maka kode tersebut berisikan kode-kode dan link sebagai berikut:

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<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'/>
<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="service.post" type='application/atom+xml'/>
<!--Can't find substitution for tag [blog.ieCssRetrofitLinks]-->
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/3620414510-ieretrofit.js"></script>
<![endif]-->
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

Meta Tags Buruk (Tidak Baik)

Patut diperhatikan ulasan tentang Meta Tags dari MOZ. Meta tags yang kodenya banyak (panjang) biasanya berisi kode-kode yang menurut MOZ tidak bagus buat seo blog, yaitu:
  • Author/Web Author – This tag is used to name the author of the page. It's just not necessary on the page.
  • Revisit after – This meta tag is a command to the robots to return to a page after a specific period of time. It's not followed by any major search engine.
  • Rating – This tag is used to denote the maturity rating of content. 
  • Expiration/date – "Expiration" is used to note when the page expires, and "date" is the date the page was made. 
  • Copyright – That Google article debates this with me a bit, but look at the footer of your site. I would guess it says "Copyright 20xx" in some form. Why say it twice?
  • Abstract – This tag is sometimes used to place an abstract of the content and used mainly by educational pursuits.
  • Distribution – The "distribution" value is supposedly used to control who can access the document, typically set to "global." 
  • Generator – This is used to note what program created the page. Like "author," it's useless.
  • Cache control – This tag is set in hopes of controlling when and how often a page is cached in the browser. It's best to do this in the HTTP header.
  • Resource type – This is used to name the type of resource the page is, like "document." Save yourself time, as the DTD declaration does it for you.

Kode Stantar Responsvie
<meta name=viewport content="width=device-width, initial-scale=1">

Demikian sekadar menyimpan Meta Tags SEO Standar Blogger. (www.contohblog.com).*

Cara Membuat Navigasi Menu Dropdown Responsive Murni CSS HTML

Cara Membuat Navigasi Menu Dropdown Responsive Murni CSS HTML

Cara Membuat Navigasi Menu Dropdown Responsive Murni CSS HTML Tanpa JavaScript

Demo Navigasi Menu Dropdown Responsive Murni CSS HTML Tanpa JavaScript untuk Blog ini bisa dilihat di Code Pen yang linknya ada di bawah. Karena responsive, tentu saja navigasi menu ini mobile-friendly alias ramah seluler.

Navigasi Menu Dropdown Responsive Murni CSS HTML


KODE CSS
Simpan di atas kode ]]></b:skin>

/*Strip the ul of padding and list styling*/
ul {
list-style-type:none;
margin:0;
padding:0;
position: absolute;
}
/*Create a horizontal list with spacing*/
li {
display:inline-block;
float: left;
margin-right: 1px;
}
/*Style for menu links*/
li a {
display:block;
min-width:140px;
height: 50px;
text-align: center;
line-height: 50px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #fff;
background: #2f3036;
text-decoration: none;
}
/*Hover state for top level links*/
li:hover a {
background: #19c589;
}
/*Style for dropdown links*/
li:hover ul a {
background: #f3f3f3;
color: #2f3036;
height: 40px;
line-height: 40px;
}
/*Hover state for dropdown links*/
li:hover ul a:hover {
background: #19c589;
color: #fff;
}
/*Hide dropdown links until they are needed*/
li ul {
display: none;
}
/*Make dropdown links vertical*/
li ul li {
display: block;
float: none;
}
/*Prevent text wrapping*/
li ul li a {
width: auto;
min-width: 100px;
padding: 0 20px;
}
/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
display: block;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
color: #fff;
background: #19c589;
text-align: center;
padding: 10px 0;
display: none;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*Responsive Styles*/
@media screen and (max-width : 760px){
/*Make dropdown links appear inline*/
ul {
position: static;
display: none;
}
/*Create vertical spacing*/
li {
margin-bottom: 1px;
}
/*Make all menu links full width*/
ul li, li a {
width: 100%;
}
/*Display 'show menu' link*/
.show-menu {
display:block;
}
}

HTML
Simpan di bawah kode </header>

<label for="show-menu" class="show-menu">Show Menu</label>
<input type="checkbox" id="show-menu" role="button"/>
<ul id="menu">
<li><a href="/">Home</a></li>
<li>
<a href="#">About &#65516;</a>
<ul class="hidden">
<li><a href="#">Who We Are</a></li>
<li><a href="#">What We Do</a></li>
</ul>
</li>
<li>
<a href="#">Portfolio &#65516;</a>
<ul class="hidden">
<li><a href="#">Photography</a></li>
<li><a href="#">Web &amp; User Interface Design</a></li>
<li><a href="#">Illustration</a></li>
</ul>
</li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
</ul>

See the Pen Menu Dropdown Responsive Pure CSS by CB Blogger (@cbblogger) on CodePen.

Cara Membuat Kotak Pencarian Keren Simple Responsive

Cara Membuat Kotak Pencarian Keren Simple Responsive

Cara Membuat Kotak Pencarian Keren Simple Responsive
Cara Membuat Kotak Pencarian Keren Simple Responsive di Sidebar Blogger

KOTAK Pencarian (Search Box) merupakan elemen/widget penting yang wajib ada di Blog. Kotak Pencarian ini memudahkan pembaca mencari informasi yang mereka butuhkan di blog kita.

Kotak pencarian juga berguna untuk meningkatkan PageViews, bahkan juga diperlukan saat ada postingan kita berganti permalink atau berubah linknya.

Berikut ini kode kotak pencarian yang ditampikan di sidebar blog dan cara memasangnya. Tampilannya seperti gambar di bawah ini.

Kotak Pencarian Keren Simple Responsive

Cara Membuat Kotak Pencarian

1. Layout > Add a Gadget > pilih HTML/JavaScript
2. Judul kosongkan.
3. Copas kode berikut ini di kolom konten

<style>
#search-box {position: relative;width: 100%;margin: 0;}
#search-form {border: 1px solid #ebebeb;background-color: #fff;overflow: hidden;}
#search-text {font-size: 14px;color: #ddd;border-width: 0;background: transparent;}
#search-box input[type="text"] {width: 90%;padding: 11px 0 12px 1em;color: #333;outline: none;}
#search-button {position: absolute;top: 0;right: 0;height: 42px;width: 80px;font-size: 14px;color: #fff;text-align: center;line-height: 42px;border-width: 0;background-color: #54a8d0;cursor: pointer;}
</style>
<div id="search-box">
<form action="/search" id="search-form" method="get" target="_top">
<input id="search-text" name="q" placeholder="Search here..." type="text" vk_1c225="subscribed"/>
<button id="search-button" type="submit"><span><i class="fa fa-search"></i></span></button>
</form>
</div>

Save!

Karena Tombol Cari (Search Button) menggunakan Awesome Font, pastikan di template Anda sudah terpasang linknya. Jika belum ada, pasang kode ini di atas kode </head>

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" />

Demikian Cara Membuat Kotak Pencarian Keren Simple Responsive. Good Luck & Happy Blogging! (www.contohblog.com).*

Cara Mudah Membuat Gambar Ilustrasi Posting Blog

Cara Mudah Membuat Gambar Ilustrasi Posting Blog

Cara Mudah Membuat Gambar Ilustrasi Posting Blog

POSTINGAN blog harus menggunakan gambar (image) atau foto sebagai ilustrasi maupun sebagai pelengkap.

Jika tanpa gambar, postingan kita kurang SEO, akan kalah bersaing di Google.

Berikut ini salah satu cara, termasuk cara berbaru dan termudah, untuk membuat gambar ilustrasi postingan blog, yaitu dengan menggunakan status update Facebook.

Sekarang kan kita bisa menulis update status dengan latar warna-warni. Maka, bagi blogger itu kabar baik. Membuat gambar ilustrasi jadi mudah.

Cara Mudah Membuat Gambar Ilustrasi Posting Blog

1. Buka Akun Facebook Anda
2. Buat Update Status seperti biasa, tulis, misalnya "Cara Mudah Membuat Gambar Ilustrasi Posting Blog"
3. Klik icon latar warna yang ada di bawahnya. Hasilnya seperti ini.

Cara Mudah Membuat Gambar Ilustrasi Posting Blog

4. Begitu sudah jadi, tampil seperti gambar di atas, gunakan Snipping Tools bawaan Microsoft Windows untuk menyimpan gambarnya.

Anda juga bisa gunakan FireShot atau LightShot untuk menyimpan gambarnya.

5. Beres!

Anda bisa teruskan dengan menulis status update Facebook atau batalkan.

Demikian Cara Mudah Membuat Gambar Ilustrasi Posting Blog. Biar gambar Anda orisinal, unik, lebih SEO Friendly karena fresh dan gambar baru di data mesin pencari.

Good Luck & Happy Blogging! (www.contohblog.com).*

Cara Membuat Auto Read More di Halaman Depan Blog

Cara Membuat Auto Read More di Halaman Depan Blog

Cara Membuat Auto Read More atau Ringkasan Posting, Summary, atau Snippet Post plus Gambar Thumbnail di Halaman Depan Blog dengan & Tanpa JavaScript.


Membuat Auto Read More di Halaman Depan Blog
CARA membuat Auto Read More disertai gambar (thumbnail) di halaman depan blog (homepage) ini sudah berkali-kali CB terapkan, dan berhasil.

Cara ini sudah diterapkan dalam banyak modifikasi template blog.

Tips ini untuk Anda yang menggunakan template bawaan blogger (default blogger templates), seperti template simple, yang belum menampilkan ringkasan posting di halaman depan alias tampilannya sama dengan single post/single page.

Umumnya, template blog sekarang sudah otomatis menggunakan auto read more atau menampilkan ringkasan posting di halaman depan blog.

Kode Auto Read More Terbaru

Untuk membuat auto read more atau menampilkan judul, gambar, dan snippet (kutipan bagian awal posting) cukup dengan menggunakan kode terbaru berikut ini, sudah seo friendly.

1. Simpan kode berikut ini di atas kode ]]></b:skin>

.thumbnail-post {width:100px !important; height:100px !important;float:left;margin:0px 10px 0px 0px;}

2. Hapus dan ganti kode <data:post.body/> yang kedua dengan kode berikut ini:

<!-- Auto Read More start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.firstImageUrl'>
      <a expr:href='data:post.url'><img class='thumbnail-post'
expr:alt='data:post.title' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>
    <b:else/>
      <a expr:href='data:post.url'><img class='thumbnail-post'
expr:alt='data:post.title' expr:title='data:post.title' src='https://lh3.googleusercontent.com/-qJ5VVlQsLfY/VOBUcH3BV_I/AAAAAAAAGsA/MkUD8LKAhTE/s220-Ic42/noimage.png'/></a>
    </b:if>
    <div class='post-snippet'>
      <data:post.snippet/>
    </div>
  </b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <data:post.body/>
</b:if>
<!-- Auto Read More end -->

Selesai! 
Save tempate Anda.

Auto Readmore Pake JavaScript & Tanpa JS

Ada dua cara membuat Auto Read More di Halaman Depan Blog, yaitu Menggunakan JavaScript dan Tanpa JavaScript (JS).
  • Kelebihan menggunakan JS adalah kita bisa mengatur ukuran foto dan panjang-pendek ringkasan tulisan. Kekurangannya: "sedikit" mengganggu kecepatan loading blog.
  • Kelebihan Auto Readmore Tanpa JS adalah loading blog tetap kenceng (fast loading) atau tidak mengganggu loading time blog. Kekurangannya: ukuran gambar thumbnail distandar ke 72x72 pixel dan panjang-pendek ringkasan tulisan gak bisa diubah. Kalaupun mau diubah, tetap... akhirnya..... menggunakan javascript juga!

Membuat Auto Read More di Halaman Depan Blog #1 (JavaScript)

Ini cara Membuat Auto Read More di Halaman Depan Blog mengunakan JavaScript (JS). Tips, kode, atau script Membuat Auto Read More di Halaman Depan Blog menggunanakan JS ini CB kutip dari Help Blogger.

1. Klik "Template" > "Edit HTML"
2. Cari (CTRL+F) kode <data:post.body/>.

Jika ada lebih dari dua <data:post.body/>, pilih yang kedua. Jika gagal, pilih yang ketiga atau pertama dst. Coba saja satu-satu hingga berhasil. 

3. Replace atau ganti kode <data:post.body/> tersebut dengan kode di bawah ini:

  <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
  <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='readmore' style='float:right'><a expr:href='data:post.url'>Read More &#187;</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

4. Cari kode </head> dan COPAS kode berikut ini tepat di atasnya!

 <script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = posts_thumb_sum;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>


5. SAVE Template!

CATATAN: 
1. Anda bisa mengganti ukuran gambar/thumbnail dengan mengubah angka 120 menjadi lebih kecil atau lebih besar.

2. Anda juga bisa mengubah jumlah/panjang karakter dengan mengganti angka 490 (jika postingnya tanpa foto) dan angka 400 (jika postingnya ada foto).

Membuat Auto Read More di Halaman Depan Blog #2 (Tanpa JavaScript)

Cara kedua ini tanpa skrip, hanya menggunakan CSS/HTML sehingga disebut "Fast Loading Auto Readmore", meski cuma beda dikit sama yang JS.

1. Template > Edit HTML
2. Copy & Paste kode berikut ini di atas kode ]]</b:skin>

.thumbnail-post {width:140px;height:80px;float:left;margin:0px 10px 0px 0px;padding-right:15px}

3. Ganti kode  <data:post.body/> dengan kode berikut ini:

<!-- Auto Readmore Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:post.firstImageUrl'> <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a> <b:else/> <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='https://lh3.googleusercontent.com/-qJ5VVlQsLfY/VOBUcH3BV_I/AAAAAAAAGsA/MkUD8LKAhTE/s220-Ic42/noimage.png'/></a> </b:if> <div class='post-snippet'> <data:post.snippet/> </div>
<div class='rm-button-wrap'> <a class='button' expr:href='data:post.url'>Read More</a> </div> </b:if> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> </b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> </b:if>
<!--Auto Readmore Codes End-->

Keterangan:
  • Jika ada dua kode <data:post.body/> di template blog Anda, ganti kode yang kedua.
  • Ukuran gambar thumbnail (140px/80px) bisa diubah menjadi lebih besar atau kecil
  • Kode warna Orange adalah URL Gambar Thumbail Default. Bisa diganti dengan gambar sendiri.
  • Kode yang warna biru adalah teks Read More yang bisa diubah menjadi Baca Selengkapnya atau bisa juga dihapus saja jika tidak ingin ada tulisan Readmore.

Bagaimana jika mau tanpa gambar dan tanpa tombol "readmore" dsb? Tutorial lebih lengkap, bisa disimak di blog "wong" Vietnam, Duypham. Pake saja Google Translate!

Apa itu Auto Readmore?

Auto Readmore Blog
Auto Read More adalah istilah bagi tampilan halaman depan blog (Homepage) berupa judul tulisan, gambar thumbnail, dan kutipan bagian awal tulisan.

Contohnya seperti gambar di samping kiri ini.

Auto Read More ini sebenarnya sudah disediakan oleh Blogger, jika kita menggunakan template bawaan blogger, yaitu dengan cara klik menu/link "Insert jump break" saat kita posting. Klik bagian akhir alinea pertama atau kedua, lalu klik Insert jump break.

Namun, template bawaan blogger terbaru, sudah semuanya auto readmore.

Desain halaman depan berupa judul dan ringkasan posting ini sangat user friendly (ramah pengguna), memenuhi kaidah pengalaman pengguna (user experience, UX), karena halaman hasil pencarian Google juga menampilkan judul dan ringkasan posting.

Sebaiknya, hapus tulisn "Read more" atau "Baca selengkapnya", karena Google juga tidak mencantumkan hal itu, juga hanya menambah banyak link di halaman depan yang bisa memberatkan loading blog.

Demikian Cara Membuat Auto Read More (Ringkasan Posting) di Halaman Depan Blog Blogger/Blogspot dengan & Tanpa JavaScript.

Good Luck and Happy Blogging! (http://www.contohblog.com).*

CB Super SEO - Template Blog SEO Simple Terbaru Zaman Now

CB Super SEO - Template Blog SEO Simple Terbaru Zaman Now

CB Super SEO - Template Blog SEO Simple Terbaru Zaman Now.

Template terbaru ini didesain simple ala website zaman now, CB Super SEO sudah dilengkapi seo terbaru sesuai dengan update algoritma Google.

CB Super SEO - Template Blog SEO Simple Terbaru Zaman Now

Harga Rp 140.000,-

Harga 140.000 saja. Tadinya mau dipatok harga Rp150.000, tapi suka ada biaya admin kalo transfer beda bank, makanya dikasih diskon 10.000 buat biaya admin atau ongkos ojek ke ATM :)

Features:
  • SEO Optimized
  • Fast Loading, Ringan
  • Responsive / Mobile Friendly
  • Auto Readmore SEO
  • Related Post Simple
  • Breadcrumbs SEO
  • Heading Tags Dinamis
  • Komentar Blogger
  • Simple & Clean
  • Menu Responsive / Mobile Friendly
  • And more...

Fitur lainnya --mobile friendly (responsive), fast loading, meta tags seo (skor seo chkme 100%-- sebagaimana data berikut ini.

Page is mobile-friendly


Page is mobile-friendly
This page is easy to use on a mobile device

Structured Data OK, No Error

Structured Data OK, No Error

Kecepatan Loading: PageSpeed Insight HIJAU

PageSpeed Insight HIJAU
PageSpeed Insight HIJAU

Speed CB Super SEO GT Metrix

Speed CB Super SEO GT Metrix

Catatan:
Kecepata Loading Blog dipengaruhi JavaSscript dan Gambar. Jadi, data di atas bisa berubah karena pengaruh gambar yang terlalu besar atau tambahan script.

Skor SEO Chkme 100%

Skor SEO Chkme 100%

RESPONSIVE

CB Super SEO - Template Blog SEO Simple Terbaru Zaman Now

CB Super SEO - Mobile-Friendly Responsive


Cara Menampilkan Gambar Sejajar Dua-Tiga Kolom di Postingan Blog

Cara Menampilkan Gambar Sejajar Dua-Tiga Kolom di Postingan Blog

Cara Menampilkan Gambar Sejajar Dua-Tiga Kolom di Postingan Blog
Cara Menampilkan Gambar Sejajar Dua-Tiga Kolom di Postingan Blog

Berikut ini Cara Menampilkan Gambar Sejajar Dua-Tiga Kolom di Postingan Blog. Bisa juga ditampilkan di halaman statis.

Dalam hal ini kita menggunakan kode Table bawaan blogger.

Mestinya bisa diterapkan di semua template blogger. Demonya bisa dilihat di Galeri Template Blog CB atau dalam postingan ini.

Cara Menampilkan Gambar Sejajar Dua-Tiga Kolom di Postingan Blog


Cara memasangnya sebagai berikut:

1. Klik Mode HTML
2. Copas salah satu kode di bawha ini --dua, tiga, atau empat gambar sejajar.
5. Klik mode Compose
6. Klik kursor sebelum kata Gambar, lalu Enter
7. Klik space yang ada tepat di atas kata gambar
8. Klik "Insert image" di menu atas halaman postingan (Samping kanan Link).
9. Upload Gambar Anda. Ukuran gambar yang mau dijejerkan harus sama besar.

Kode Gambar Sejajar Dua Kolom

<table><tr>
<td>Gambar 1</td>
<td>Gambar 2</td>
</tr></table>

Gambar Sejajar Tiga Kolom

<table><tr>
<td>Gambar 1</td>
<td>Gambar 2</td>
<td>Gambar 3</td>
</tr></table>

Gambar Sejajar Empat Kolom

<table><tr>
<td>Gambar 1</td>
<td>Gambar 2</td>
<td>Gambar 3</td>
<td>Gambar 4</td>
</tr></table>

Demo atau Contoh Penggunakan kode di atas:

Gambar Sejajar Dua Kolom

Fastest Theme

Fastest Theme

Gambar Sejajar Tiga Kolom

NJW Magz

Detik Style

CB Simple Store


Cara Membuat Gambar Sejajar Menggunakan Aplikasi

Selain menggunakan kode di atas, kita bisa gunakan aplikasi yang disediakan Photo Grid Online. Kita tinggal upload foto yang akan ditampilkan sejajar, pilih desain tampilannya, geser satu per satu gambarnya, dan selesai!

Demikian Cara Menampilkan Gambar Sejajar Dua-Tiga Kolom atau Lebih di Postingan Blog. Happy Blogging! (www.contohblog.com).*

Tips Menjadi Vlogger Sukses: Cita-Cita Kids Zaman Now

Tips Menjadi Vlogger Sukses: Cita-Cita Kids Zaman Now

Tips Menjadi Vlogger Sukses: Cita-Cita Kids Zaman Now
Tips Menjadi Vlogger Sukses: Cita-Cita Kids Zaman Now.

Anak-anak zaman dulu, ketika ditanya cita-citanya, biasanya menyebutkan profesi dokter, pilot, tentara, astronot, dan sebagainya.

Namun, ketika pertanyaan yang sama ditanyakan kepada kids zaman now (anak zaman sekarang), maka ada profesi baru: vlogger.

Vlogger --singkatan dari Video Log atau Video Blog-- adalah blogger dengan niche blog video. Blognya berisi video.

Vlogger adalah aktivitas video blogging, yaitu ngeblog dengan fokus konten video. Ngeblognya juga bisa di dua tempat sekaligus, yaitu di blog sendiri dengan menggunakan platform blogger atau wordpress, dan di Youtube.

Jika "ngeblog" di Youtube, maka disebut Youtuber. (Baca: Tips Menjadi Youtuber Sukses).

Dikutip dari laman Wikipedia, vlog (video blog/video log) adalah adalah bentuk blog yang mediumnya adalah video, dan merupakan bentuk televisi web.

Entri Vlog sering menggabungkan video tertanam (atau tautan video) dengan teks pendukung, gambar, dan metadata lainnya. Entri dapat dicatat dalam satu pengambilan atau pemotongan menjadi beberapa bagian

Vlog is a form of blog for which the medium is video, and is a form of web television. Vlog entries often combine embedded video (or a video link) with supporting text, images, and other metadata. Entries can be recorded in one take or cut into multiple parts.

Vlogger sendiri sekarang bisa dikatakan sebagai profesi, karena kamu memang bisa mendapatkan penghasilan dari sini. Bahkan apabila sukses, penghasilan yang bisa didapatkan bisa mencapai puluhan bahkan ratusan juta per bulannya.

Namun, seperti halnya profesi lainnya, menjadi vlogger yang sukses juga tidak bisa didapatkan dengan instan.

Tips Menjadi Vlogger Sukses

Berikut ini tips menjadi vlogger sukses sebagaimana dilansir laman Kompas. Untuk mendapatkan follower yang banyak, setidak-tidaknya dibutuhkan 4K ini: karakter, konsisten, kreativitas, dan kualitas.

1. Karakter

Yang paling mudah adalah "menjadi diri sendiri" atau tidak meniru karakter orang lain yang sudah lebih dulu populer.

Yang dimaksud karakter adalah ciri khas dan tema video. Misalnya, pencinta kuliner ataupun anak gaul penyuka musik.

2. Konsisten

Setelah memiliki karakter yang jelas, tips menjadi vlogger sukses berikutnya adalah harus konsisten menggambarkannya kepada penonton melalui video.

Konsistensi berarti memenang karakter dan terus update serta mengikuti trending topic.

3. Kreativitas

Selain karakter yang unik dan juga konsistensi, untuk menjadi vlogger sukses juga memerlukan kreativitas.

Kreativitas ini penting untuk membedakan video Anda dengan video vlogger lain yang menyajikan video dengan karakter dan tema yang serupa. Kreativitas ini akan memberikan keunikan tersendiri pada video yang Anda buat.

4. Kualitas

Tips Menjadi Vlogger Sukses
Template Blog Video. Cek di Galeri Template CB
Profesi vlogger pada dasarnya sama dengan content creator, sebuah profesi yang sudah lama ada dan biasanya tergabung dalam production house.

Memang berbagai sosial media yang ada memberikan Anda platform gratis untuk menayangkan video yang dibuat tanpa harus mengeluarkan biaya.

Namun tetap saja, penonton akan mencari tontonan yang berkualitas, apakah itu dari resolusinya, teknik pengambilan gambarnya, sampai isinya.

Dulu untuk membuat video dengan kualitas yang bagus diperlukan berbagai peralatan canggih, mulai dari kamera yang besar sampai komputer untuk melakukan editing.

Sekarang dengan kemajuan teknologi, kita bisa melakukannya hanya dengan menggunakan Smartphone yang memberikan fitur-fitur penunjang pembuatan video.

Demikian Tips Menjadi Vlogger Sukses yang mulai menjadi Cita-Cita Kids Zaman Now. Good Luck and Happy Vlogging! (www.contohblog.com).*

Featured Post Responsive untuk Blog - Newswire Blogger Template Style

Featured Post Responsive untuk Blog - Newswire Blogger Template Style

Featured Post News Wire Blogger Template Style. Menampilkan posting unggulan di halaman depan blog. Gaya majalah (Magazine Style).

Demonya bisa dilihat di blog demo template Newswire Blogger Template. Ini penampakannya.

Featured Post News Wire Blogger Template Style

Featured Post Responsive - Newswire Blogger Template Style.

Kode dan Cara Pasang

Kode CSS
Simpan di atas kode ]]></b:skin>

.featured{width:612px;overflow:hidden; border-top:0px solid #E0E0E0; margin:4px 0 20px; padding:10px 0; border-bottom:3px solid #008800;}
.featured-wide img{display:block; height:175px; width:300px;}
.featured-wide{width:300px}
.postTitle{font-size: 22px; font-weight: bold; line-height: 25px; margin-bottom: 10px;}
.postTitle a{color:#333333;}
.featured .right{float:right;padding:10px 5px}
.featured-vn{width:290px; border-bottom: 1px solid #E6E6E6; margin:0 0 10px 0; padding-bottom: 10px;}
.featured-vn .featuredTitle{font:bold 12px Arial; margin-bottom: 5px;}
.featured h1{font:bold 14px Arial;text-transform:uppercase;color:#026ab5;line-height:1.2em;letter-spacing:.01em; border-bottom:2px solid #026ab5;margin:0 auto;padding:10px 10px 10px 35px}
.featured h1 a:hover{color:#000}
.featured .left{float:left;padding:10px 5px}
.featured-wide .thumb{padding-bottom:5px}
.featured-vn .thumb{float:left;margin:3px 10px 0 1px}
.featured-wide .featuredPostMeta{float:right}
.featured h1 a,.featured h1 a:visited{color:#0169b5}
.featuredPost{padding:0 0 10px 10px; font-size:13px}
.featured-vn .featuredTitle a{color:#333333; font-size: 14px;}
.postTitle a:hover, .featured-vn .featuredTitle a:hover{color:#008800;}
@media (min-width:768px) {
.featured{width:100%}
.featured-wide,.featured-vn,.featured-wide img{width:386px;}
}
@media (min-width:1024px) {
.featured-wide,.featured-vn,.featured-wide img{width:290px;}
}
@media (min-width:1280px) {
.featured-wide,.featured-vn,.featured-wide img{width:304px;height:100%;max-height:175px;}
}

Kode HTML
Simpan di bawah kode main-wrapper

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='featured'>
<b:section class='feat' id='featured-post' preferred='yes'>
  <b:widget id='HTML20' locked='false' title='Featured-Posts' type='HTML' visible='true'>
    <b:includable id='main'>
<script> 
document.write(&quot;&lt;script src=&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2&quot;&gt;&lt;/script&gt;&quot;);
</script>
</b:includable>
  </b:widget>
</b:section>
</div>
<div class='clear'/>
</b:if>


Kode JavaScript
Simpan di atas kode </head>

<script type='text/javascript'>
    //<![CDATA[
imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 125;
summaryPost1 = 55;
summaryTitle = 25;
numposts1 = 4;
numposts4 = 4;
numposts6 = 6;
;
function removeHtmlTag(_17, _18) {
 var _8 = _17["split"]("<");
 for (var _0 = 0; _0 < _8["length"]; _0++) {
  if (_8[_0]["indexOf"](">") != -1) {
   _8[_0] = _8[_0]["substring"](_8[_0]["indexOf"](">") + 1, _8[_0]["length"])
  }
 };
 _8 = _8["join"]("");
 _8 = _8["substring"](0, _18 - 1);
 return _8
};
function showrecentposts2(_6) {
 j = (showRandomImg) ? Math["floor"]((imgr["length"] + 1) * Math["random"]()) : 0;
 img = new Array();
 if (numposts1 <= _6["feed"]["entry"]["length"]) {
  maxpost = numposts1
 } else {
  maxpost = _6["feed"]["entry"]["length"]
 };
 for (var _0 = 0; _0 < maxpost; _0++) {
  var _1 = _6["feed"]["entry"][_0];
  var _12 = _1["title"]["$t"];
  var _10;
  var _3;
  if (_0 == _6["feed"]["entry"]["length"]) {
   break
  };
  for (var _2 = 0; _2 < _1["link"]["length"]; _2++) {
   if (_1["link"][_2]["rel"] == "alternate") {
    _3 = _1["link"][_2]["href"];
    break
   }
  };
  for (var _2 = 0; _2 < _1["link"]["length"]; _2++) {
   if (_1["link"][_2]["rel"] == "replies" && _1["link"][_2]["type"] == "text/html") {
    _10 = _1["link"][_2]["title"]["split"](" ")[0];
    break
   }
  };
  if ("content" in _1) {
   var _4 = _1["content"]["$t"]
  } else {
   if ("summary" in _1) {
    var _4 = _1["summary"]["$t"]
   } else {
    var _4 = ""
   }
  };
  postdate = _1["published"]["$t"];
  if (j > imgr["length"] - 1) {
   j = 0
  };
  img[_0] = "";
  s = _4;
  a = s["indexOf"]("<img");
  b = s["indexOf"]("src="", a);
  c = s["indexOf"](""", b + 5);
  d = s["substr"](b + 5, c - b - 5);
  if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
   if (_0 == 0) {
    img[_0] = "<img width="300" height="225" class="alignone" src="" + d + ""/>"
   } else {
    img[_0] = "<img class="alignright" height="80" src="" + d + "" width="90"/>"
   }
  };
  var _11 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
  var _14 = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
  var _16 = postdate["split"]("-")[2]["substring"](0, 2);
  var _9 = postdate["split"]("-")[1];
  var _15 = postdate["split"]("-")[0];
  for (var _5 = 0; _5 < _11["length"]; _5++) {
   if (parseInt(_9) == _11[_5]) {
    _9 = _14[_5];
    break
   }
  };
  var _13 = _16 + " " + _9 + " " + _15;
  if (_0 == 0) {
   var _7 = "<div class="featured-wide left"><div class="thumb"><a href="" + _3 + "">" + img[_0] + "</a></div><div class="featuredPost1 lastPost"><h2 class="postTitle"><a href="" + _3 + "">" + _12 + "</a></h2><div class="entry-meta"><span class="meta-date">" + _13 + " </span></div>x09<p>" + removeHtmlTag(_4, summaryPost) + "...</p><div class="clear"></div></div></div><div class="featured_1 right">";
   document["write"](_7)
  };
  if ((_0 > 0) && (_0 < maxpost)) {
   var _7 = "<div class="featured-vn"><div class="thumb"><a href="" + _3 + "">" + img[_0] + "</a></div><div class="featuredTitle"><a href="" + _3 + "">" + _12 + "</a></div><div class="entry-meta"><span class="meta-date">" + _13 + " </span></div>" + removeHtmlTag(_4, summaryPost1) + "...<div class="clear"></div></div>";
   document["write"](_7)
  };
  j++
 };
 document["write"]("</div>")
};
function showrecentposts5(_6) {
 j = (showRandomImg) ? Math["floor"]((imgr["length"] + 1) * Math["random"]()) : 0;
 img = new Array();
 if (numposts4 <= _6["feed"]["entry"]["length"]) {
  maxpost = numposts4
 } else {
  maxpost = _6["feed"]["entry"]["length"]
 };
 for (var _0 = 0; _0 < maxpost; _0++) {
  var _1 = _6["feed"]["entry"][_0];
  var _12 = _1["title"]["$t"];
  var _10;
  var _3;
  if (_0 == _6["feed"]["entry"]["length"]) {
   break
  };
  for (var _2 = 0; _2 < _1["link"]["length"]; _2++) {
   if (_1["link"][_2]["rel"] == "alternate") {
    _3 = _1["link"][_2]["href"];
    break
   }
  };
  for (var _2 = 0; _2 < _1["link"]["length"]; _2++) {
   if (_1["link"][_2]["rel"] == "replies" && _1["link"][_2]["type"] == "text/html") {
    _10 = _1["link"][_2]["title"]["split"](" ")[0];
    break
   }
  };
  if ("content" in _1) {
   var _4 = _1["content"]["$t"]
  } else {
   if ("summary" in _1) {
    var _4 = _1["summary"]["$t"]
   } else {
    var _4 = ""
   }
  };
  postdate = _1["published"]["$t"];
  if (j > imgr["length"] - 1) {
   j = 0
  };
  img[_0] = imgr[j];
  s = _4;
  a = s["indexOf"]("<img");
  b = s["indexOf"]("src="", a);
  c = s["indexOf"](""", b + 5);
  d = s["substr"](b + 5, c - b - 5);
  if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
   img[_0] = d
  };
  var _11 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
  var _14 = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  var _16 = postdate["split"]("-")[2]["substring"](0, 2);
  var _9 = postdate["split"]("-")[1];
  var _15 = postdate["split"]("-")[0];
  for (var _5 = 0; _5 < _11["length"]; _5++) {
   if (parseInt(_9) == _11[_5]) {
    _9 = _14[_5];
    break
   }
  };
  var _13 = _16 + " " + _9 + " " + _15;
  _10 = "<a href="" + _3 + "">" + _10 + " comments</a>";
  if (_0 == 0) {
   var _7 = "<li class="first"><h2 class="entry-title"><a href="" + _3 + "">" + _12 + "</a></h2><div class="entry-meta"><span class="meta-date">" + _13 + " - <a href="" + _3 + "">" + _10 + "</a></span></div><div class="entry-thumb"><a href="" + _3 + ""><img width="110" height="80" src="" + img[_0] + ""/> </a></div><div class="entry-excerpt"><p>" + removeHtmlTag(_4, summaryPost) + "...   <div class="meta-more"><a href="" + _3 + "x22x20x3Ex6Dx6Fx72x65x20xBBx3Cx73x70x61x6Ex20x63x6Cx61x73x73x3Dx22x6Dx65x74x61x2Dx6Ex61x76x22x3Ex3Cx2Fx73x70x61x6Ex3Ex3Cx2Fx61x3Ex3Cx2Fx64x69x76x3Ex3Cx2Fx70x3Ex3Cx2Fx64x69x76x3Ex3Cx2Fx6Cx69x3E";
   document["write"](_7)
  };
  if ((_0 > 0) && (_0 < maxpost)) {
   var _7 = "<li class="catlist"><a href="" + _3 + "">" + _12 + "</a></li>";
   document["write"](_7)
  };
  j++
 }
};
function showrecentposts7(_6) {
 j = (showRandomImg) ? Math["floor"]((imgr["length"] + 1) * Math["random"]()) : 0;
 img = new Array();
 if (numposts6 <= _6["feed"]["entry"]["length"]) {
  maxpost = numposts6
 } else {
  maxpost = _6["feed"]["entry"]["length"]
 };
 for (var _0 = 0; _0 < maxpost; _0++) {
  var _1 = _6["feed"]["entry"][_0];
  var _12 = _1["title"]["$t"];
  var _10;
  var _3;
  if (_0 == _6["feed"]["entry"]["length"]) {
   break
  };
  for (var _2 = 0; _2 < _1["link"]["length"]; _2++) {
   if (_1["link"][_2]["rel"] == "alternate") {
    _3 = _1["link"][_2]["href"];
    break
   }
  };
  for (var _2 = 0; _2 < _1["link"]["length"]; _2++) {
   if (_1["link"][_2]["rel"] == "replies" && _1["link"][_2]["type"] == "text/html") {
    _10 = _1["link"][_2]["title"]["split"](" ")[0];
    break
   }
  };
  if ("content" in _1) {
   var _4 = _1["content"]["$t"]
  } else {
   if ("summary" in _1) {
    var _4 = _1["summary"]["$t"]
   } else {
    var _4 = ""
   }
  };
  postdate = _1["published"]["$t"];
  if (j > imgr["length"] - 1) {
   j = 0
  };
  img[_0] = imgr[j];
  s = _4;
  a = s["indexOf"]("<img");
  b = s["indexOf"]("src="", a);
  c = s["indexOf"](""", b + 5);
  d = s["substr"](b + 5, c - b - 5);
  if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
   img[_0] = d
  };
  var _11 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
  var _14 = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  var _16 = postdate["split"]("-")[2]["substring"](0, 2);
  var _9 = postdate["split"]("-")[1];
  var _15 = postdate["split"]("-")[0];
  for (var _5 = 0; _5 < _11["length"]; _5++) {
   if (parseInt(_9) == _11[_5]) {
    _9 = _14[_5];
    break
   }
  };
  var _13 = _16 + " " + _9 + " " + _15;
  _10 = "<a href="" + _3 + "">" + _10 + " comments</a>";
  if (_0 == 0) {
   var _7 = "<div class="zech-wide left"><div class="thumb"><a href="" + _3 + ""><img width="190" height="140" src="" + img[_0] + ""/></a></div><div class="featuredPost lastPost"><h2 class="zeech-title"><a href="" + _3 + "">" + _12 + "</a></h2>x09<p>" + removeHtmlTag(_4, summaryPost1) + "... <div class="meta-more"><a href="" + _3 + "x22x20x3Ex6Dx6Fx72x65x20xBBx3Cx2Fx61x3Ex3Cx2Fx64x69x76x3Ex3Cx2Fx70x3Ex3Cx64x69x76x20x63x6Cx61x73x73x3Dx22x63x6Cx65x61x72x22x3Ex3Cx2Fx64x69x76x3Ex3Cx2Fx64x69x76x3Ex3Cx2Fx64x69x76x3Ex3Cx75x6Cx3Ex3Cx64x69x76x20x63x6Cx61x73x73x3Dx22x7Ax65x63x68x2Dx6Ex76x20x72x69x67x68x74x22x3E";
   document["write"](_7)
  };
  if ((_0 > 0) && (_0 < maxpost)) {
   var _7 = "<li><a href="" + _3 + "">" + _12 + " </a></li>";
   document["write"](_7)
  };
  j++
 };
 document["write"]("</ul></div>")
};
//]]>
</script>

Contact Form

Name

Email *

Message *