Pembaruan Komentar Disqus dengan Onclick Event

Bagi yang sudah melakukan tips cara Memuat Komentar Disqus dengan Onclick Event pada postingan Arlina Design yang lalu dan tips tersebut tidak bekerja pada template blog sobat, Di sini saya akan memberikan perbaikan atau pembaruan agar tips ini bisa berfungsi dengan baik.

Untuk penjelasan tentang cara kerja tombol Komentar Disqus dengan Onclick Event bisa sobat cek pada link ini. Nah, berikut langkah-langkahnya.
Selengkapnya »

Cara Memasang Recent Post by Label di Halaman Statis

Kali ini Arlina Design akan memberikan widget Recent Post by Label yang bisa sobat pasang di halaman statis blog sobat. Widget ini merupakan hasil modifikasi dari widget recent post yang pernah saya publish pada postingan Recent Post Widget dengan Navigasi. Widget ini berfungsi untuk menampilkan daftar artikel terbaru berdasarkan label.

Widget ini bisa kita manfaatkan sebagai Sitemap atau daftar isi blog di halaman statis. Bagi yang ingin memasangnya, silakan ikuti langkah-langkah berikut ini.
Selengkapnya »

Cara Memasang Widget ShareThis di Blogger

Menambahkan widget share button merupakan salah satu cara untuk mendapatkan pembaca lebih banyak di blog kita. Karena, dengan memasang widget share ini pengunjung akan jadi lebih mudah untuk membagikan konten di sosial media miliknya.

Mungkin sudah banyak yang sudah tahu bagaimana cara menambahkan widget share dan mungkin juga ada sebagian yang belum tahu, jadi tidak ada salahnya kali ini Arlina Design akan berbagi tips Cara Memasang Widget ShareThis di Blogger dengan efek melayang di pinggir halaman atau dipasang di dalam postingan blog. Tips ini juga sekaligus untuk menjawab permintaan dari Andika Pandanu lewat formulir kontak blog ini sebagai berikut
Selengkapnya »

Cara Memasang Tombol Go Up dan Go Down di Blog

Kali ini Arlina Design akan berbagi tips Cara Memasang Tombol Go Up dan Go Down di Blog. Apa itu Tombol Go Up dan Go Down? Tombol Go Up dan Go Down adalah tombol yang berfungsi baik cara untuk melompat ke atas maupun ke bawah dengan mudah dan singkat, daripada menggerakannya dengan mouse. Ini adalah salah satu cara untuk mendorong pengguna menelusuri lebih banyak konten-konten yang lainnya dengan mudah.

Tombol Go Up dan Go Down memiliki peranan cukup penting bagi sebuah situs dengan konten yang memiliki halaman yang panjang. Untuk situs yang memiliki banyak informasi pada halamannya akan membuat konten-konten lain terlewati tanpa disadari menggulir jauh ke bawah halaman.
Selengkapnya »

Cara Terbaru Menambahkan Formulir Kontak di Blog

Kali ini Arlina Design akan berbagi Cara memasang Widget Formulir Kontak pada Halaman Statis seperti pada blog ini. Sebelumnya saya juga pernah berbagi caranya pada postingan ini Memasang Formulir Kontak Pada Halaman Statis, perbedaan dari yang akan saya bagikan sekarang hanya pada tampilan saja karena ada permintaan dari sobat blogger untuk berbagi tampilan formulir kontak seperti blog ini.

Baiklah, berikut Cara Terbaru Menambahkan Formulir Kontak di Blog.
Selengkapnya »

Cara Memasang Recent Comments Disqus di Blog

Recent Comments Disqus berfungsi menampilkan komentar terbaru dari Disqus di situs sobat dengan tampilan slide dari samping dan jika sobat menekan tombol icon lonceng di pojok atas maka widget recent comments ini akan terbuka. Dengan widget ini sobat akan jadi lebih mudah mengetahui komentar terbaru dari Disqus di situs sobat.

Bagi sobat yang ingin memasangnya, silakan ikuti langkah-langkah berikut ini.
Selengkapnya »

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.

