Cara Share Postingan Blog ke Facebook Otomatis

April 25, 2018 Add Comment
Cara Share Postingan Blog ke Facebook Otomatis

Dulu ada banyak cara share artikel langsung ke Akun Facebook kita, namun saat ini cara cara share artikel melalui pihak ke tiga sudah tidak bisa lagi digunakan. Dan jika menggunakan cara manual tentu akan menghabiskan banyak waktu untuk melakukan itu. Terkadang Facebook-pun akan menganggap spam jika URL artikel yang dilampirkan tidak sesuai dengan kebijakan ( Term of Service ) pihak Facebook.

Cara ini sebenernya sedikit ribet, namun hanya sekali dilakukan dan untuk seterusnya artikel blog akan secara otomatis share ke akun Facebook kita dan cara ini masih UPDATE di 2018 artinya masih WORK ! untuk share artikel Blog secara otomatis. Cara yang kita lakukan adalah membuat artikel share ke Twitter terlebih dahulu kemudian men-setting Twitter agar secara otomatis artikel tersebut share juga langsung ke Akun Facebook kita.

Cara Share Postingan Blog ke Facebook Otomatis

Langkah pertama : Silahkan aktifkan FeedBurner Blog Sobat dengan mendaftarkan feed blog Anda.

Feed blog URL seperti kode berikut: http://NamaBlogAnda/feeds/posts/default

Setelah FeedBurner blog Sobat aktif, silahkan pilih tab Publicize lalu pilih menu Socialize, aktifkan fitur ini lalu hubungkan akun Twitter Sobat. Dengan begitu FeedBurner akan otomatis share update post ke akun Twitter Sobat.

Cara Share Postingan Blog ke Facebook Otomatis


Langkah kedua, kemudian silahkan hubungkan akun Facebook pada akun Twitter agar ketika update post masuk dari FeedBurner ke Twitter, maka Twitter akan otomatis meneruskan postingan ke Facebook.

Silahkan masuk ke Setting akun Twitter Sobat lalu pilih menu Apps dan kemudian hubungkan akun Facebook Sobat.

Cara Share Postingan Blog ke Facebook Otomatis

Selesai... selamat mencoba dan semoga bermanfaat.

Cara Membuat Content Pagination di Blogger seperti Wordpress

April 23, 2018 Add Comment
Cara Membuat Content Pagination di  Blogger seperti Wordpress

Content Pagination berfungsi membagi sebuah konten menjadi beberapa halaman dengan menampilkan pager angka sesuai banyak halaman yang dibuat ( umumnya tampilan ini banyak digunakan oleh Template berplatform Wordpress ) sehingga memudahkan navigasi pengunjung untuk melihat konten selanjutnya.

Content Pagination yang diterapkan di blogger ini menggunakan Javascript, tanpa memerlukan jquery library sehingga tidak akan banyak mengganggu loading halaman blog. Ketika pengunjung mengklik pager untuk membaca konten selanjutnya, maka selain konten yang berganti juga otomatis mereload halaman sehingga otomatis konten berikut iklan yang ada di halaman juga ikut berganti.

Jika Anda ingin mencobanya, silahkan ikuti langkah-langkahnya di bawah ini.
Silahkan gunakan ( masukkan ) kode berikut ini pada postingan mode HTML untuk membuat postingan dengan content pagination ini.

 <style>
.button-box{margin:30px 0;text-align:center;}
#page1,#page2,#page3,#page4,#page5{display:none}
#page1.current{display:block}
a.button-pager{height:30px;line-height:30px;padding:0 20px; margin:0 5px 0 0;text-align:center;background:#ddd;color:#333;cursor:pointer;display:inline-block;}
a.button-pager.current{background:#333;color:#fff;}
</style>

<div id='topcontent'></div>

<div id="page1" class="current">
Kontent untuk halaman 1 tulis di sini......
</div>

<div id="page2">
Kontent untuk halaman 2 tulis di sini......
</div>

<div id="page3">
Kontent untuk halaman 3 tulis di sini......
</div>

<div id="page4">
Kontent untuk halaman 4 tulis di sini......
</div>

<div id="page5">
Kontent untuk halaman 5 tulis di sini......
</div>

<div class="button-box">
<a class="button-pager current" id="button1" href="?page1#topcontent">1</a>
<a class="button-pager" id="button2" href="?page2#topcontent">2</a>
<a class="button-pager" id="button3" href="?page3#topcontent">3</a>
<a class="button-pager" id="button4" href="?page4#topcontent">4</a>
<a class="button-pager" id="button5" href="?page5#topcontent">5</a>
</div>

<script>
//<![CDATA[
var p1=document.getElementById("page1"),p2=document.getElementById("page2"),p3=document.getElementById("page3"),p4=document.getElementById("page4"),p5=document.getElementById("page5"),b1=document.getElementById("button1"),b2=document.getElementById("button2"),b3=document.getElementById("button3"),b4=document.getElementById("button4"),b5=document.getElementById("button5");window.location.href.search("page1")>0&&(p1.style.display="block",p1.classList.add("current"),b1.classList.add("current"),p2.style.display="none",p2.classList.remove("current"),b2.classList.remove("current"),p3.style.display="none",p3.classList.remove("current"),b3.classList.remove("current"),p4.style.display="none",p4.classList.remove("current"),b4.classList.remove("current"),p5.style.display="none",p5.classList.remove("current"),b5.classList.remove("current")),window.location.href.search("page2")>0&&(p1.style.display="none",p1.classList.remove("current"),b1.classList.remove("current"),p2.style.display="block",p2.classList.add("current"),b2.classList.add("current"),p3.style.display="none",p3.classList.remove("current"),b3.classList.remove("current"),p4.style.display="none",p4.classList.remove("current"),b4.classList.remove("current"),p5.style.display="none",p5.classList.remove("current"),b5.classList.remove("current")),window.location.href.search("page3")>0&&(p1.style.display="none",p1.classList.remove("current"),b1.classList.remove("current"),p2.style.display="none",p2.classList.remove("current"),b2.classList.remove("current"),p3.style.display="block",p3.classList.add("current"),b3.classList.add("current"),p4.style.display="none",p4.classList.remove("current"),b4.classList.remove("current"),p5.style.display="none",p5.classList.remove("current"),b5.classList.remove("current")),window.location.href.search("page4")>0&&(p1.style.display="none",p1.classList.remove("current"),b1.classList.remove("current"),p2.style.display="none",p2.classList.remove("current"),b2.classList.remove("current"),p3.style.display="none",p3.classList.remove("current"),b3.classList.remove("current"),p4.style.display="block",p4.classList.add("current"),b4.classList.add("current"),p5.style.display="none",p5.classList.remove("current"),b5.classList.remove("current")),window.location.href.search("page5")>0&&(p1.style.display="none",p1.classList.remove("current"),b1.classList.remove("current"),p2.style.display="none",p2.classList.remove("current"),b2.classList.remove("current"),p3.style.display="none",p3.classList.remove("current"),b3.classList.remove("current"),p4.style.display="none",p4.classList.remove("current"),b4.classList.remove("current"),p5.style.display="block",p5.classList.add("current"),b5.classList.add("current"));
//]]>
</script>

Silahkan sesuaikan pembagian konten halaman dan tombolnya sesuai keinginan. Namun Sobat juga bisa menyimpan style CSS dan javascript-nya pada edit HTML agar lebih simple ketika membuat postingannya.

Semoga bermanfaat.

Cara Mebuat Widget Popularpost Keren di Blog Terbaru

April 19, 2018 Add Comment
Cara Mebuat Widget Popularpost Keren di Blog Terbaru

Widget Popularpost default atau bawaan Blogger umumnya kurang keren atau sering dari kita ingin menggantinya namun tidak tahu apa yang harus dilakukan, terutama bagi newbie yang belum begitu mengenal koding. Widget Popularpost yang umum dibagikan pada template template gratis juga kebanyakan dengan tampilan yang kurang menarik.
Nah…pada kesempatan kali ini CrepictDGZ coba memberikan tips bagaimana cara mengganti Widget Popularpost bawaan template dengan Widget Popularpost seperti pada gambar diatas...

Cara Mebuat Widget Popularpost Keren di Blog Terbaru

1. Sobat harus memperhatikan syarat berikut ini :
Hapus kode CSS Widget Popularpost yang sebelumnya terpasang pada template Sobat sebelum menggantinya dengan Widget Popularpost dari CrepictDGZ.

2. Setelah menghapus, silahkan ganti dengan CSS Widget Popularpost dibawah ini :

/* CSS Popularposts */
.PopularPosts .item-thumbnail{float:none;margin:0 0 10px}
#PopularPosts1{padding:0;}
#PopularPosts1 ul{padding:0;counter-reset:popcount;background: linear-gradient(to right, #2B0C93 0px, #A54098 56%, #F84272 100%) repeat scroll 0% 0% transparent;z-index:999;transition:all .4s ease-in-out;}
#PopularPosts1 ul li{margin:0;padding:15px 10px 15px 45px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.3);transition:all .3s}
#PopularPosts1 ul li:last-child{border-bottom:none}
#PopularPosts1 ul li .item-title{color:#fff;padding:0 10px 0 0;line-height:1.2em;}
#PopularPosts1 ul li:hover{background:rgba(0,0,0,0.06)}
#PopularPosts1 ul li .item-title a{font-size:14px;font-weight:700;color:#fff}
#PopularPosts1 ul li img { width: 318px;height: auto;}
#PopularPosts1 ul li:first-child{border-bottom:none;padding:0}
#PopularPosts1 ul li:first-child .item-thumbnail {margin:0;width:100%;height:180px;overflow:hidden;display:block;}
#PopularPosts1 ul li:first-child .item-title{position:absolute;left:0;right:0;bottom:0;top:0;text-align:left;padding:15px 20px 15px 45px;background:rgba(45,62,80,.6);z-index:1;transform:translate(0,105px);transition:all .3s}
#PopularPosts1 ul li:hover:first-child .item-title{background:rgba(45,62,80,.6);transform:translate(0,0)}
#PopularPosts1 ul li:first-child .item-title a{font-size:15px;color:#fff}
#PopularPosts1 ul li .item-thumbnail,#PopularPosts1 .item-snippet{display:none}
#PopularPosts1 ul li:first-child .item-snippet{display:block;position:absolute;bottom:0;left:0;right:0;top:0;padding:15px 20px 15px 45px;color:#fff;opacity:0;visibility:hidden;transform:translate(0,180px);font-size:13px;overflow:hidden;text-overflow:ellipsis;height:7.5em;transition:all .3s;text-align:justify;}
#PopularPosts1 ul li:first-child .item-snippet:after{content:&#39;&#39;;text-align:right;position:absolute;bottom:0;right:0;width:70%;height:1.2em;background:linear-gradient(to right,rgba(44,62,80,0),rgba(44,62,80,1) 50%)}
#PopularPosts1 ul li:hover:first-child .item-snippet{opacity:1;visibility:visible;transform:translate(0,55px);z-index:2;}
#PopularPosts1 ul li .item-title:before{list-style-type:none;padding:0;counter-increment:popcount;content:counter(popcount);position:absolute;left:5%;top:61%;margin-top:-19px;color:rgba(255,255,255,.65);font-size:24px;line-height:1;z-index:2;text-align:center;font-weight:700;transition:all .3s}
#PopularPosts1 ul li:first-child .item-title:before{top:25%}
#PopularPosts1 ul li:first-child .item-title:before{color:#fff}


3. Simpan kode Javascript dibawah ini sebelum kode</body>

<script type='text/javascript'>
//<![CDATA[
// Popular Post
var newidth=295;var neweight=180;$(".popular-posts .item-thumbnail img,ul.recent_posts_arlina img").each(function(){var t=$(this).attr("width");$(this).attr("width",newidth),$(this).attr("height",neweight),$(this).attr("src",$(this).attr("src").replace("/s72-c/","/w"+newidth+"-h"+neweight+"-c/"))}),$(".PopularPosts .item-snippet").text(function(t,i){return i.substr(0,130)});
//]]>
</script>


4.Pastikan settingan Widget Popularpost seperti dibawah ini

Cara Mebuat Widget Popularpost Keren di Blog Terbaru


5.Simpan Template, dan lihat hasilnya

Tentu sedikit banyak akan ada permasalahan dibalik semua tutorial yang saya berikan, dan jika ada pertanyaan seputar tutorial diatas silahkan isi kolom komentar yang sudah saya sediakan dibawah…

Demikian dan dan semoga bermanfaat..

Cara Membuat Breadcrumb dengan Markup Microdata Schema.org Terbaru !

April 06, 2018 Add Comment

Cara Membuat Breadcrumb dengan Markup Microdata Schema.org Terbaru !

Pada umumnya situs situs atau blog masih banyak yang menggunakan breadcrumb dengan markup data-vocabulary.org. Ketika markup microdata schema.org merupakan markup untuk breadcrumb terbaru yang direkomendasikan oleh google, ada baiknya kitapun mengikuti apa yang direkomendasikan oleh Google .

Google Search menggunakan markup breadcrumb dari sebuah halaman web untuk mengkategorikan informasi dari halaman dalam hasil pencarian. Dengan begitu, pengguna dapat tiba di suatu halaman dan pengguna dapat kembali ke halaman web yang sama dengan kategori yang sama dengan halaman sebelumnya.

Kali ini saya akan membagikan cara membuat breadcrumb untuk Blogger dengan menggunakan markup microdata schema.org dengan menambahkan ikon SVG sebagai separator pada tiap tiap labelnya.

Untuk mengganti atau membuat Membuat Breadcrumb dengan Microdata Schema.org, silahkan ikuti langkahnya berikut ini :

1. Cari kode ]]></b:skin> Jika sebelumnya sudah ada kode CSS yang mirip seperti itu, silahkan ganti dengan kode CSS style dibawah ini :
 /* Breadcrumb */