Demo
Click here

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:'';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

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 Memasang Tombol Reaksi di Blogger dengan Vicomi

Diantara sobat blogger mungkin sudah familiar dengan tombol reaksi yang sering muncul di situs-situs berita disertai dengan ikon/emoji yang eye catching, di akhir tulisan artikel biasanya sobat akan melihat tombol reaksi tersebut. Tombol reaksi ini berfungsi untuk menambah umpan balik dari pembaca mengenai tanggapan dari artikel yang sedang ia baca.

Bagi yang menggunakan platform WordPress terdapat plugin DW Reaction, Emotify Reaction, dan plugin tombol reaksi lainnya yang bisa ditambahkan dengan mudah ke situs WordPress. Namun bagaimana dengan platform Blogger? Sebetulnya di blogger sendiri sudah menyediakan fitur tombol reaksi yang bisa kita tambahkan ke blog hanya saja tampilannya tombol radio saja bisa dibilang sangat sederhana, namun pada kesempatan ini saya akan berbagi bagaimana cara memasang tombol reaksi di blog dengan third party Vicomi yang lebih keren dari tombol reaksi bawaan blogger.
Selengkapnya »

Cara Menambahkan Light Gallery di Tema Blog

Light Gallery ini berfungsi untuk menampilan galeri dari gambar atau video saat kita membuka gambar atau video pada blog.

Light Gallery adalah plugin untuk sebuah website dibuat oleh Sachin N di Github. Untuk fungsi menurut saya hampir sama dengan Lightbox yang sudah ada di Blogger, namun dengan fitur yang lebih baik. Sperti sudah support Responsive, galeri gambar yang bisa digeser, tampilan yang lebih menarik, tombol untuk mendownload gambar dan tombol fullscreen, transisi yang lebih smooth, serta kelebihan lainnya yang tidak dimiliki Lightbox standar Blogger.

Untuk menambahkannya ke dalam blog sobat, silakan ikuti Cara Menambahkan Light Gallery di Tema Blog berikut ini
Selengkapnya »

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 ).

Langkah -2

Hapus semua yang saya block warna abu-abu di hapus lalu SIMPAN/SaveTemplate. 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUpOun1B1t4Wjt-vMslAS1i2_uTh-20QyT2NewRvWVht0Y58y_tS6EOOQvkuHPQXN5A354GDsNRm_vxQK9uj384-AhtCY8z5HWeiGbhTcR-BO51G16JLE4WoTGYcIDx0YVOsLHB8J6THY/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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5J8VqYokrgvlXLI93IuA411FuTXHF9GcLgzFSIQaMB7tDWik_ANMbr5zIADVx0wooPh6iKTPfqu3KtR_wR-t_k7lSxvBktTdja5PnngO74d8x6ROPDB9CUymX7rj8dTc7OoggG9j0Grjc/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…..!

Membuat Popular Post Grid Style dengan Thumbnail di Blog

Assalmualaikum Wr,Wb Salam Blogger Kali ini CrepictDGZ dan PazBlogyang masih dibawah satu bendera Admin ingin berbagi tutorial Cara Modifikasi Popular Post Blogger menjadi GRID style ( seperti pada gambar ). Widget Popular Post ini menampilkan postingan yang banyak dilihat (view oleh pengunjung ). Ukuran popularitas sebuah post ditentukan oleh seberapa sering post itu dibaca oleh pengunjung blog Sobat.

Popular Post adalah widget yang disediakan oleh Blogspot atau Blogger dengan kondisi default ( bawaan ), terkadang kita jenuh dengan tampilan yang itu itu saja dan bagi seorang NEWBIE tak ada yang bisa dilakukan  dengan tampilan tersebut selain menerima apa adanya.

Kita bisa memodifikasi tampilan Popular Post menjadi efek grid thumbnail, yaitu thumbnail dari post tersebut dibuat berjejer, seperti galeri gambar atau foto. Intinya widget modifikasi  ini bisa memberikan nuansa berbeda pada pembaca blog, untuk melihat post-post yang populer di blog kita.

Cara Modifikasi Widget Popular Post GRID style di Blog :

1. Silahkan masuk LAYOUT/Tata Letak >> Popularpost

2. Setelah muncul popup dari Widget Popularpost silahkan setting seperti gambar dibawah ini

3. Kemudian tekan SAVE/Simpan

Nah… sampai disini langkah editing untuk Widget Popularpost sudah selesai, sekarang kita akan menerapkan kode CSS kedalam Edit HTML Blog agar tampilan Widget Popularpost berubah menjadi GRID style.

Membuat Popular Post Grid Style dengan Thumbnail di Blog

1. Silahkan masuk ke Blogger >> Theme/Tema >> Edit HTML

2. Cari kode CSS dari Widget Popularpost yang sebelumnya terpasang pada template Sobat. Biasanya seperti ini #Popularpost atau .Popularpost atau #Popularpost1 gunakan Ctrl+F untuk mempercepat pencarian kodenya. Biasanya tampilannya kode CSS nya akan tampak atau umumnya seperti dibawah ini

3. Jika sudah ketemu hapus seluruh kode CSS tersebut. Lalu ganti dengan kode CSS dibawah ini

/*CSS Popular Posts */
.sidebar .popular-posts ul {counter-reset: popcount;margin: 0;padding: 0;}
.sidebar .popular-posts ul li:first-child {}
.sidebar .popular-posts ul li {font-family:'Roboto','Open Sans','Helvetica Neue',Arial,Tahoma,sans-serif;height: 130px;list-style: none !important;overflow: hidden;padding: 0 !important;position: relative;margin: 2px;border: 0;width: 48%;float: left;}
.sidebar .PopularPosts .item-thumbnail {margin: 0; width: 100%;}
.sidebar .PopularPosts .item-thumbnail :after{content:no-close-quote;position:absolute;left:0;bottom:0;width:100%;height:135px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUpOun1B1t4Wjt-vMslAS1i2_uTh-20QyT2NewRvWVht0Y58y_tS6EOOQvkuHPQXN5A354GDsNRm_vxQK9uj384-AhtCY8z5HWeiGbhTcR-BO51G16JLE4WoTGYcIDx0YVOsLHB8J6THY/s1600-r/metabg.png) repeat-x;opacity:.8;background-size:100% 100%;overflow:hidden}
.sidebar .PopularPosts ul li img {display: block;float: left;padding: 0;width: 100%;height:135px;-webkit-transition-duration: 1.0s; /*Webkit: Animation duration*/-moz-transition-duration: 1.0s; /*Mozilla Animation duration*/-o-transition-duration: 1.0s; /*Opera Animation duration*/transition:1.0s;}}   
.sidebar .PopularPosts ul li img:hover {-webkit-transform:scale(1.06); /*Webkit: 0.5 times the original Image size*/-moz-transform:scale(1.06); /*Mozilla 0.5 times the original Image size*/-o-transform:scale(1.06); /*Opera 0.5 times the original Image size*/transform:scale(1.06);overflow: hidden;}
.sidebar .PopularPosts .item-title {bottom:0;left: 0;right: 0;padding-bottom: 0;position: absolute;z-index: 999;}
.sidebar .PopularPosts .item-title a {background:none;color: #FFFFFF;display: block;font-size: 12px;text-align:center;line-height: normal;padding:5px 5px 10px 5px;text-transform: capitalize;transition: all .4s ease-in-out;}
.sidebar .popular-posts ul li:hover .item-title a {color: rgba(255, 255, 255, 1);background:none;text-decoration: none;}
.sidebar .popular-posts ul li:before {background: rgba(255, 252, 8, 1);color: #000;content: counter(popcount, decimal);counter-increment: popcount;font-size: 14px;line-height: 20px;list-style-type: none;padding: 3px 8px;position: absolute;top: 10px;left:110px;z-index: 4;}

4. Jika sudah selesai SIMPAN/SAVE. Dan lihat hasilnya…

Terkadang ada sedikit masalah terkait penggantian CSS Widget Popular Post diatas karena beberapa template ada perbedaan pada tag kodisional, namun jangan patah semangat semua bisa diatasi…

Bagaimana jika Gambar thumbnail Widget Popularpost Blog Buram atau Blur ?

Wah ….bisa puanjang nich tutorial, tapi jangan kuatir Admin sudah menyiapkan solusi dan tutorial jika terjadi BLUR atau BURAM pada gambar Widget Popularpost .

Silahkan baca : Cara Atasi GambarBuram/Blur pada Widget Popularpost

Demikian Tutorial Membuat Popular Post Grid Style dengan Thumbnail di Blog. Jika terjadi masalah atau kendala Sobat bisa menghubungi Admin lewat Contact Form yang sudah disediakan.

Terima Kasih semoga bermanfaat….

How to Display Reaction Buttons On AMP HTML Blogs

One way to get feedback for blog posts is from the reaction button of the reader. And actually Blogger itself has provided feedback post facility with the reaction button for each blog post, but only a few bloggers who use it.

For whatever reason, many bloggers who do not take advantage of this blogger post feedback button. Could be the reason may be because it does not know it or maybe because it looks less attractive.

Well if you are interested to try the reaction button to find out how readers react to your post, please follow the way below. For DEMO please try the reaction button below this post.

This reaction button is for AMP HTML template users.

Please copy the code below and save it below your blog post in HTML edit.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <span class='reactions-label'><data:top.reactionsLabel/></span><span class='reactions-iframe'><amp-iframe allowtransparency='' expr:src='data:post.reactionsUrl' frameborder='0' height='21' layout='fixed' sandbox='allow-forms allow-scripts allow-same-origin allow-modals allow-popups' scrolling='no' width='300'>
</amp-iframe></span>
        </b:if>
      </div>
</b:if>

And for the NON AMP blogplease replace the amp-iframe code with HTML5 iframe.

Then to look neat, please add the CSS below in custom CSS for post view.

.reaction-buttons{margin:20px 0}
.reactions-label{margin-right:.7em}
.reactions-iframe{overflow:hidden}
.reactions-iframe amp-iframe{vertical-align:-5px;margin-left:-0.7em}

And make sure you have js amp-iframe installed for the post page.

Then please go to layout then click edit on Blog Posts gadget and please check for reaction.

And Good Luck....

Add Related Posts Side By Side With Adsense In Blogger AMP HTML

Actually this is the result of experiments in laying adsense ads in order to increase revenue. One of them tried a 600px high ad unit in the posting area on desktop and mobile.

Finding the right location to implement a 600px high ad, finally the right place is saved adjacent to the related posts. But for mobile viewing, ad units are under related posts, but still show a 600px high ad.

For the appearance can be seen below this post or on the thumbnail above.

If you want to try it too, please copy the code below.

Please save HTML code below post in HTML edit

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-post'>
<h4>Related Posts:</h4>
<div class='underpost1'>
<b:if cond='data:post.labels'>
 <b:loop index='x' values='data:post.labels' var='label'>
   <b:if cond='data:x==0'>
<amp-iframe expr:src='&quot;https://cdn.rawgit.com/kompiajaib/kompi-html/master/relatedposts_light.html?url=https://wdbloggerina.blogspot.co.id/&amp;label=&quot; + data:label.name' frameborder='0' height='620' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups'>
</amp-iframe>
   </b:if>
 </b:loop>
</b:if>
</div>
<div class='underpost2'>
<amp-ad data-ad-client='ca-pub-2124282593xxxxxx' data-ad-slot='xxxxxxxxxx' height='600' layout='fixed-height' type='adsense'>
</amp-ad>
</div>
<div class='clear'/>
</div>
</b:if>

Replace the code https://wdbloggerina.blogspot.co.id/ with your blog's domain. Then adjust the data-ad-client and data-ad-slot with your adsense.

Then please save the CSS below in the amp-custom style for the post page.

.related-post{margin:20px 20px 0;padding:0}
.related-post h4{font-size:20px;margin:0 0 10px;}
.related-post .underpost1,.related-post .underpost2{width:50%;display:inline-block;float:left;}
.related-post .underpost1{margin-bottom:10px;}
.related-post .underpost2{margin:20px 0;}
.clear{clear:both;}
@media screen and (max-width:414px){
.related-post .underpost1,.related-post .underpost2{width:100%;display:block;float:none;}
.related-post .underpost1{margin-bottom:0;}
.related-post .underpost2{margin:20px 0 0;}
}

Creating Adsense Units Parallax Style In Blog AMP and Non AMP

Maybe you've seen ads parallax style I mean (not parallax actually hahahaha). Usually this style of ad will use a high ad, while the area to see its ad is a box with a size of 300x250.

That way, high ads (160x600, 180x600, 300x600) can be displayed without spending an area where ads are placed 300x250 in size.

Well, this (parallax ads I mean) we can also make on AMP HTML blog by using amp-fx-flying-carpet to create parallax effect on AMP HTML.

Well if you want to try it, please follow the steps below.

Paralax Ads style for AMP Blog

But be aware, make sure this ad unit is under the viewport / window opening first seen in order to amp-fx-flying-carpet work.

Please keep this amp-fx-flying-carpet js above the code </ head>

<script async="async" custom-element="amp-fx-flying-carpet" src="https://cdn.ampproject.org/v0/amp-fx-flying-carpet-0.1.js"></script>

Then copy the HTML code below

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='above_post'>
<amp-fx-flying-carpet height='250px'>
<amp-ad data-ad-client='xxxxxxxxxxxxxxxxx' data-ad-slot='xxxxxxxx' height='600' layout='fixed' type='adsense' width='300'>
 </amp-ad>
</amp-fx-flying-carpet>
  </div>
</b:if>

And save above the following code :

 <div class='post-body entry-content' ..........

Then add this CSS to the amp-custom style for the posting page

 .above_post {
  padding-top: 8px;
  width: 300px;
  margin: 0 20px 5px 0;
  display: inline;
  float: left
}

@media screen and (max-width:414px) {
  .above_post {
    padding-top: 10px;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    display: block;
    float: none
  }
}

If your blog uses sticky header, please add the following css to prevent the ad from sticky header.

 .above_post amp-ad {
  margin-top: 60px
}

Paralax Ads style for Non AMP Blog

Please keep the following code above </ head> code

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/*<![CDATA[*/
.paralax_div {
  position: relative;
  overflow: visible;
  width: 300px;
  height: 250px;
  margin-right: 20px;
  display: inline-block;
  float: left;
  z-index: 9999;
}
.paralax_div > div {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  clip: rect(auto auto auto auto);
}
.paralax_div > div > div {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  margin: 0 auto;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.paralax_div > div > div > div {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 50%;
  top: 0;
  border: none;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ddd;
}
.paralax_div > div > div > div > * {
  margin: 0;
  margin-top: 0;
}
.paralax_div > div > div > div > a {
  width: 100%;
  height: 100vh;
}
.paralax_div img,.paralax_div iframe,.paralax_div ins {
  height: 600px;
  width: 300px;
}
.clear {
  clear: both;
  display: block
}

@media screen and (max-width:640px) {
  .paralax_div {
    width: 100%;
    height: 250px;
    margin: 0 auto;
    float: none;
  }
  .paralax_div > div > div > div {
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .paralax_div > div > div {
    width: 100%;
    left:0;
    text-align: center;
  }
  .paralax_div img {
    margin: 0 auto;
    width:auto;
    max-width:100%;
    height:auto;
  }
}
@media screen and (max-width:320px) {
  .paralax_div iframe,.parallax_banner ins {
    margin: 0 auto;
    width:100%;
    height:600px;
  }
}
/*]]>*/
</style>
</b:if>

Then save the HTML code below just above the following code.

 <div class='post-body entry-content' ........

Here's the HTML code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="paralax_div">
  <div>
    <div>
      <div>
        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBTN_VumDwGwGOIuyB80xpUUbfLEy-zRvF80ylHKtMs8ylp01wFtb-quKlE1mRuFZ60UAwsg2ud0KWRJVSLXUqWuPskStiglpqu46mNGkgcluM4WT8J8P6lTtscUYpBO8wSLd6D-U83ctB/s300/18835763_10208567628658748_4561466345738187918_n.jpg" alt="banner" width="300" height="600" />
      </div>
    </div>
  </div>
<span class="clear"/>
</div>
</b:if>
 

If you use for banner ads (banner with height 600px and width 300px), please replace url image in the code above.

If you use for ads with iframes or adsense (300x600 ads), please replace the <img> tag above with your ad code.

Good luck....

Creating Line And BBM Share Button for Blogger Blog

Previously I've posted about how to make the share button Whatsapp and SMS to contact directly admin blog, now I will post how to create a share button for Line and BBM on the blog.

Share button is very useful for mobile users to share their preferred posts to their social messenger account, especially for Line application users and Blackberry messenger.

Well if you are interested to try it on your blog, please use the code below.

The Line and BBM icons on this button use the SVG icon.

Share Button for Line

 <a expr:href='&quot;https://timeline.line.me/social-plugin/share?url=&quot; + data:post.url' target="_blank" title="Share On Line">
  <svg viewBox="0 0 48 48" class="icon icons8-LINE">
    <path style="fill:#00C300;" d="M12.5,42h23c3.59,0,6.5-2.91,6.5-6.5v-23C42,8.91,39.09,6,35.5,6h-23C8.91,6,6,8.91,6,12.5v23      C6,39.09,8.91,42,12.5,42z"></path>
    <path style="fill:#FFFFFF;" d="M37.113,22.417c0-5.865-5.88-10.637-13.107-10.637s-13.108,4.772-13.108,10.637      c0,5.258,4.663,9.662,10.962,10.495c0.427,0.092,1.008,0.282,1.155,0.646c0.132,0.331,0.086,0.85,0.042,1.185      c0,0-0.153,0.925-0.187,1.122c-0.057,0.331-0.263,1.296,1.135,0.707c1.399-0.589,7.548-4.445,10.298-7.611h-0.001      C36.203,26.879,37.113,24.764,37.113,22.417z M18.875,25.907h-2.604c-0.379,0-0.687-0.308-0.687-0.688V20.01      c0-0.379,0.308-0.687,0.687-0.687c0.379,0,0.687,0.308,0.687,0.687v4.521h1.917c0.379,0,0.687,0.308,0.687,0.687      C19.562,25.598,19.254,25.907,18.875,25.907z M21.568,25.219c0,0.379-0.308,0.688-0.687,0.688s-0.687-0.308-0.687-0.688V20.01      c0-0.379,0.308-0.687,0.687-0.687s0.687,0.308,0.687,0.687V25.219z M27.838,25.219c0,0.297-0.188,0.559-0.47,0.652      c-0.071,0.024-0.145,0.036-0.218,0.036c-0.215,0-0.42-0.103-0.549-0.275l-2.669-3.635v3.222c0,0.379-0.308,0.688-0.688,0.688      c-0.379,0-0.688-0.308-0.688-0.688V20.01c0-0.296,0.189-0.558,0.47-0.652c0.071-0.024,0.144-0.035,0.218-0.035      c0.214,0,0.42,0.103,0.549,0.275l2.67,3.635V20.01c0-0.379,0.309-0.687,0.688-0.687c0.379,0,0.687,0.308,0.687,0.687V25.219z      M32.052,21.927c0.379,0,0.688,0.308,0.688,0.688c0,0.379-0.308,0.687-0.688,0.687h-1.917v1.23h1.917      c0.379,0,0.688,0.308,0.688,0.687c0,0.379-0.309,0.688-0.688,0.688h-2.604c-0.378,0-0.687-0.308-0.687-0.688v-2.603      c0-0.001,0-0.001,0-0.001c0,0,0-0.001,0-0.001v-2.601c0-0.001,0-0.001,0-0.002c0-0.379,0.308-0.687,0.687-0.687h2.604      c0.379,0,0.688,0.308,0.688,0.687s-0.308,0.687-0.688,0.687h-1.917v1.23H32.052z"></path>
  </svg>
</a>

To use WordPress greetings replace the following code:

<a expr:href='&quot;https://timeline.line.me/social-plugin/share?url=&quot; + data:post.url' target="_blank" title="Share On Line">

Replace with the following code:

 <a href="https://timeline.line.me/social-plugin/share?url=<?php the_permalink()?>" target="_blank" title="Share On Line">

Share button for BBM

<a expr:href='&quot;bbmi://api/share?message=&quot; + data:post.url + &quot;?ref=bbm&amp;userCustomMessage=&quot; + data:post.title' target="_blank" title="Share On BBM">
  <svg viewBox="0 0 5067 5067" class="icon BlackBerry-Icon">
    <rect height="5067" rx="489" ry="489" width="5067" style="fill: black;" />
    <g>
      <path d="M1327 885l2018 0c141,0 269,58 361,150 93,93 150,221 150,361l0 1457c0,141 -57,268 -150,361 -92,93 -220,150 -361,150l-1584 0 -724 737c64,-258 143,-487 226,-741 -115,-15 -219,-68 -297,-146 -93,-93 -150,-220 -150,-361l0 -1457c0,-140 57,-268 150,-361 92,-92 220,-150 361,-150zm2018 135l-2018 0c-104,0 -197,43 -266,111 -68,68 -110,162 -110,265l0 1457c0,103 42,197 110,265 69,69 162,111 266,111l27 0 90 0 -26 87c-11,37 -57,177 -102,312l369 -379 20 -20 28 0 1612 0c104,0 198,-42 266,-111 68,-68 110,-162 110,-265l0 -1457c0,-103 -42,-197 -110,-265 -68,-68 -162,-111 -266,-111z"
      style="fill: white; fill-rule: nonzero;" />
      <path d="M1655 1452l310 0c91,0 149,75 129,166l0 0c-19,91 -110,166 -201,166l-310 0 72 -332z" style="fill: white;" />
      <path d="M1565 1938l309 0c91,0 149,74 130,165l0 0c-20,92 -111,166 -202,166l-310 0 73 -331z" style="fill: white;" />
      <path d="M2291 1452l309 0c91,0 150,75 130,166l0 0c-20,91 -111,166 -202,166l-309 0 72 -332z" style="fill: white;" />
      <path d="M2200 1938l309 0c92,0 150,74 130,165l0 0c-20,92 -111,166 -202,166l-309 0 72 -331z" style="fill: white;" />
      <path d="M2872 1748l309 0c91,0 149,74 130,165l0 0c-20,92 -111,166 -202,166l-310 0 73 -331z" style="fill: white;" />
      <path d="M2781 2233l309 0c91,0 150,75 130,166l0 0c-20,91 -111,166 -202,166l-309 0 72 -332z" style="fill: white;" />
      <path d="M2118 2419l309 0c91,0 150,75 130,166l0 0c-20,91 -111,166 -202,166l-309 0 72 -332z" style="fill: white;" />
      <path d="M3819 1091l10 0c233,0 423,190 423,422l0 1715c0,232 -190,422 -423,422l-13 0 225 735 -719 -735 -1224 0c-165,0 -308,-96 -378,-235 17,2 34,2 51,2l1586 0c301,0 548,-246 548,-547l0 -1486c0,-107 -32,-208 -86,-293z" style="fill: white;" />
    </g>
  </svg>
</a>

To use WordPress greetings replace the following code:

<a expr:href='&quot;bbmi://api/share?message=&quot; + data:post.url + &quot;?ref=bbm&amp;userCustomMessage=&quot; + data:post.title' target="_blank" title="Share On BBM">

Replace with the following code:

<a href="bbmi://api/share?message=<?php the_permalink()?>?ref=bbm&amp;userCustomMessage=<?php the_title(); ?>" target="_blank" title="Share On BBM">

And add the CSS below to set the size of the SVG icon.

.icons8-LINE {
  width: 48px;
  height: 48px;
  margin: -6px 0 0 -6px;
}

.BlackBerry-Icon {
  width: 36px;
  height: 36px;
}

.icon {
  display: inline-block;
  float: left
}

Good luck...