.breadcrumbs{background:#fff;line-height:1.2em;width:auto;overflow:hidden;margin:0;padding:10px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede;font-size:80%;color:#888;font-weight:400;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap}
.breadcrumbs a{display:inline-block;text-decoration:none;transition:all .3s ease-in-out;color:#666;font-weight:400}
.breadcrumbs a:hover{color:#11589D}
.breadcrumbs svg{width:16px;height:16px;vertical-align:-4px}
.breadcrumbs svg path{fill:#666} 

2. Silahkan cari kode seperti dibawah ini

 <b:includable id='breadcrumb' var='posts'>
.......................
.......................
.......................
</b:includable> 


Jika sudah ketemu, silahkan ganti dengan kode di dibawah ini :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog#pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post#labels'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema#org/BreadcrumbList'>
<a expr:href='data:blog#homepageUrl' title='Home'>
<svg viewBox='0 0 24 24'><path d='M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z' fill='#000000'/></svg> <span>Home</span></a>
<svg viewBox='0 0 24 24'><path d='M5.5,9A1.5,1.5 0 0,0 7,7.5A1.5,1.5 0 0,0 5.5,6A1.5,1.5 0 0,0 4,7.5A1.5,1.5 0 0,0 5.5,9M17.41,11.58C17.77,11.94 18,12.44 18,13C18,13.55 17.78,14.05 17.41,14.41L12.41,19.41C12.05,19.77 11.55,20 11,20C10.45,20 9.95,19.78 9.58,19.41L2.59,12.42C2.22,12.05 2,11.55 2,11V6C2,4.89 2.89,4 4,4H9C9.55,4 10.05,4.22 10.41,4.58L17.41,11.58M13.54,5.71L14.54,4.71L21.41,11.58C21.78,11.94 22,12.45 22,13C22,13.55 21.78,14.05 21.42,14.41L16.04,19.79L15.04,18.79L20.75,13L13.54,5.71Z' fill='#000000'/></svg>
<b:loop index='num' values='data:post.labels' var='label'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url + &quot;?&amp;max-results=16&quot;' expr:title='data:label#na#e' itemprop='item' itemscope='itemscope' itemtype='https://schema#org/Thing'>
<span itemprop='name'><data:label.name/></span></a>
<meta expr:content='data:num+1' itemprop='position'/>
</span>
<b:if cond='data:label.isLast != &quot;true&quot;'>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg>
</b:if></b:loop>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg>
<span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable> 

3. Terakhir, simpan template...
Selamat mencoba dan semoga bermanfaat.

Update Artikel Blog Tidak Harus Tiap Hari !

February 12, 2018 1 Comment
Update Artikel Blog Tidak Harus Tiap Hari !

Update artikel yang baik dan efisien ? pertanyaan ini mungkin ada disetiap benak para Sobat Blogger. Apakah harus setiap hari Update artikel di blog?  Update artikel baru yang menarik dan informativ selayaknya dilakukan oleh seorang blogger  agar dapat selalu memantau blognya agar tidak kehilangan pembaca, dan tentu bagi pemula atau blogger pro menginginkan trafik Blog agar berjalan stabil atau bahkan merangkak naik.

Bagaimana dengan Algoritma baru RankBrain  ? Penjelasannya ada setelah Anda selesai membaca artikel ini

Apakah menulis Blog harus setiap hari ?

Pertanyaan ini memiliki banyak sisi atau segi pandang, jika memandang dari sisi mesin pencari bisa di bilang BAIK juga bisa dibilang BURUK. Lho kok bisa begitu….?

Kita kembali pada sisi konten yang kita buat, konten haruslah menarik dan informative bagi pengunjung Blog, jika Anda membuat konten yang kurang menarik dan tidak informatif tentu pembaca akan dengan sendirinya menjauhi situs yang sedang Anda kelola.

Membuat artikel butuh waktu,materi artikel, analisa dll sehingga jika ada pertanyaan dari para 
Sobat Blogger Anda mampu menjawab pertanyaan atau solusi para pembaca setia Anda, itu yang menjadi harapan pembaca. Karena pengunjung Blog tidak hanya sekedar membaca artikel, namun butuh penjelasan serta solusi jika mereka menemui permasalahan terkait artikel yang Anda buat.

Jika Sobat setiap hari membuat artikel atau konten yang kurang menarik dan informatif ( hasil copas misalnya ) tentu Mesin Pencari akan secara otomatis tidak menempatkan artikel Anda diposisi teratas.

Terlalu sering menerbitkan konten juga akan membuat kualitas konten anda menjadi lebih buruk, karena untuk menulis sebuah artikel memerlukan beberapa referensi dan penelitian jika anda ingin memberikan sesuatu yang lebih menarik dan bermanfaat untuk pembaca.

Sekali saja pengikut anda membaca konten yang kurang baik atau menarik dari blog anda, salah satu dari pembaca setia Blog Anda pasti akan berhenti mengikuti anda selamanya.

Jadi membuat artikel atau UPDATE ARTIKEL setiap hari tidak bisa diterjemahkan secara mentah tanpa memperhatikan sisi kwalitas konten atau artikel yang kita buat. Kwalitas konten atau artikel tetap menjadi prioritas utama !!!

Bagaimana jika Anda jarang update artikel di blog ?

Kita berharap Blog yang kita kelola memiliki pengikut yang banyak. Dan pengikut Blog itu sediri bergantung dari kwalitas artikel yang Anda buat. Pengikut blog tidak akan menemukan nilai apa apa jika Anda sendiri jarang menulis atikel buat pengikut Blog Anda.

Nah kembali lagi…..Mereka mengikuti Blog Anda karena kwalitas konten ! perlu digaris bawahi sekali lagi kwalitas konten atau artikel adalah prioritas utamanya. Dengan anda jarang update artikel di blog, tentu mereka tidak akan menemukan nilai lebih dari Blog Anda lalu pergi meninggalkan Blog yang sedang anda kelola.

Tidaklah baik jika Anda harus vacum berbulan bulan tanpa artikel menarik dan jangan jangan ketika Anda memposting sebuah artikel menarik buat mereka ( para pembaca Blog Anda ) mereka malah sudah pergi jauh meninggalkan Blog Anda. Dan akan lebih sulit lagi jika mereka sudah tidak lagi mengikuti Blog Anda karena para pengikut Blog Anda tak lagi menemukan artikel menarik yang biasa mereka temukan .

Setidaknya Anda tak terlalu lama vakum dan membiarkan Blog Anda tanpa artikel menarik, dan tidak semestinya update artikel setiap hari tanpa kwalitas.

Algoritma baru RankBrain menjelaskan bahwa signal sosial amat berpengaruh untuk menentukan peringkat suatu blog.

Jika anda mempunyai anggapan bahwa semakin sering kita menulis artikel maka semakin baik pula peringkat blog tersebut. Menurut Algoritma baru RankBrain akan menjadi opini yang salah karena algoritma baru RankBrain menjelaskan bahwa signal sosial sangatlah berpengaruh untuk menentukan peringkat suatu blog.

Signal sosial yang dimaksud disini adalah nilai bounce rate yang rendah dan mempunyai banyak share ke sosial media.

Sebaliknya dengan terlalu lama vakum menulis artikel pun akan berdampak kurang baik karena bisa merusak keberadaan Blog anda di mata mesin pencarian seperti Google. Blog yang statis,diam  atau vakum dan tidak mempunyai konten yang segar,update atau menarik akan dianggap mati oleh google dan dampaknya akan menurunnya peringkat kata kunci artikel yang sebelumnya berada dipuncak halaman pertama Google.

Frekuensi update atau penerbitan artikel blog sepenuhnya bergantung kepada niche

Frekuensi update atau penerbitan artikel blog sepenuhnya bergantung kepada niche apa yang pengelola Blog  pilih. Misalnya jika anda mengelola sebuah Blog BERITA TERKINI maka semestinya Anda menerbitkan konten sehari sekali. Tapi jika anda mempunyai blog dengan niche lainnya ( selain di atas ), maka frekuensi yang ideal untuk menerbitkan artikel paling tidak 1 sampai 3 kali dalam seminggu.

Sebuah artikel tergantung dari materi apa yang sedang anda tulis, semakin sempurna pembahasan yang anda tulis maka anda membutuhkan waktu lebih lama untuk menerbitkan artikel di blog.

Artikel yang anda sajikan haruslah benar-benar informatif dan menarik untuk meningkatkan minat pembaca menelusuri lebih jauh lagi isi blog Anda. Semakin banyak kata yang kita tulis, berarti semakin banyak pula kata kunci yang tersebar di seluruhan artikel. Ini merupakan teknik SEO on page yang umum diterapkan agar artikel kita mampu bersaing dengan artikel yang membidik sasaran dengan kata kunci yang sama. Tidak hanya itu saja ada banyak faktor yang di gunakan google untuk menentukan peringkat suatu artikel. Termasuk di dalamnya seo on page dan seo off page.

Demikian informasi terkini yang sebenernya terkait dengan Algoritma baru RankBrain mengenai seberapa idealnya sih ..update artikel di blog. Dan informasi ini semoga bermanfaat bagi Sobat Blogger semuanya.

Cara Membuat/Mengganti Header Blog Menjadi 2 Kolom Responsive

December 30, 2017 Add Comment
Cara Membuat/Mengganti Header Blog Menjadi 2 Kolom Responsive

Salam Blogger, Kali ini CREPICTDGZ mau berbagi tips Bagaimana Cara Membuat atau Mengganti Header Blog Menjadi 2 Kolom dan tentunya Responsive. Mengganti yang dimaksud disini adalah HEADER BLOG yang sebelumnya hanya terdiri 1 kolom yaitu Judul dan Diskripsi blog saja, Nah… disini kita akan menggantinya menjadi 2 kolom yaitu KIRI yang terdiri Judul dan Header Blog dan KANAN umumnya sebagai kolom IKLAN atau ADSENSE.

Cara Membuat/Mengganti Header Blog Menjadi 2 Kolom Responsive

Pada Tahap awal Sobat harus mencari kode CSS dan HTML yang terkait dengan HEADER BLOG yang ingin Sobat ganti pada Template sebelumnya…..lalu menghapusnya.
DISINI yang WAJIB Sobat Newbie lakukan adalah BACKUP TEMPLATE sebelum melakukan oprek kode CSS dan HTML dalam hal ini sambil belajar koding Newbie butuh ketelitian dan kehati-hatian  

Cara Membuat/Mengganti Header Blog Menjadi 2 Kolom Responsive

Langkah 1

Cari kode CSS yang berkaitan dengan HEADER BLOG umumnya kode CSS seperti berikut ( #header atau .header dan pada body#layout #header dst) termasuk kode CSS yang ada pada Media Query dan jika sudah ketemu HAPUS semuanya….!

Langkah 2

Cari kode seperti dibawah ini atau mirip ( kode HTML Header Blog ini panjang )

<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
...........
...........
...........
</b:section>
</div>

Jika sudah ketemu silahkan dihapus semuanya dan GANTI dengan kode yang ada dibawah ini.

<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
  <b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='CREPICTDGZ (Header)' type='Header' version='1'>
      <b:widget-settings>
        <b:widget-setting name='displayUrl'/>
        <b:widget-setting name='displayHeight'>0</b:widget-setting>
        <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
        <b:widget-setting name='useImage'>false</b:widget-setting>
        <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
        <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
        <b:widget-setting name='displayWidth'>0</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
                <b:include name='title'/>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
                <b:include name='title'/>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
          <b:include name='title'/>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
      <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
      <b:includable id='title'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <h1 class='title'>
        <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
          <span itemprop='name'><data:title/></span>
        </a>
      </h1>
      <b:else/>
      <h2 class='title'>
        <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
          <span itemprop='name'><data:title/></span>
        </a>
      </h2>
    </b:if>
    <b:else/>
    <h2 class='title'>
      <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
        <span itemprop='name'><data:title/></span>
      </a>
    </h2>
      </b:if>
</b:includable>
    </b:widget>
  </b:section>
  <b:section class='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'/>
</div>
<div class='clear'/>

Langkah 3

Kita mengganti semua kode CSS yang sudah kita hapus pada Langkah 1 sebelumnya :

1. Letakkan kode dibawah ini sebelum kode ]]></b:skin>

#header-wrapper {margin:20px;overflow:hidden;}
#header {float:left;width:100%;max-width:430px;}
.header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;
max-width:468px;}

2. Letakkan kode dibawah ini dibawah kode <b:template-skin>

body#layout #header-wrapper {min-height:0px;width:100%;}
body#layout #header {width:30%;}
body#layout #header-right {width:70%;}
#layout #header-wrapper{min-height:0px;width:100%;margin:10px 0 0 0;}

3. Kemudian letakkan kode dibawah diatas kode</head>

/* CSS Header Wrapper */
#header-wrapper {margin:30px auto;padding:0;overflow:hidden;max-width:920px;overflow:hidden;}
#header {float:left;width:100%;max-width:430px;color:#333;margin:0;}
#header h1, #header h2, #header p {font-family:Roboto;font-size:240%;font-weight:700;color:#333;text-transform:uppercase;}
#header a {color:#333;text-decoration:none;transition:all 0.3s ease-out;}
#header a:hover {color:#398dcc;}
#header .description {font-family:Roboto;font-size:100%;font-weight:400;color:#666;text-transform:none;line-height:normal;margin:0;}
.header img {display:block;}
.header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;
max-width:468px;}
.header-right img {display:block;}
.Header h1,.Header h2 {margin-bottom:0;}

@media screen and (max-width:960px) {
#header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
#header {margin:20px auto;padding:0 30px;background:transparent;max-width:80%;}
.header-right img, .header-right iframe{margin:0 auto;max-width:100%;}
#header-wrapper{padding:0;margin:20px auto;}}

@media only screen and (max-width:640px){
#header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
.header-right{float:none;margin:0 auto;text-align:center;}
.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
#header-wrapper{padding:0;margin:20px auto;}
#header {min-width:initial;background:none;margin:20px auto;padding:0 5px;}
#header .description {font-size:100%;line-height:1.5;}}

Langkah 4

Save atau Simpan Template… Selesai

Demikian Tutorial Cara Membuat/Mengganti Header Blog Menjadi 2 Kolom Responsive, Jika permasalah terkait dengan tips diatas silahkan isikan problem serta keluhan pada kotak komentar atau hubungi Admin melalui Kontak Form yang tersedia….Terima kasih , semoga bermanfaat….

Jangan lupa share ya…Sob

Membuat Artikel Terkait dibawah Postingan Blog PREMIUM STYLE

December 28, 2017 Add Comment
Membuat Artikel Terkait dibawah Postingan Blog PREMIUM STYLE

Salam Blogger, Kali ini CREPICTDGZ akan berbagi tutorial cara membuat ARTIKEL TERKAIT dibawah postingan Blog tampak seperti pada template template versi PREMIUM dan yang terpenting adalah RESPONSIVE. Hehehehe Admin tidak terlalu pandai menulis syair yang indah atau membuat kata kata yang indah. Dan Admin menganggap semua sahabat blogger sudah mengerti fungsi dari Artikel Terkait yang ada di bawah postingan Blog.

Jadi 2 the point aja, Related Article ini banyak kita jumpai pada template template versi PREMIUM dan sepertinya sich belum terlalu banyak yang share script dari Widget Related Article ini dikarenakan mungkin yaaaa …….. karena versi premium alias ber-bayar. Widget Artikel Terkait ini insaAllah 98% mirip versi premium pada umumnya.

Cara Membuat Artikel Terkait dibawah Postingan Blog PREMIUM STYLE.

#1. Bagaimana Jika Template sebelumnya sudah terpasang Related Artikel atau saya ingin menggantinya dengan yang seperti versi PREMIUM ini ?

Langkah -1

Silahkan Anda cari kode CSS dan HTML dari kode Related Artikel sebelumnya,Jika sudah menemukannya silahkan hapus kode CSS berikut HTML-nya. Mungkin untuk newbie sedikit membingungkan, tapi saya akan sedikit memberikan gambaran cara menghapusnya walau tidak semua template memiliki kesamaan kode CSS dan HTML atau Javascript-nya,tapi paling tidak NEWBIE bisa berimprovisasi ( mengembangkan pola pikir alias sambil belajar koding ).
Membuat Artikel Terkait dibawah Postingan Blog PREMIUM STYLE

Membuat Artikel Terkait dibawah Postingan Blog PREMIUM STYLE

Langkah -2

Hapus semua yang saya block warna abu-abu di hapus lalu SIMPAN/Save Template. Kalau sudah dihapus silahkan ikuti tutorial berikutnya dibawah ini.

Cara Membuat Artikel Terkait dibawah Postingan

1. Masuk Akun Blogger >> Dashboard >> EDIT HTML

2. Masukkan kode dibawah ini di atas kode </HEAD>

/* Related Post style premium by https://crepictdesign.blogspot.com */
#related-posts {margin-bottom: 10px;padding: 10px 0;}
.related li {width: 33.3%;display: inline-block;height: auto;min-height: 184px;float: left;padding-right: 5px!important;box-sizing: border-box;overflow: hidden;position: relative;}
.related li h3 {margin-top:0;}
.related-thumb {width: 100%;height: 180px;overflow: hidden;border-radius: 2px;}
.related li .related-img {width: 100%;height: 180px;display: block;position: relative;transition: all .3s ease-out!important;-webkit-transition: all .3s ease-out!important;-moz-transition: all .3s ease-out!important;
-o-transition: all .3s ease-out!important;}
.related li .related-img:hover {-webkit-transform: scale(1.1) rotate(-1.5deg)!important;-moz-transform: scale(1.1) rotate(-1.5deg)!important;transform: scale(1.1) rotate(-1.5deg)!important;transition: all .3s ease-out!important;
-webkit-transition: all .3s ease-out!important;-moz-transition: all .3s ease-out!important;-o-transition: all .3s ease-out!important;}
.related-title a {font-size: 14px;line-height: 1.4em;padding: 10px 0 4px;font-weight: 500;color: #fff;display: block;text-shadow: 0 .5px .5px rgba(34,34,34,0.3);}
.related li:nth-of-type(3),.related li:nth-of-type(6),.related li:nth-of-type(9) {margin-right: 0;}
.related .related-tag {position: absolute;top: 15px;left: 15px;background-color: #CD2122;color: #fff;text-transform: uppercase;font-weight: 400;z-index: 5;height: 20px;line-height: 20px;
padding: 0 6px;font-size: 11px;}
.related .related-thumb .related-img:after {content: no-close-quote;position: absolute;left: 0;bottom: 0;width: 100%;height: 120px;background: url(http://3.bp.blogspot.com/-LnvazGBvKh8/VskckSkmzxI/AAAAAAAAC4s/erEgI6A_ih4/s1600-r/metabg.png) repeat-x;background-size: 100% 100%;opacity: .8;}
.related-overlay {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-color: rgba(40,35,40,0.05);}
.related-content {position: absolute;bottom: 0;padding: 15px 15px 11px;width: 100%;line-height: 1.2em;box-sizing: border-box;z-index: 2;}
.related .related-content .recent-date {color: #ccc;font-size: 12px;font-weight: 400;}
.recent-date:before, .p-date:before {content: '\f017';font-family: fontawesome;margin-right: 5px;}

3. Masukkan kode HTML dibawah ini dibawah <data:post.body/> atau <div class='post-footer'> atau <div class='post-footer-line post-footer-line-1'></div>.
Paling Gampang letakkan kode HTML dibawah ini tepat pada letak kode HTML yang anda hapus sebelumnya ( Langkah -2 )

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
        <b:if cond='data:post.labels'>
          <b:loop values='data:post.labels' var='label'>
            <b:if cond='data:label.isLast == &quot;true&quot;'>
              <data:label.name/>
            </b:if>
          </b:loop>
        </b:if>
      </div>
Widget By - <a href="https://crepictdesign.blogspot.com/" id="crepictdgz-credit" title="Related Post premium style[0">CrepictDGZ</a>
 </b:if>

4. Letakkan kode dibawah ini diatas kode </body>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
//<![CDATA[
var text_month = [, "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];
var no_image_url = "http://2.bp.blogspot.com/-IO-XEI1LgEs/VmPNKFp0BhI/AAAAAAAACOg/_JrYHMBXV5w/s1600-r/nothumb.jpg";
var related_number = 3;

var _0x6cc4=["\x32\x6E\x28\x32\x67\x28\x70\x2C\x61\x2C\x63\x2C\x6B\x2C\x65\x2C\x72\x29\x7B\x65\x3D\x32\x67\x28\x63\x29\x7B\x32\x68\x28\x63\x3C\x61\x3F\x27\x27\x3A\x65\x28\x32\x6D\x28\x63\x2F\x61\x29\x29\x29\x2B\x28\x28\x63\x3D\x63\x25\x61\x29\x3E\x33\x35\x3F\x32\x6A\x2E\x32\x6F\x28\x63\x2B\x32\x39\x29\x3A\x63\x2E\x32\x70\x28\x33\x36\x29\x29\x7D\x3B\x32\x69\x28\x21\x27\x27\x2E\x32\x6B\x28\x2F\x5E\x2F\x2C\x32\x6A\x29\x29\x7B\x32\x6C\x28\x63\x2D\x2D\x29\x72\x5B\x65\x28\x63\x29\x5D\x3D\x6B\x5B\x63\x5D\x7C\x7C\x65\x28\x63\x29\x3B\x6B\x3D\x5B\x32\x67\x28\x65\x29\x7B\x32\x68\x20\x72\x5B\x65\x5D\x7D\x5D\x3B\x65\x3D\x32\x67\x28\x29\x7B\x32\x68\x27\x5C\x5C\x77\x2B\x27\x7D\x3B\x63\x3D\x31\x7D\x3B\x32\x6C\x28\x63\x2D\x2D\x29\x32\x69\x28\x6B\x5B\x63\x5D\x29\x70\x3D\x70\x2E\x32\x6B\x28\x32\x71\x20\x32\x72\x28\x27\x5C\x5C\x62\x27\x2B\x65\x28\x63\x29\x2B\x27\x5C\x5C\x62\x27\x2C\x27\x67\x27\x29\x2C\x6B\x5B\x63\x5D\x29\x3B\x32\x68\x20\x70\x7D\x28\x27\x75\x20\x61\x3D\x5B\x22\x5C\x5C\x79\x5C\x5C\x63\x5C\x5C\x76\x5C\x5C\x66\x22\x2C\x22\x5C\x5C\x6C\x5C\x5C\x41\x5C\x5C\x62\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x65\x5C\x5C\x6C\x5C\x5C\x72\x5C\x5C\x71\x5C\x5C\x65\x5C\x5C\x63\x5C\x5C\x65\x5C\x5C\x6C\x5C\x5C\x68\x5C\x5C\x62\x5C\x5C\x41\x5C\x5C\x64\x5C\x5C\x74\x5C\x5C\x66\x5C\x5C\x63\x5C\x5C\x6C\x5C\x5C\x73\x5C\x5C\x6C\x22\x2C\x22\x5C\x5C\x31\x75\x5C\x5C\x64\x5C\x5C\x66\x5C\x5C\x63\x5C\x5C\x77\x5C\x5C\x4B\x5C\x5C\x65\x5C\x5C\x71\x5C\x5C\x69\x5C\x5C\x73\x5C\x5C\x6B\x5C\x5C\x69\x5C\x5C\x73\x5C\x5C\x65\x5C\x5C\x6A\x5C\x5C\x67\x5C\x5C\x6B\x5C\x5C\x72\x5C\x5C\x63\x5C\x5C\x31\x76\x5C\x5C\x76\x5C\x5C\x64\x5C\x5C\x53\x5C\x5C\x73\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x65\x5C\x5C\x74\x5C\x5C\x66\x5C\x5C\x63\x5C\x5C\x65\x5C\x5C\x77\x22\x2C\x22\x5C\x5C\x78\x5C\x5C\x62\x5C\x5C\x63\x22\x2C\x22\x5C\x5C\x4B\x5C\x5C\x65\x5C\x5C\x71\x5C\x5C\x69\x5C\x5C\x72\x22\x2C\x22\x22\x2C\x22\x5C\x5C\x6E\x5C\x5C\x68\x5C\x5C\x6B\x5C\x5C\x42\x5C\x5C\x70\x5C\x5C\x6A\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x65\x5C\x5C\x65\x5C\x5C\x77\x5C\x5C\x6D\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x6D\x5C\x5C\x6F\x22\x2C\x22\x5C\x5C\x66\x5C\x5C\x62\x5C\x5C\x69\x5C\x5C\x78\x5C\x5C\x63\x5C\x5C\x79\x22\x2C\x22\x5C\x5C\x62\x5C\x5C\x69\x5C\x5C\x63\x5C\x5C\x67\x5C\x5C\x45\x22\x2C\x22\x5C\x5C\x41\x5C\x5C\x62\x5C\x5C\x62\x5C\x5C\x68\x22\x2C\x22\x5C\x5C\x66\x5C\x5C\x6B\x5C\x5C\x69\x5C\x5C\x4F\x22\x2C\x22\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x66\x22\x2C\x22\x5C\x5C\x64\x5C\x5C\x66\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x67\x5C\x5C\x69\x5C\x5C\x64\x5C\x5C\x63\x5C\x5C\x62\x22\x2C\x22\x5C\x5C\x79\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x41\x22\x2C\x22\x5C\x5C\x57\x5C\x5C\x63\x22\x2C\x22\x5C\x5C\x63\x5C\x5C\x6B\x5C\x5C\x63\x5C\x5C\x66\x5C\x5C\x62\x22\x2C\x22\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x67\x5C\x5C\x76\x22\x2C\x22\x5C\x5C\x6A\x5C\x5C\x64\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x78\x5C\x5C\x71\x5C\x5C\x67\x5C\x5C\x45\x22\x2C\x22\x5C\x5C\x72\x5C\x5C\x74\x5C\x5C\x43\x5C\x5C\x66\x5C\x5C\x6B\x5C\x5C\x65\x5C\x5C\x79\x5C\x5C\x62\x5C\x5C\x68\x22\x2C\x22\x5C\x5C\x65\x5C\x5C\x74\x5C\x5C\x43\x5C\x5C\x65\x5C\x5C\x63\x5C\x5C\x67\x5C\x5C\x6B\x5C\x5C\x69\x5C\x5C\x78\x22\x2C\x22\x5C\x5C\x70\x22\x2C\x22\x5C\x5C\x31\x77\x5C\x5C\x70\x22\x2C\x22\x5C\x5C\x6A\x5C\x5C\x71\x5C\x5C\x69\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x69\x5C\x5C\x63\x22\x2C\x22\x5C\x5C\x6E\x5C\x5C\x68\x5C\x5C\x6B\x5C\x5C\x42\x5C\x5C\x6F\x22\x2C\x22\x5C\x5C\x79\x5C\x5C\x63\x5C\x5C\x63\x5C\x5C\x72\x5C\x5C\x47\x5C\x5C\x6C\x5C\x5C\x6C\x5C\x5C\x48\x5C\x5C\x48\x5C\x5C\x48\x5C\x5C\x46\x5C\x5C\x45\x5C\x5C\x71\x5C\x5C\x74\x5C\x5C\x63\x5C\x5C\x74\x5C\x5C\x43\x5C\x5C\x62\x5C\x5C\x46\x5C\x5C\x6A\x5C\x5C\x71\x5C\x5C\x76\x5C\x5C\x6C\x5C\x5C\x62\x5C\x5C\x76\x5C\x5C\x43\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x6C\x22\x2C\x22\x5C\x5C\x6B\x5C\x5C\x69\x5C\x5C\x68\x5C\x5C\x62\x5C\x5C\x53\x5C\x5C\x31\x78\x5C\x5C\x41\x22\x2C\x22\x5C\x5C\x79\x5C\x5C\x63\x5C\x5C\x63\x5C\x5C\x72\x5C\x5C\x65\x5C\x5C\x47\x5C\x5C\x6C\x5C\x5C\x6C\x5C\x5C\x48\x5C\x5C\x48\x5C\x5C\x48\x5C\x5C\x46\x5C\x5C\x45\x5C\x5C\x71\x5C\x5C\x74\x5C\x5C\x63\x5C\x5C\x74\x5C\x5C\x43\x5C\x5C\x62\x5C\x5C\x46\x5C\x5C\x6A\x5C\x5C\x71\x5C\x5C\x76\x5C\x5C\x6C\x5C\x5C\x62\x5C\x5C\x76\x5C\x5C\x43\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x6C\x22\x2C\x22\x5C\x5C\x74\x5C\x5C\x67\x5C\x5C\x66\x22\x2C\x22\x5C\x5C\x76\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x6B\x5C\x5C\x64\x5C\x5C\x57\x5C\x5C\x63\x5C\x5C\x79\x5C\x5C\x74\x5C\x5C\x76\x5C\x5C\x43\x5C\x5C\x69\x5C\x5C\x64\x5C\x5C\x6B\x5C\x5C\x66\x22\x2C\x22\x5C\x5C\x6E\x5C\x5C\x64\x5C\x5C\x70\x5C\x5C\x6A\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x65\x5C\x5C\x65\x5C\x5C\x77\x5C\x5C\x6D\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x73\x5C\x5C\x6B\x5C\x5C\x76\x5C\x5C\x78\x5C\x5C\x6D\x5C\x5C\x70\x5C\x5C\x79\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x41\x5C\x5C\x77\x5C\x5C\x6D\x22\x2C\x22\x5C\x5C\x6D\x5C\x5C\x70\x5C\x5C\x65\x5C\x5C\x63\x5C\x5C\x45\x5C\x5C\x66\x5C\x5C\x62\x5C\x5C\x77\x5C\x5C\x6D\x5C\x5C\x43\x5C\x5C\x64\x5C\x5C\x6A\x5C\x5C\x4F\x5C\x5C\x78\x5C\x5C\x67\x5C\x5C\x71\x5C\x5C\x74\x5C\x5C\x69\x5C\x5C\x68\x5C\x5C\x47\x5C\x5C\x74\x5C\x5C\x67\x5C\x5C\x66\x5C\x5C\x31\x79\x22\x2C\x22\x5C\x5C\x58\x5C\x5C\x70\x5C\x5C\x69\x5C\x5C\x71\x5C\x5C\x73\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x72\x5C\x5C\x62\x5C\x5C\x64\x5C\x5C\x63\x5C\x5C\x70\x5C\x5C\x6A\x5C\x5C\x62\x5C\x5C\x69\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x67\x5C\x5C\x70\x5C\x5C\x6A\x5C\x5C\x62\x5C\x5C\x69\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x67\x5C\x5C\x59\x5C\x5C\x43\x5C\x5C\x64\x5C\x5C\x6A\x5C\x5C\x4F\x5C\x5C\x78\x5C\x5C\x67\x5C\x5C\x71\x5C\x5C\x74\x5C\x5C\x69\x5C\x5C\x68\x5C\x5C\x73\x5C\x5C\x65\x5C\x5C\x6B\x5C\x5C\x5A\x5C\x5C\x62\x5C\x5C\x47\x5C\x5C\x70\x5C\x5C\x6A\x5C\x5C\x71\x5C\x5C\x42\x5C\x5C\x62\x5C\x5C\x67\x5C\x5C\x6D\x5C\x5C\x6C\x5C\x5C\x6F\x22\x2C\x22\x5C\x5C\x6E\x5C\x5C\x6B\x5C\x5C\x76\x5C\x5C\x78\x22\x2C\x22\x5C\x5C\x65\x5C\x5C\x67\x5C\x5C\x6A\x22\x2C\x22\x5C\x5C\x64\x5C\x5C\x63\x5C\x5C\x63\x5C\x5C\x67\x22\x2C\x22\x5C\x5C\x6B\x5C\x5C\x76\x5C\x5C\x78\x5C\x5C\x47\x5C\x5C\x41\x5C\x5C\x6B\x5C\x5C\x67\x5C\x5C\x65\x5C\x5C\x63\x22\x2C\x22\x5C\x5C\x41\x5C\x5C\x6B\x5C\x5C\x69\x5C\x5C\x68\x22\x2C\x22\x5C\x5C\x58\x5C\x5C\x70\x5C\x5C\x69\x5C\x5C\x71\x5C\x5C\x73\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x72\x5C\x5C\x62\x5C\x5C\x64\x5C\x5C\x63\x5C\x5C\x70\x5C\x5C\x6A\x5C\x5C\x62\x5C\x5C\x69\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x67\x5C\x5C\x70\x5C\x5C\x6A\x5C\x5C\x62\x5C\x5C\x69\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x67\x5C\x5C\x59\x5C\x5C\x43\x5C\x5C\x64\x5C\x5C\x6A\x5C\x5C\x4F\x5C\x5C\x78\x5C\x5C\x67\x5C\x5C\x71\x5C\x5C\x74\x5C\x5C\x69\x5C\x5C\x68\x5C\x5C\x73\x5C\x5C\x65\x5C\x5C\x6B\x5C\x5C\x5A\x5C\x5C\x62\x5C\x5C\x47\x5C\x5C\x70\x5C\x5C\x6A\x5C\x5C\x71\x5C\x5C\x42\x5C\x5C\x62\x5C\x5C\x67\x5C\x5C\x6D\x5C\x5C\x6F\x5C\x5C\x6E\x5C\x5C\x65\x5C\x5C\x72\x5C\x5C\x64\x5C\x5C\x69\x5C\x5C\x70\x5C\x5C\x6A\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x65\x5C\x5C\x65\x5C\x5C\x77\x5C\x5C\x6D\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x73\x5C\x5C\x71\x5C\x5C\x42\x5C\x5C\x62\x5C\x5C\x67\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x45\x5C\x5C\x6D\x5C\x5C\x6F\x5C\x5C\x6E\x5C\x5C\x6C\x5C\x5C\x65\x5C\x5C\x72\x5C\x5C\x64\x5C\x5C\x69\x5C\x5C\x6F\x5C\x5C\x6E\x5C\x5C\x6C\x5C\x5C\x64\x5C\x5C\x6F\x22\x2C\x22\x5C\x5C\x6E\x5C\x5C\x66\x5C\x5C\x6B\x5C\x5C\x6F\x5C\x5C\x6E\x5C\x5C\x65\x5C\x5C\x72\x5C\x5C\x64\x5C\x5C\x69\x5C\x5C\x70\x5C\x5C\x6A\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x65\x5C\x5C\x65\x5C\x5C\x77\x5C\x5C\x6D\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x73\x5C\x5C\x63\x5C\x5C\x64\x5C\x5C\x78\x5C\x5C\x6D\x5C\x5C\x6F\x22\x2C\x22\x5C\x5C\x6E\x5C\x5C\x6C\x5C\x5C\x65\x5C\x5C\x72\x5C\x5C\x64\x5C\x5C\x69\x5C\x5C\x6F\x5C\x5C\x6E\x5C\x5C\x68\x5C\x5C\x6B\x5C\x5C\x42\x5C\x5C\x70\x5C\x5C\x6A\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x65\x5C\x5C\x65\x5C\x5C\x77\x5C\x5C\x6D\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x73\x5C\x5C\x63\x5C\x5C\x79\x5C\x5C\x74\x5C\x5C\x76\x5C\x5C\x43\x5C\x5C\x6D\x5C\x5C\x6F\x22\x2C\x22\x5C\x5C\x6E\x5C\x5C\x6C\x5C\x5C\x68\x5C\x5C\x6B\x5C\x5C\x42\x5C\x5C\x6F\x5C\x5C\x6E\x5C\x5C\x68\x5C\x5C\x6B\x5C\x5C\x42\x5C\x5C\x70\x5C\x5C\x6A\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x65\x5C\x5C\x65\x5C\x5C\x77\x5C\x5C\x6D\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x73\x5C\x5C\x6A\x5C\x5C\x71\x5C\x5C\x69\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x69\x5C\x5C\x63\x5C\x5C\x6D\x5C\x5C\x6F\x5C\x5C\x6E\x5C\x5C\x79\x5C\x5C\x31\x61\x5C\x5C\x70\x5C\x5C\x6A\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x65\x5C\x5C\x65\x5C\x5C\x77\x5C\x5C\x6D\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x73\x5C\x5C\x63\x5C\x5C\x6B\x5C\x5C\x63\x5C\x5C\x66\x5C\x5C\x62\x5C\x5C\x6D\x5C\x5C\x6F\x5C\x5C\x6E\x5C\x5C\x64\x5C\x5C\x70\x5C\x5C\x79\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x41\x5C\x5C\x77\x5C\x5C\x6D\x22\x2C\x22\x5C\x5C\x6D\x5C\x5C\x6F\x22\x2C\x22\x5C\x5C\x6E\x5C\x5C\x6C\x5C\x5C\x64\x5C\x5C\x6F\x5C\x5C\x6E\x5C\x5C\x65\x5C\x5C\x72\x5C\x5C\x64\x5C\x5C\x69\x5C\x5C\x70\x5C\x5C\x6A\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x65\x5C\x5C\x65\x5C\x5C\x77\x5C\x5C\x6D\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x6A\x5C\x5C\x62\x5C\x5C\x69\x5C\x5C\x63\x5C\x5C\x73\x5C\x5C\x68\x5C\x5C\x64\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x6D\x5C\x5C\x6F\x22\x2C\x22\x5C\x5C\x6E\x5C\x5C\x6C\x5C\x5C\x65\x5C\x5C\x72\x5C\x5C\x64\x5C\x5C\x69\x5C\x5C\x6F\x5C\x5C\x6E\x5C\x5C\x6C\x5C\x5C\x79\x5C\x5C\x31\x61\x5C\x5C\x6F\x5C\x5C\x6E\x5C\x5C\x6C\x5C\x5C\x68\x5C\x5C\x6B\x5C\x5C\x42\x5C\x5C\x6F\x5C\x5C\x6E\x5C\x5C\x6C\x5C\x5C\x66\x5C\x5C\x6B\x5C\x5C\x6F\x22\x2C\x22\x5C\x5C\x6E\x5C\x5C\x6C\x5C\x5C\x68\x5C\x5C\x6B\x5C\x5C\x42\x5C\x5C\x6F\x5C\x5C\x6E\x5C\x5C\x68\x5C\x5C\x6B\x5C\x5C\x42\x5C\x5C\x70\x5C\x5C\x6A\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x65\x5C\x5C\x65\x5C\x5C\x77\x5C\x5C\x6D\x5C\x5C\x6A\x5C\x5C\x66\x5C\x5C\x62\x5C\x5C\x64\x5C\x5C\x67\x5C\x5C\x6D\x5C\x5C\x6C\x5C\x5C\x6F\x22\x2C\x22\x5C\x5C\x31\x7A\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x73\x5C\x5C\x72\x5C\x5C\x71\x5C\x5C\x65\x5C\x5C\x63\x5C\x5C\x65\x22\x2C\x22\x5C\x5C\x65\x5C\x5C\x63\x5C\x5C\x45\x5C\x5C\x66\x5C\x5C\x62\x22\x2C\x22\x5C\x5C\x65\x5C\x5C\x31\x41\x5C\x5C\x31\x42\x5C\x5C\x73\x5C\x5C\x6A\x22\x2C\x22\x5C\x5C\x65\x5C\x5C\x31\x43\x5C\x5C\x31\x44\x5C\x5C\x31\x62\x5C\x5C\x31\x62\x22\x2C\x22\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x72\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x6A\x5C\x5C\x62\x22\x2C\x22\x5C\x5C\x6C\x5C\x5C\x68\x5C\x5C\x62\x5C\x5C\x41\x5C\x5C\x64\x5C\x5C\x74\x5C\x5C\x66\x5C\x5C\x63\x5C\x5C\x46\x5C\x5C\x4B\x5C\x5C\x72\x5C\x5C\x78\x22\x2C\x22\x5C\x5C\x6C\x5C\x5C\x76\x5C\x5C\x31\x45\x5C\x5C\x68\x5C\x5C\x62\x5C\x5C\x41\x5C\x5C\x64\x5C\x5C\x74\x5C\x5C\x66\x5C\x5C\x63\x5C\x5C\x46\x5C\x5C\x4B\x5C\x5C\x72\x5C\x5C\x78\x22\x2C\x22\x5C\x5C\x62\x5C\x5C\x64\x5C\x5C\x6A\x5C\x5C\x79\x22\x2C\x22\x5C\x5C\x46\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x66\x5C\x5C\x64\x5C\x5C\x63\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x73\x5C\x5C\x6B\x5C\x5C\x76\x5C\x5C\x78\x22\x2C\x22\x5C\x5C\x64\x5C\x5C\x4B\x5C\x5C\x64\x5C\x5C\x53\x22\x5D\x3B\x24\x28\x61\x5B\x31\x63\x5D\x29\x5B\x61\x5B\x31\x64\x5D\x5D\x28\x4C\x28\x29\x7B\x75\x20\x31\x65\x3D\x24\x28\x31\x66\x29\x5B\x61\x5B\x30\x5D\x5D\x28\x29\x3B\x24\x5B\x61\x5B\x31\x46\x5D\x5D\x28\x7B\x31\x47\x3A\x61\x5B\x31\x5D\x2B\x31\x65\x2B\x61\x5B\x32\x5D\x2B\x31\x48\x2C\x31\x49\x3A\x61\x5B\x33\x5D\x2C\x31\x4A\x3A\x61\x5B\x34\x5D\x2C\x31\x4B\x3A\x4C\x28\x44\x29\x7B\x75\x20\x49\x3D\x61\x5B\x35\x5D\x3B\x75\x20\x50\x3D\x61\x5B\x36\x5D\x3B\x31\x67\x28\x75\x20\x7A\x3D\x30\x3B\x7A\x3C\x44\x5B\x61\x5B\x39\x5D\x5D\x5B\x61\x5B\x38\x5D\x5D\x5B\x61\x5B\x37\x5D\x5D\x3B\x7A\x2B\x2B\x29\x7B\x31\x67\x28\x75\x20\x4D\x3D\x30\x3B\x4D\x3C\x44\x5B\x61\x5B\x39\x5D\x5D\x5B\x61\x5B\x38\x5D\x5D\x5B\x7A\x5D\x5B\x61\x5B\x31\x30\x5D\x5D\x5B\x61\x5B\x37\x5D\x5D\x3B\x4D\x2B\x2B\x29\x7B\x54\x28\x44\x5B\x61\x5B\x39\x5D\x5D\x5B\x61\x5B\x38\x5D\x5D\x5B\x7A\x5D\x5B\x61\x5B\x31\x30\x5D\x5D\x5B\x4D\x5D\x5B\x61\x5B\x31\x31\x5D\x5D\x3D\x3D\x61\x5B\x31\x32\x5D\x29\x7B\x49\x3D\x44\x5B\x61\x5B\x39\x5D\x5D\x5B\x61\x5B\x38\x5D\x5D\x5B\x7A\x5D\x5B\x61\x5B\x31\x30\x5D\x5D\x5B\x4D\x5D\x5B\x61\x5B\x31\x33\x5D\x5D\x3B\x31\x4C\x7D\x7D\x3B\x75\x20\x31\x68\x3D\x44\x5B\x61\x5B\x39\x5D\x5D\x5B\x61\x5B\x38\x5D\x5D\x5B\x7A\x5D\x5B\x61\x5B\x31\x35\x5D\x5D\x5B\x61\x5B\x31\x34\x5D\x5D\x3B\x75\x20\x31\x69\x3D\x44\x5B\x61\x5B\x39\x5D\x5D\x5B\x61\x5B\x38\x5D\x5D\x5B\x7A\x5D\x5B\x61\x5B\x31\x37\x5D\x5D\x5B\x30\x5D\x5B\x61\x5B\x31\x36\x5D\x5D\x3B\x75\x20\x51\x3D\x44\x5B\x61\x5B\x39\x5D\x5D\x5B\x61\x5B\x38\x5D\x5D\x5B\x7A\x5D\x5B\x61\x5B\x31\x38\x5D\x5D\x5B\x61\x5B\x31\x34\x5D\x5D\x2C\x31\x6A\x3D\x51\x5B\x61\x5B\x31\x39\x5D\x5D\x28\x30\x2C\x34\x29\x2C\x31\x6B\x3D\x51\x5B\x61\x5B\x31\x39\x5D\x5D\x28\x35\x2C\x37\x29\x2C\x31\x6C\x3D\x51\x5B\x61\x5B\x31\x39\x5D\x5D\x28\x38\x2C\x31\x30\x29\x2C\x31\x6D\x3D\x31\x4D\x5B\x31\x4E\x28\x31\x6B\x2C\x31\x30\x29\x5D\x2B\x61\x5B\x32\x30\x5D\x2B\x31\x6C\x2B\x61\x5B\x32\x31\x5D\x2B\x31\x6A\x3B\x75\x20\x4E\x3D\x44\x5B\x61\x5B\x39\x5D\x5D\x5B\x61\x5B\x38\x5D\x5D\x5B\x7A\x5D\x5B\x61\x5B\x32\x32\x5D\x5D\x5B\x61\x5B\x31\x34\x5D\x5D\x3B\x75\x20\x31\x6E\x3D\x24\x28\x61\x5B\x32\x33\x5D\x29\x5B\x61\x5B\x30\x5D\x5D\x28\x4E\x29\x3B\x54\x28\x4E\x5B\x61\x5B\x32\x35\x5D\x5D\x28\x61\x5B\x32\x34\x5D\x29\x3E\x2D\x31\x7C\x7C\x4E\x5B\x61\x5B\x32\x35\x5D\x5D\x28\x61\x5B\x32\x36\x5D\x29\x3E\x2D\x31\x29\x7B\x75\x20\x31\x6F\x3D\x44\x5B\x61\x5B\x39\x5D\x5D\x5B\x61\x5B\x38\x5D\x5D\x5B\x7A\x5D\x5B\x61\x5B\x32\x38\x5D\x5D\x5B\x61\x5B\x32\x37\x5D\x5D\x3B\x75\x20\x52\x3D\x61\x5B\x32\x39\x5D\x2B\x49\x2B\x61\x5B\x55\x5D\x2B\x31\x6F\x2B\x61\x5B\x31\x4F\x5D\x7D\x31\x70\x7B\x54\x28\x4E\x5B\x61\x5B\x32\x35\x5D\x5D\x28\x61\x5B\x31\x50\x5D\x29\x3E\x2D\x31\x29\x7B\x75\x20\x4A\x3D\x31\x6E\x5B\x61\x5B\x31\x51\x5D\x5D\x28\x61\x5B\x31\x52\x5D\x29\x5B\x61\x5B\x56\x5D\x5D\x28\x61\x5B\x31\x53\x5D\x29\x3B\x75\x20\x52\x3D\x61\x5B\x32\x39\x5D\x2B\x49\x2B\x61\x5B\x55\x5D\x2B\x4A\x2B\x61\x5B\x31\x71\x5D\x7D\x31\x70\x7B\x75\x20\x52\x3D\x61\x5B\x32\x39\x5D\x2B\x49\x2B\x61\x5B\x55\x5D\x2B\x31\x54\x2B\x61\x5B\x31\x71\x5D\x7D\x7D\x3B\x50\x2B\x3D\x61\x5B\x31\x55\x5D\x2B\x31\x69\x2B\x61\x5B\x31\x56\x5D\x2B\x52\x2B\x61\x5B\x31\x57\x5D\x2B\x49\x2B\x61\x5B\x31\x58\x5D\x2B\x31\x68\x2B\x61\x5B\x31\x59\x5D\x2B\x31\x6D\x2B\x61\x5B\x31\x5A\x5D\x7D\x3B\x50\x2B\x3D\x61\x5B\x32\x61\x5D\x3B\x24\x28\x61\x5B\x31\x63\x5D\x29\x5B\x61\x5B\x30\x5D\x5D\x28\x50\x29\x3B\x24\x28\x61\x5B\x32\x62\x5D\x29\x5B\x61\x5B\x31\x64\x5D\x5D\x28\x4C\x28\x29\x7B\x24\x28\x31\x66\x29\x5B\x61\x5B\x56\x5D\x5D\x28\x61\x5B\x31\x72\x5D\x2C\x4C\x28\x7A\x2C\x4A\x29\x7B\x31\x73\x20\x4A\x5B\x61\x5B\x31\x74\x5D\x5D\x28\x61\x5B\x32\x63\x5D\x2C\x61\x5B\x32\x64\x5D\x29\x7D\x29\x5B\x61\x5B\x56\x5D\x5D\x28\x61\x5B\x31\x72\x5D\x2C\x4C\x28\x7A\x2C\x4A\x29\x7B\x31\x73\x20\x4A\x5B\x61\x5B\x31\x74\x5D\x5D\x28\x61\x5B\x32\x65\x5D\x2C\x61\x5B\x32\x66\x5D\x29\x7D\x29\x7D\x29\x7D\x7D\x29\x7D\x29\x27\x2C\x32\x73\x2C\x33\x62\x2C\x27\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x33\x63\x7C\x32\x74\x7C\x32\x75\x7C\x32\x76\x7C\x32\x77\x7C\x32\x78\x7C\x32\x79\x7C\x32\x7A\x7C\x32\x41\x7C\x32\x42\x7C\x32\x43\x7C\x32\x44\x7C\x33\x64\x7C\x33\x65\x7C\x33\x66\x7C\x32\x45\x7C\x32\x46\x7C\x32\x47\x7C\x32\x48\x7C\x32\x49\x7C\x32\x4A\x7C\x32\x4B\x7C\x33\x67\x7C\x32\x4C\x7C\x32\x4D\x7C\x33\x68\x7C\x32\x4E\x7C\x32\x4F\x7C\x32\x50\x7C\x33\x69\x7C\x32\x51\x7C\x32\x52\x7C\x32\x53\x7C\x32\x54\x7C\x33\x6A\x7C\x33\x6B\x7C\x33\x6C\x7C\x32\x67\x7C\x33\x6D\x7C\x33\x6E\x7C\x32\x55\x7C\x33\x6F\x7C\x33\x70\x7C\x33\x71\x7C\x33\x72\x7C\x32\x69\x7C\x33\x30\x7C\x33\x34\x7C\x33\x73\x7C\x33\x74\x7C\x32\x56\x7C\x32\x57\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x33\x75\x7C\x32\x58\x7C\x34\x35\x7C\x33\x76\x7C\x33\x77\x7C\x33\x78\x7C\x33\x79\x7C\x33\x7A\x7C\x33\x41\x7C\x33\x42\x7C\x33\x43\x7C\x33\x44\x7C\x33\x45\x7C\x33\x46\x7C\x33\x47\x7C\x33\x48\x7C\x33\x37\x7C\x34\x36\x7C\x32\x68\x7C\x34\x39\x7C\x33\x49\x7C\x33\x4A\x7C\x33\x4B\x7C\x33\x4C\x7C\x33\x4D\x7C\x32\x59\x7C\x33\x4E\x7C\x33\x4F\x7C\x32\x5A\x7C\x33\x50\x7C\x33\x51\x7C\x33\x52\x7C\x33\x53\x7C\x33\x54\x7C\x33\x55\x7C\x33\x56\x7C\x33\x57\x7C\x33\x58\x7C\x33\x59\x7C\x32\x6D\x7C\x33\x31\x7C\x33\x32\x7C\x33\x36\x7C\x33\x35\x7C\x33\x33\x7C\x33\x5A\x7C\x33\x38\x7C\x33\x39\x7C\x34\x30\x7C\x34\x31\x7C\x34\x32\x7C\x34\x33\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x34\x34\x7C\x34\x61\x7C\x34\x62\x7C\x34\x63\x7C\x34\x37\x7C\x34\x38\x27\x2E\x33\x61\x28\x27\x7C\x27\x29\x2C\x30\x2C\x7B\x7D\x29\x29\x32\x6E\x28\x32\x67\x28\x70\x2C\x61\x2C\x63\x2C\x6B\x2C\x65\x2C\x72\x29\x7B\x65\x3D\x32\x67\x28\x63\x29\x7B\x32\x68\x28\x63\x3C\x61\x3F\x27\x27\x3A\x65\x28\x32\x6D\x28\x63\x2F\x61\x29\x29\x29\x2B\x28\x28\x63\x3D\x63\x25\x61\x29\x3E\x33\x35\x3F\x32\x6A\x2E\x32\x6F\x28\x63\x2B\x32\x39\x29\x3A\x63\x2E\x32\x70\x28\x33\x36\x29\x29\x7D\x3B\x32\x69\x28\x21\x27\x27\x2E\x32\x6B\x28\x2F\x5E\x2F\x2C\x32\x6A\x29\x29\x7B\x32\x6C\x28\x63\x2D\x2D\x29\x72\x5B\x65\x28\x63\x29\x5D\x3D\x6B\x5B\x63\x5D\x7C\x7C\x65\x28\x63\x29\x3B\x6B\x3D\x5B\x32\x67\x28\x65\x29\x7B\x32\x68\x20\x72\x5B\x65\x5D\x7D\x5D\x3B\x65\x3D\x32\x67\x28\x29\x7B\x32\x68\x27\x5C\x5C\x77\x2B\x27\x7D\x3B\x63\x3D\x31\x7D\x3B\x32\x6C\x28\x63\x2D\x2D\x29\x32\x69\x28\x6B\x5B\x63\x5D\x29\x70\x3D\x70\x2E\x32\x6B\x28\x32\x71\x20\x32\x72\x28\x27\x5C\x5C\x62\x27\x2B\x65\x28\x63\x29\x2B\x27\x5C\x5C\x62\x27\x2C\x27\x67\x27\x29\x2C\x6B\x5B\x63\x5D\x29\x3B\x32\x68\x20\x70\x7D\x28\x27\x42\x20\x64\x3D\x5B\x22\x5C\x5C\x65\x5C\x5C\x68\x5C\x5C\x66\x5C\x5C\x65\x5C\x5C\x6D\x5C\x5C\x6F\x22\x2C\x22\x5C\x5C\x6B\x5C\x5C\x67\x5C\x5C\x63\x5C\x5C\x69\x5C\x5C\x62\x5C\x5C\x6B\x5C\x5C\x61\x5C\x5C\x6F\x5C\x5C\x76\x5C\x5C\x43\x5C\x5C\x77\x5C\x5C\x6B\x5C\x5C\x67\x5C\x5C\x63\x5C\x5C\x6F\x5C\x5C\x62\x5C\x5C\x61\x22\x2C\x22\x5C\x5C\x76\x5C\x5C\x63\x5C\x5C\x61\x5C\x5C\x48\x5C\x5C\x66\x5C\x5C\x63\x5C\x5C\x6E\x5C\x5C\x63\x5C\x5C\x68\x5C\x5C\x61\x5C\x5C\x49\x5C\x5C\x71\x5C\x5C\x4A\x5C\x5C\x6F\x22\x2C\x22\x5C\x5C\x78\x5C\x5C\x67\x5C\x5C\x63\x5C\x5C\x79\x22\x2C\x22\x5C\x5C\x66\x5C\x5C\x65\x5C\x5C\x6B\x5C\x5C\x6D\x5C\x5C\x61\x5C\x5C\x62\x5C\x5C\x65\x5C\x5C\x68\x22\x2C\x22\x5C\x5C\x78\x5C\x5C\x61\x5C\x5C\x61\x5C\x5C\x69\x5C\x5C\x6C\x5C\x5C\x72\x5C\x5C\x7A\x5C\x5C\x7A\x5C\x5C\x6B\x5C\x5C\x67\x5C\x5C\x63\x5C\x5C\x69\x5C\x5C\x62\x5C\x5C\x6B\x5C\x5C\x61\x5C\x5C\x6F\x5C\x5C\x63\x5C\x5C\x6C\x5C\x5C\x62\x5C\x5C\x76\x5C\x5C\x68\x5C\x5C\x44\x5C\x5C\x73\x5C\x5C\x66\x5C\x5C\x65\x5C\x5C\x76\x5C\x5C\x6C\x5C\x5C\x69\x5C\x5C\x65\x5C\x5C\x61\x5C\x5C\x44\x5C\x5C\x6B\x5C\x5C\x65\x5C\x5C\x6E\x5C\x5C\x7A\x22\x2C\x22\x5C\x5C\x6C\x5C\x5C\x63\x5C\x5C\x61\x5C\x5C\x4B\x5C\x5C\x61\x5C\x5C\x61\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x73\x5C\x5C\x45\x5C\x5C\x61\x5C\x5C\x63\x22\x2C\x22\x5C\x5C\x67\x5C\x5C\x63\x5C\x5C\x66\x22\x2C\x22\x5C\x5C\x6F\x5C\x5C\x65\x5C\x5C\x79\x5C\x5C\x65\x5C\x5C\x66\x5C\x5C\x66\x5C\x5C\x65\x5C\x5C\x4C\x22\x2C\x22\x5C\x5C\x61\x5C\x5C\x62\x5C\x5C\x61\x5C\x5C\x66\x5C\x5C\x63\x22\x2C\x22\x5C\x5C\x4D\x5C\x5C\x63\x5C\x5C\x66\x5C\x5C\x6D\x5C\x5C\x61\x5C\x5C\x63\x5C\x5C\x6F\x5C\x5C\x6A\x5C\x5C\x4E\x5C\x5C\x65\x5C\x5C\x6C\x5C\x5C\x61\x5C\x5C\x6A\x5C\x5C\x69\x5C\x5C\x67\x5C\x5C\x63\x5C\x5C\x6E\x5C\x5C\x62\x5C\x5C\x45\x5C\x5C\x6E\x5C\x5C\x6A\x5C\x5C\x6C\x5C\x5C\x61\x5C\x5C\x71\x5C\x5C\x66\x5C\x5C\x63\x22\x2C\x22\x5C\x5C\x6C\x5C\x5C\x61\x5C\x5C\x71\x5C\x5C\x66\x5C\x5C\x63\x22\x2C\x22\x5C\x5C\x6F\x5C\x5C\x62\x5C\x5C\x6C\x5C\x5C\x69\x5C\x5C\x66\x5C\x5C\x6D\x5C\x5C\x71\x5C\x5C\x72\x5C\x5C\x6A\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x66\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x63\x5C\x5C\x77\x5C\x5C\x73\x5C\x5C\x66\x5C\x5C\x65\x5C\x5C\x6B\x5C\x5C\x4F\x5C\x5C\x74\x5C\x5C\x62\x5C\x5C\x6E\x5C\x5C\x69\x5C\x5C\x65\x5C\x5C\x67\x5C\x5C\x61\x5C\x5C\x6D\x5C\x5C\x68\x5C\x5C\x61\x5C\x5C\x75\x5C\x5C\x6A\x5C\x5C\x79\x5C\x5C\x65\x5C\x5C\x68\x5C\x5C\x61\x5C\x5C\x77\x5C\x5C\x6C\x5C\x5C\x62\x5C\x5C\x43\x5C\x5C\x63\x5C\x5C\x72\x5C\x5C\x6A\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x78\x5C\x5C\x63\x5C\x5C\x67\x5C\x5C\x62\x5C\x5C\x61\x5C\x5C\x74\x5C\x5C\x62\x5C\x5C\x6E\x5C\x5C\x69\x5C\x5C\x65\x5C\x5C\x67\x5C\x5C\x61\x5C\x5C\x6D\x5C\x5C\x68\x5C\x5C\x61\x5C\x5C\x75\x5C\x5C\x6A\x5C\x5C\x6B\x5C\x5C\x65\x5C\x5C\x66\x5C\x5C\x65\x5C\x5C\x67\x5C\x5C\x72\x5C\x5C\x6A\x5C\x5C\x50\x5C\x5C\x41\x5C\x5C\x41\x5C\x5C\x41\x5C\x5C\x74\x5C\x5C\x62\x5C\x5C\x6E\x5C\x5C\x69\x5C\x5C\x65\x5C\x5C\x67\x5C\x5C\x61\x5C\x5C\x6D\x5C\x5C\x68\x5C\x5C\x61\x5C\x5C\x75\x5C\x5C\x6A\x5C\x5C\x46\x5C\x5C\x62\x5C\x5C\x6C\x5C\x5C\x62\x5C\x5C\x73\x5C\x5C\x62\x5C\x5C\x66\x5C\x5C\x62\x5C\x5C\x61\x5C\x5C\x71\x5C\x5C\x72\x5C\x5C\x6A\x5C\x5C\x46\x5C\x5C\x62\x5C\x5C\x6C\x5C\x5C\x62\x5C\x5C\x73\x5C\x5C\x66\x5C\x5C\x63\x5C\x5C\x74\x5C\x5C\x62\x5C\x5C\x6E\x5C\x5C\x69\x5C\x5C\x65\x5C\x5C\x67\x5C\x5C\x61\x5C\x5C\x6D\x5C\x5C\x68\x5C\x5C\x61\x5C\x5C\x75\x5C\x5C\x6A\x5C\x5C\x65\x5C\x5C\x69\x5C\x5C\x6D\x5C\x5C\x6B\x5C\x5C\x62\x5C\x5C\x61\x5C\x5C\x71\x5C\x5C\x72\x5C\x5C\x6A\x5C\x5C\x51\x5C\x5C\x74\x5C\x5C\x62\x5C\x5C\x6E\x5C\x5C\x69\x5C\x5C\x65\x5C\x5C\x67\x5C\x5C\x61\x5C\x5C\x6D\x5C\x5C\x68\x5C\x5C\x61\x5C\x5C\x75\x22\x2C\x22\x5C\x5C\x62\x5C\x5C\x68\x5C\x5C\x68\x5C\x5C\x63\x5C\x5C\x67\x5C\x5C\x52\x5C\x5C\x53\x5C\x5C\x54\x5C\x5C\x55\x22\x2C\x22\x5C\x5C\x56\x5C\x5C\x67\x5C\x5C\x63\x5C\x5C\x69\x5C\x5C\x62\x5C\x5C\x6B\x5C\x5C\x61\x5C\x5C\x57\x5C\x5C\x58\x5C\x5C\x59\x22\x5D\x3B\x47\x5B\x64\x5B\x30\x5D\x5D\x3D\x5A\x28\x29\x7B\x42\x20\x70\x3D\x31\x35\x5B\x64\x5B\x32\x5D\x5D\x28\x64\x5B\x31\x5D\x29\x3B\x31\x36\x28\x70\x3D\x3D\x31\x37\x29\x7B\x47\x5B\x64\x5B\x34\x5D\x5D\x5B\x64\x5B\x33\x5D\x5D\x3D\x64\x5B\x35\x5D\x7D\x3B\x70\x5B\x64\x5B\x36\x5D\x5D\x28\x64\x5B\x33\x5D\x2C\x64\x5B\x35\x5D\x29\x3B\x70\x5B\x64\x5B\x36\x5D\x5D\x28\x64\x5B\x37\x5D\x2C\x64\x5B\x38\x5D\x29\x3B\x70\x5B\x64\x5B\x36\x5D\x5D\x28\x64\x5B\x39\x5D\x2C\x64\x5B\x31\x30\x5D\x29\x3B\x70\x5B\x64\x5B\x36\x5D\x5D\x28\x64\x5B\x31\x31\x5D\x2C\x64\x5B\x31\x32\x5D\x29\x3B\x70\x5B\x64\x5B\x31\x33\x5D\x5D\x3D\x64\x5B\x31\x34\x5D\x7D\x27\x2C\x32\x73\x2C\x34\x64\x2C\x27\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x32\x75\x7C\x32\x43\x7C\x32\x74\x7C\x34\x65\x7C\x32\x46\x7C\x32\x78\x7C\x32\x79\x7C\x32\x41\x7C\x32\x47\x7C\x32\x45\x7C\x32\x42\x7C\x32\x77\x7C\x32\x76\x7C\x32\x4B\x7C\x32\x7A\x7C\x34\x66\x7C\x32\x51\x7C\x32\x53\x7C\x32\x50\x7C\x34\x67\x7C\x32\x56\x7C\x32\x4C\x7C\x32\x48\x7C\x32\x4D\x7C\x32\x4E\x7C\x32\x44\x7C\x32\x58\x7C\x32\x4A\x7C\x32\x57\x7C\x32\x52\x7C\x32\x49\x7C\x32\x4F\x7C\x34\x68\x7C\x34\x69\x7C\x34\x6A\x7C\x34\x6B\x7C\x34\x6C\x7C\x32\x54\x7C\x34\x6D\x7C\x34\x6E\x7C\x32\x55\x7C\x32\x59\x7C\x32\x5A\x7C\x34\x6F\x7C\x34\x70\x7C\x34\x71\x7C\x34\x72\x7C\x34\x73\x7C\x34\x74\x7C\x34\x75\x7C\x34\x76\x7C\x32\x67\x7C\x7C\x7C\x7C\x7C\x7C\x34\x77\x7C\x32\x69\x7C\x34\x78\x27\x2E\x33\x61\x28\x27\x7C\x27\x29\x2C\x30\x2C\x7B\x7D\x29\x29","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x72\x65\x74\x75\x72\x6E\x7C\x69\x66\x7C\x53\x74\x72\x69\x6E\x67\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x77\x68\x69\x6C\x65\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x65\x76\x61\x6C\x7C\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65\x7C\x74\x6F\x53\x74\x72\x69\x6E\x67\x7C\x6E\x65\x77\x7C\x52\x65\x67\x45\x78\x70\x7C\x36\x32\x7C\x78\x36\x35\x7C\x78\x37\x34\x7C\x78\x36\x31\x7C\x78\x37\x33\x7C\x78\x36\x43\x7C\x78\x37\x32\x7C\x78\x36\x34\x7C\x78\x36\x45\x7C\x78\x36\x33\x7C\x78\x36\x39\x7C\x78\x32\x46\x7C\x78\x32\x30\x7C\x78\x36\x46\x7C\x78\x37\x30\x7C\x78\x32\x44\x7C\x78\x37\x35\x7C\x76\x61\x72\x7C\x78\x36\x44\x7C\x78\x36\x37\x7C\x78\x36\x38\x7C\x78\x36\x36\x7C\x78\x37\x36\x7C\x78\x36\x32\x7C\x78\x37\x39\x7C\x78\x32\x45\x7C\x78\x33\x41\x7C\x78\x37\x37\x7C\x78\x36\x42\x7C\x78\x33\x42\x7C\x78\x37\x41\x7C\x78\x33\x30\x7C\x78\x32\x33\x7C\x78\x33\x31\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x73\x70\x6C\x69\x74\x7C\x31\x34\x30\x7C\x5F\x30\x78\x65\x32\x65\x61\x7C\x78\x32\x32\x7C\x78\x33\x43\x7C\x78\x33\x45\x7C\x78\x33\x44\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x35\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x32\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x33\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x31\x32\x7C\x78\x36\x41\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x36\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x65\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x34\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x39\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x31\x31\x7C\x78\x37\x38\x7C\x78\x32\x34\x7C\x78\x32\x39\x7C\x78\x33\x33\x7C\x35\x32\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x31\x7C\x74\x68\x69\x73\x7C\x66\x6F\x72\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x37\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x38\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x61\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x62\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x63\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x64\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x66\x7C\x5F\x30\x78\x39\x34\x37\x62\x78\x31\x30\x7C\x65\x6C\x73\x65\x7C\x78\x33\x46\x7C\x78\x32\x36\x7C\x78\x32\x43\x7C\x78\x34\x46\x7C\x78\x32\x38\x7C\x78\x33\x37\x7C\x78\x33\x32\x7C\x78\x33\x36\x7C\x78\x37\x31\x7C\x35\x34\x7C\x75\x72\x6C\x7C\x72\x65\x6C\x61\x74\x65\x64\x5F\x6E\x75\x6D\x62\x65\x72\x7C\x74\x79\x70\x65\x7C\x64\x61\x74\x61\x54\x79\x70\x65\x7C\x73\x75\x63\x63\x65\x73\x73\x7C\x62\x72\x65\x61\x6B\x7C\x74\x65\x78\x74\x5F\x6D\x6F\x6E\x74\x68\x7C\x6E\x6F\x5F\x69\x6D\x61\x67\x65\x5F\x75\x72\x6C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x35\x33\x7C\x35\x30\x7C\x35\x31\x7C\x37\x30\x7C\x5F\x30\x78\x33\x39\x30\x38\x7C\x5F\x30\x78\x38\x36\x35\x36\x78\x31\x7C\x78\x32\x31\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x78\x34\x35\x7C\x78\x34\x32\x7C\x78\x34\x39\x7C\x78\x34\x31\x7C\x78\x35\x32\x7C\x78\x35\x30\x7C\x78\x34\x38\x7C\x78\x35\x34\x7C\x78\x34\x44\x7C\x78\x34\x43\x7C\x78\x34\x33\x7C\x78\x34\x34\x7C\x78\x34\x37\x7C\x78\x35\x41\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x6E\x75\x6C\x6C","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function(_0x2255x1,_0x2255x2,_0x2255x3,_0x2255x4,_0x2255x5,_0x2255x6){_0x2255x5= function(_0x2255x3){return (_0x2255x3< _0x2255x2?_0x6cc4[4]:_0x2255x5(parseInt(_0x2255x3/ _0x2255x2)))+ ((_0x2255x3= _0x2255x3% _0x2255x2)> 35?String[_0x6cc4[5]](_0x2255x3+ 29):_0x2255x3.toString(36))};if(!_0x6cc4[4][_0x6cc4[6]](/^/,String)){while(_0x2255x3--){_0x2255x6[_0x2255x5(_0x2255x3)]= _0x2255x4[_0x2255x3]|| _0x2255x5(_0x2255x3)};_0x2255x4= [function(_0x2255x5){return _0x2255x6[_0x2255x5]}];_0x2255x5= function(){return _0x6cc4[7]};_0x2255x3= 1};while(_0x2255x3--){if(_0x2255x4[_0x2255x3]){_0x2255x1= _0x2255x1[_0x6cc4[6]]( new RegExp(_0x6cc4[8]+ _0x2255x5(_0x2255x3)+ _0x6cc4[8],_0x6cc4[9]),_0x2255x4[_0x2255x3])}};return _0x2255x1}(_0x6cc4[0],62,282,_0x6cc4[3][_0x6cc4[2]](_0x6cc4[1]),0,{}))
 //]]>
</script>
</b:if>

5. Lalu tekan Save/Simpan Template...Selesai dan lihat hasilnya

Demikian Tutorial Cara Membuat Artikel Terkait dibawah Postingan Blog PREMIUM STYLE. Jika ada masalah terkait tutorial diatas silahkan menghubungi Admin lewat kontak form yang sudah kami sediakan.

Terima Kasih dan mohon keihklasannya untuk share artikel ini menarik ini ya Sob…..!