Cara Membuat Tombol Back To Top Pure Javascript Di Blogger

Cara Membuat Tombol Back To Top Pure Javascript Di Blogger

Tombol Back To Top adalah sebuah tombol kecil yang sering kali terletak pada bagian kanan bawah pada tampilan suatu blog. Kegunaan dari tombol ini sangat sederhana, yaitu buat kembali ke tampilan atas halaman.

Dengan adanya tombol ini maka kamu tidak perlu lagi melakukan scroll keatas bila ingin melihat pulang laman awal blog.

Anda hanya perlu menekan tombol Back To Top yang telah kamu pasang sebelumnya, serta otomatis laman blog akan kembali ke tampilan atas blog.

Untuk cara pemasangan tombol ini sendiri juga sangat mudah, buat lebih jelasnya mengenai pemasangan tombol Back To Top ini silahkan ikuti caranya dibawah ini:

1. Langkah yang paling awal adalah beserta login ke blogger.com
2. Pada dashboard blogger, silahkan pilih Tema>Edit HTML
3. Cari kode </head> beserta memakai CTRL+F

4. Kemudian letakkan kode berikut, diatas kode </head> tadi
<style type='text/css'>/*<![CDATA[*//*Back To Top*/.scroll-buttonbox-sizing:border-box;font-size:1.2rem;line-height:2rem;padding:3px;width:38px;height:38px;right:20px;bottom:20px;visibility:visible;filter:alpha(opacity=50);filter:progid:DXImageTransform.microsoft.alpha(Opacity=50);opacity:0.5;cursor:pointer;transition:all 1.2s;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;-ms-transition:all 1.2s;-o-transition:all 1.2s;background:none;border:solid 2px rgb(210,104,211);color:rgb(249,104,211);border-radius:0%;position:fixed.scroll-button:hoverfilter:alpha(opacity=100);filter:progid:DXImageTransform.microsoft.alpha(Opacity=100);opacity:1.scroll-button--hiddenfilter:alpha(opacity=0);filter:progd:DXImageTransform.microsoft.alpha(Opacity=0);opacity:0;visibility:hidden/*]]></style><script type='text/javascript'>//<![CDATA[function downloadJSAtOnload()var e=document.createElement("script");e.src="https://rawgit.com/mastamvan/backup/master/backtop.js",document.body.appendChild(e)window.addeventListener?Window.addeventListener("load",downloadJSAtOnload,!1):window.attachEvent?Window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;//]]></script>

5. Simpan Tema serta selesai


Sangat mudah dan simpel bukan? Nah sekarang anda sanggup memanfaatkan tombol ini untuk menggunakan scroll ke halaman atas pada tampilan blog dengan sangat gampang.

Semoga cara ini dapat berguna untuk anda ya. Terimakasih dan sampai jumpa di pembahasan selanjutnya.

Cara Membuat Tombol Demo Dan Download Flat UI Pada Postingan Blog


Tombol Demo dan Download merupakan sebuah fitur pelengkap yg tak jarang digunakan pada sebuah blog/situs download, baik itu situs download lagu, film, game, ebook, maupun template. Kegunaan dari ke 2 tombol ini tak lain dan tak bukan yaitu buat mempermudah pengunjung untuk melakukan demo atau download.

Kedua tombol ini memiliki fungsi dan kegunaannya masing-masing. Tombol Demo mempunyai fungsi untuk melakukan preview atau pratinjau pada file yang akan didownload. Biasanya fitur ini tak jarang dipakai dalam situs download ebook atau template.

Tujuan digunakannya tombol Demo yaitu buat mempermudah para pengunjung dalam melihat file yang akan didownload. Para pengunjung sanggup melihat sendiri bagaimana kualitas dari file yang akan mereka download, bersama begitu mereka bisa yakin dan percaya bahwa file yg akan mereka download memang memiliki kualitas yg bagus.

Selain itu ada pula tombol Download. Sesuai beserta namanya tombol ini berfungsi buat mendownload atau mengunduh file yg terdapat pada sebuah situs/blog. Ada beberapa karakteristik dari tombol Download, yaitu tombol Download yg mengarah langsung dalam file, serta tombol download yg menunjuk dalam halaman lain yang sudah dihubungkan beserta file.

Baiklah admin rasa anda sudah mulai paham mengenai tombol Demo dan Download. Sesuai bersama judul di atas, dalam kesempatan kali ini aku akan menunjukkan anda sebuah cara gampang buat menciptakan kedua tombol tersebut (Demo serta Download), dan cara mengaplikasikannya dalam postingan blog.

Cara ini sangat admin rekomendasikan bagi anda yang memiliki blog download karena selain memudahkan pengunjung, kedua tombol ini mampu menarik para pengunjung buat mengunjungi situs blog anda, ini dikarenakan warna pada kedua tombol ini telah terintegrasi beserta warna Flat UI yg pastinya sangat nyaman apabila ditinjau.

Disini admin akan memberikan cara membuat tombol Demo serta Download bersama dua Style yang tidak sama. Style yg pertama yaitu tombol Demo dan Download akan berada dalam posisi sejajar, serta Style ke 2 yaitu tombol Demo serta Download berada pada posisi urut, atau letak tombol Demo berada di atas dan tombol Download berada dibawah.

Oke tanpa berbasa-basi lagi, bagi kamu yg ingin dapat menciptakan tombol Demo dan Download silahkan ikuti saja panduan berikut:

Karena tombol Demo serta Download yg akan kita buat ini memakai Font Awesome, jadi kita wajib memasukkan kode berikut kedalam tema blog. Caranya:

1. Masuk ke blogger
2. Pilih Tema>Edit HTML
3. Masukan kode berikut diatas </head>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
4. Simpan Tema

Nah sesudah kita berhasil memasukkan kode Font Awesome, maka saatnya kita berlanjut ke cara berikutnya. Yaitu cara memasukkan script kode buat membuat tombol Demo dan Download Flat UI.

Karena tombol Demo serta Download Flat UI yg akan aku bagikan ini memiliki dua style yang tidak selaras, jadi anda bisa menentukan salah satunya.

STYLE 1


1. Login ke blogger
2. Pada dashboard pilih Tema>Edit HTML
3. Letakkan kode berikut di atas kode ]]></b:skin> atau </style>
/* CSS Button Style 1 by https://tipsblogmfs.blogspot.com */.buttonfloat:left;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both.button ulmargin:0;padding:0.button lidisplay:inline;margin:5px;padding:0;list-style:none.button li a.demo,.button li a.downloadposition:relative;padding:9px 48px 9px 16px;background:#f39c12;color:#fff!Important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s.button li a.downloadbackground:#3498db.button li a.demo:hover,.button li a.download:hoverbackground:#666.button li a.demo:active,.button li a.download:activecursor:pointer.button li a.demo:after,.button li a.download:aftercontent:'f135';background:rgba(0,0,0,0.1);position:absolute;right:0;top:0;font-weight:normal;display:inline-block;margin:0 0 0 10px;color:#fff;padding:11px;font-family:fontawesome.button li a.download:aftercontent:'f019'
4. Simpan Tema

Cara Mengaplikasikan Pada Postingan


1. Masuk ke blogger
2. Pilih Postingan>Entri Baru
3. Masuk ke mode HTML (Bukan "Compose")
4. Masukan kode berikut:
<div style="text-align: center;"> <ul class="button"> <li><a class="demo" href="https://tipsblogmfs.blogspot.com" sasaran="_blank">Demo</a></li> <li><a class="download" href="https://tipsblogmfs.blogspot.com" sasaran="_blank">Download</a></li> </ul></div><div class="clear"></div>
Catatan:
Ubah tulisan yg bertanda Merah beserta URL yg kamu inginkan!5. Lakukan Pratinjau buat melihat hasilnya

STYLE 2


1. Login ke blogger
2. Pada dashboard pilih Tema>Edit HTML
3. Tambahkan kode berikut di atas kode ]]></b:skin> atau </style>
/* CSS Button Style 2 by https://tipsblogmfs.blogspot.com */.button2float:left;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both.button2 ulmargin:0;padding:0.button2 lidisplay:inline;margin:5px;padding:0;list-style:none.button2 li a.demo,.button2 li a.downloadposition:relative;padding:14px 48px 14px 16px;background:#f39c12;display:block;color:#fff!Important;font-weight:700;font-size:14px;text-align:justify;text-transform:uppercase;letter-spacing:.2px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s;max-width:170px;margin:auto;overflow:hidden.button2 li a.downloadbackground:#3498db.button2 li a.demo:hover,.button2 li a.download:hoverbackground:#666.button2 li a.demo:active,.button2 li a.download:activecursor:pointer.button2 li a.demo:after,.button2 li a.download:aftercontent:'F054';background:rgba(0,0,0,0.1);position:absolute;right:0;top:0;font-weight:normal;display:inline-block;margin:0 0 0 10px;color:#fff;padding:16px 24px;font-family:fontawesome;transition:all .3s.button2 li:hover a.demo:after,.button2 li:hover a.download:afterbackground:transparent;-webkit-animation:bounceright .3s alternate ease infinite;animation:bounceright .3s alternate ease infinite@-webkit-keyframes bouncerightfrom-webkit-transform:translateX(0)to-webkit-transform:translateX(3px)@keyframes bouncerightfromtransform:translateX(0)totransform:translateX(3px)
4. Simpan Tema

Cara Mengaplikasikan Pada Postingan


1. Masuk ke blogger
2. Pilih Postingan>Entri Baru
3. Masuk ke mode HTML (bukan "Compose")
4. Masukan kode berikut:
<div style="text-align: center;"> <ul class="button2"> <li><a class="demo" href="https://tipsblogmfs.blogspot.com" sasaran="_blank">Demo Link</a></li> <li><a class="download" href="https://tipsblogmfs.blogspot.com" sasaran="_blank">Download Link</a></li> </ul></div><div class="clear"></div>
Catatan:
Ubah tulisan yg bertanda Merah beserta URL yg kamu inginkan!5. Lakukan Pratinjau buat melihat hasilnya

Itu beliau cara membuat tombol Demo serta Download pada postingan blog. Dengan kamu menerapkan cara ini pastinya kualitas postingan kamu akan semakin baik serta terlihat profesional.


Yap saya rasa hanya itu yg sanggup aku sampaikan, kurang lebihnya mohon maaf. Terimakasih dan hingga jumpa di postingan berikutnya.

Cara Memasang Tombol Emoticon/Emoji Responsive Pada Postingan Blog (Terbaru)

Cara Memasang Tombol Emoticon/Emoji Responsive Pada Postingan Blog (Terbaru)

Paling-Top21'- Postingan blog yang baik merupakan yang bisa membuat para pembacanya merasa nyaman, merasa paham beserta apa yg disampaikan, dan pula merasa lebih leluasa pada membaca postingan suatu blog.


Ada banyak fitur yg bisa anda manfaatkan buat bisa memberikan ketenangan kepada para pembaca, namun kebanyakan dari sekain banyak fitur yang di tempatkan pada postingan, malah memberikan dampak negatif yg sangat mengganggu kenyaman pembaca.
Lalu bagaimana cara menciptakan postingan lebih menarik, lebih nyaman, serta lebih interaktif tanpa memberikan impak negatif kepada para pengunjung?
Jika kamu memang ingin menaruh kenyamanan penuh kepada para pengunjung blog kamu, maka kamu sanggup memasang fitur Emoticon pada setiap bagian di postingan blog.
Emoticon ini tentunya akan sanggup menaruh nuansa baru kepada para pembaca, serta tentunya memberikan hubungan yang baik, karena para pengunjung bisa memberikan reaksi atau tanggapan secara cepat melalui Emoticon ini.
Kelebihan lain dari penggunaan Emoticon atau Emoji ini yaitu tak membebani loading blog, jadi bisa dipastikan kecepatan loading blog anda akan tetap aman.
Selain itu, Emoticon ini juga bersifat responsive dan fleksibel di segala perangkat, baik Desktop maupun Mobile.
Nah, untuk anda yg berminat buat memasang tombol reaksi berupa Emoticon, bisa mengikuti panduan ini dia:
1. Buka situs ShareThis.2. Kemudian buat akun baru dengan melengkapi kolom email, password dan domain yg tersedia.3. Lalu pada dashboard pilih "Get The Code". Kemudian copy kode yang tersedia, dan pastekan di template blog anda.
1-min.png
4. Caranya yaitu dengan masuk ke Blogger.com&gt;&gt;Tema&gt;.edit HTML kemudian cari kode &lt;head&gt; dan pastekan kode tadi dibawah kode tadi.5. Apabila sudah klik "Simpan Tema".6. Tetapi jika terjadi error, silahkan masukkan kode amp; sehabis kode &amp;. Untuk misalnya sanggup kamu lihat dibawah ini:
&lt;script async='async' src='//platform-api.sharethis.com/js/sharethis.js#property=5b57a5884970c900111bb7b9&amp;product=social-analytics' type='text/javascript'/>
7.kemudian masuk lagi ke situs ShareThis dan klik "VERIFY" untuk melakukan verifikasi situs blog.8. Lalu aktifkan layanan "Reaction Button" bersama mengubah tombol "Off" menjadi "On".
2-min.png
9. Scroll kebawah sedikit, maka anda akan menemui tombol Copy, silahkan klik tombol tersebut buat menyalin kode Emoticon.
3-min.png
10. Kemudian buka kembali Blogger.com serta masuk ke hidangan Tema>Edit HTML, lalu pastekan kode tadi dibawah kode <data:post.body/>11. Perlu diperhatikan, bahwa dalam umumnya kode <data:post.body/> berjumlah lebih dari satu, jadi silahkan cari seluruh kode tadi dan pastekan kode Emoticon dibawahnya.12. "Simpan Tema" dan buka kembali situs ShareThis, scroll ke bagian paling bawah klik "Update".
4-min.png
13. Selesai.


Penutup

Demikianlah panduan singkat cara memasang tombol reaksi berupa Emoticon di pada situs blog. Emoticon ini mampu kamu temukan dalam semua postingan di blog anda. Dimana dalam umumnya terletak pada bagian akhir postingan.
Nah, mungkin itu saja yang bisa saya sampaikan dalam pembahasan kali ini, semoga artikel ini sanggup menaruh faedah kepada kita semua ya. Akhir kata aku ucapkan terimakasih dan sampai jumpa di lain kesempatan.

Cara Membuat Semua Link Blog Otomatis Terbuka Di New Tab/Tab Baru

Cara Membuat Semua Link Blog Otomatis Terbuka Di New Tab/Tab Baru

Hai para blogger, dalam kesempatan ini saya akan memberikan sebuah cara unik serta menarik buat menaikkan kualitas seo off page pada blog anda.

Yaitu cara agar semua link blog terbuka dalam mode New Tab. Tidak hanya mampu mengoptimalkan kualitas seo off page saja. Dengan cara ini juga kamu sanggup mengurangi nilai Present Bouce Rate yg tinggi.

Dengan menerapkan cara otomatis membuka link blog di New Tab ini, maka anda maupun pengunjung blog anda tidak akan susah-susah lagi dalam membuka link di New Tab. Hanya beserta satu kali klik dalam link yg diinginkan, maka secara otomatis akan terbuka di New Tab.

Menurut admin pribadi cara ini cukup menguntungkan bagi pemilik blog, karena pengunjung akan membuka dua atau lebih Tab Baru secara bersamaan.

Halaman pertama yg dibuka oleh pengunjung akan tetap terbuka serta malahan laman lain dalam blog pula akan ikut terbuka. Hal ini tentunya merupakan sebuah keuntungan yang berdampak baik bagi suatu blog.

Nah buat dapat menerapkan cara ini pada blog kamu, maka anda perlu mengikuti panduan berikut:

Cara Membuat Semua Link Blog Otomatis Terbuka Di New Tab


1. Masuk ke blogger
2. Pada dashboard pilih Tema>Edit HTML
3. Masukan kode berikut diatas kode </head>
<base sasaran='_blank' />
4. Simpan Tema

Cara diatas akan menciptakan semua link di blog anda terbuka di Tab Baru (New Tab) jika di klik. Tentunya hal ini akan menyebabkan efek samping seperti terlalu banyak Tab Baru yg terbuka jika anda melakukan banyak klik dalam link.

Oleh karena itu aku pula akan menaruh cara agar link yg terbuka di New Tab hanya dalam bagian Navigasi blog saja. Berikut merupakan caranya:

Cara Membuat Bagian Menu Blog Otomatis Terbuka Di New Tab

Untuk caranya sama saja, anda hanya perlu menambahkan kode target=’_blank’ .untuk detailnya silahkan simak caranya dibawah ini:

1. Login ke blogger
2. Pilih Tema>Edit HTML
3. Dan masukan kode berikut di atas kode </head>
<a sasaran="_blank" href='https://link_blog_kamu'>Menu Blog</a>
4. Simpan Tema

Itu beliau cara mudah membuat seluruh link blog terbuka pada New Tab. Mudah sekali bukan?


Tidak hanya itu saja, saya pula telah memerikan cara agar sebagian saja link yang terbuka di New Tab. Anda mampu bebas memilih mau menggunakan cara yang mana saja, tergantung selera anda.

Safelinku Penyingkat URL Terpercaya Dengan Bayaran Tertinggi Mengalahkan Shorte.st Latest Update


Safelinku: Cara Mudah Menghasilkan Uang Dari Internet Hanya Dengan Menyingkat Link Tanpa Modal

Postingan ini bertujuan untuk membantu Anda para pengguna Media Sosial ataupun Blogger untuk Menghasilkan Uang Dari Internet Dengan Mudah tanpa harus keluar keringat ataupun modal yang cukup besar, dengan hanya menggunakan Smartphone ataupun Komputer dengan koneksi internet, Anda sudah bisa menghasilkan Uang dari Media Sosial ataupun Blog Anda dengan cara membagikan URL/Link yang sudah disingkat kepada teman-teman Anda di Media Sosial ataupun pengunjung di weblog Anda.
Beberapa waktu yang lalu, saya sudah menulis tentang Shorte.st sebagai layanan penyingkat URL/Link dengan bayaran tertinggi dan terpercaya. Pada postingan kali ini, saya akan membahas mengenai sebuah layanan penyingkat URL/Link yang mengalahkan bayaran dari Shorte.st dan juga terpercaya membayar para publishernya.
Layanan penyingkat URL/Link tersebut adalah Safelinku.com, kenapa saya membandingkan Shorte.st dengan Safelinku.com? Mungkin ada pertanyaan seperti itu, jawabannya adalah karena saya memberitahu kepada Anda pilihan mana yang terbaik diantara kedua pilihan tersebut. Mungkin sebagian besar pengguna Sosial Media ataupun Blogger sudah mengenal atau bahkan menggunakan layanan Shorte.st. Tidak bisa dipungkiri, sejak tahun2019, Shorte.st berhasil sebagai layanan penyingkat URL terbaik, terpercaya dan membayar tinggi para publisher mereka, banyak pengguna Internet yang merekomendasikan penggunaan Shorte.st untuk menyingkat URL/Link demi menghasilkan uang dari kegiatan tersebut, sejak saaat itu pula Shorte.st menjadi terkenal, terutama dikalangan Blogger.
Tapi sejak kemunculan Safelinku.com tahun2019 sebagai layanan penyingkat URL/Link, semakin banyak Blogger berpindah menggunakan layanan penyingkat URL/Link tersebut. Bukan tanpa alasan, dikarenakan Safelinku.com mengalahkan bayaran dari penyingkat URL/Link terbaik dan termahal bayarannya sebelumnya yaitu Shorte.st, ditambah lagi fitur-fitur yang ditawarkan Safelinku.com mampu memanjakan Blogger untuk mendapatkan penghasilan yang lebih tinggi, serta kemudahan penarikan hasil pendapatan. Kemudahan dalam pembayaran seperti penarikan saldo bisa dilakukan setiap hari jika sudah memenuhi batas minimum pembayaran (5 Dollar), misalnya jika pendapatan Anda $10 (10 Dollar) perhari, maka Anda bisa menarik saldo tersebut ke rekening bank Anda setiap harinya. Berbeda dengan Shorte.st, tidak ada fitur penarikan dari layanan tersebut, hanya ada pembayaran dari pihak Shorte.st setiap bulannya dengan syarat memenuhi batas minimum pembayaran (5 Dollar), jadi walaupun pendapatan Anda $10 (10 Dollar) perhari, maka Anda hanya bisa menunggu tanggal 11-12 awal bulan mencairkan ke akun Paypal Anda. 
Jadi, yang paling terlihat perbedaan metode pembayaran antara Safelinku.com dengan Shorte.st adalah:

Safelinku.com Shorte.st Local Bank Transfer (Indonesia) Mendukung Tidak Mendukung Pulsa All Operator (Indonesia) Mendukung Tidak Mendukung Tripay (Indonesia) Mendukung Tidak Mendukung Paypal Mendukung Mendukung
Jelas terlihat, untuk Anda orang Indonesia disarankan untuk menggunakan layanan Safelinku.com untuk menghasilkan uang hanya dengan menyingkat ULR/Link, bukan hanya karena pembayaran Safelinku.com sangat tinggi, tapi Anda bisa dengan mudah mencairkan langsung Uang Anda ke rekening bank Anda. 

Siapa yang menggunakan Safelinku.com?

Pertanyaan yang tepat sekali untuk Anda yang penasaran tentang siapa yang menggunakan Safelinku.com. Penggunaan Safelinku.com sebagai layanan penyingkat URL/Link secara umum bisa digunakan oleh semua orang, semua orang dalam artian pengguna net yang aktif, yang aktif dalam artian pengguna internet aktif yang ingin menghasilkan Uang Dari Internet, terutama bagi Anda yang sering menggunakan Sosial Media, pengguna Sosial Media berpotensi besar untuk menghasilkan uang yang lebih besar, dan yang paling berpotensi besar lagi adalah Blogger. Blogger adalah orang-orang yang sering menulis Artikel dan membagikannya di Blog atau Situs Web yang mereka punya. Tidak dipungkiri lagi, disamping Blogger sering berbagi informasi di net, bahkan Blogger juga bisa menggunakan Sosial Media sebagai ladang pendapatan mereka.
Ok, kita coba bandingkan antara Pengguna Sosial Media dengan Blogger tentang potensi klik link. Pengguna Sosial Media memang tempatnya bersosial di dunia maya, kita ambil contoh Facebook, Facebook merupakan situs Sosial Media dengan rangking dan pengguna yang tertinggi di dunia, semua penduduk negara dari berbagai belahan dunia pasti memiliki akun Facebook, dengan begitu anggap saja potensi klik-nya besar, tapi akun pertemanan di Facebook dibatasi dengan restrict hanya 5000 pertemanan, dari jumlah teman yang bisa Anda capai, kira-kira berapa yang akan melihat dan men-klik URL/Link yang Anda bagikan di halaman beranda Facebook Anda? 100, two hundred, 300 atau 1000? Tidak ada yang tau pasti berapa teman Anda yang akan men-klik Link yang Anda bagikan, hanya tolok ukurnya adalah, semakin Anda terkenal di Facebook dan hyperlink yang Anda bagikan bermanfaat untuk semua orang, maka akan semakin besar potensi klik yang Anda dapatkan, tapi jika tidak, maka potensi klik kecil.
Coba kita bandingkan dengan Blogger, situs Web atau Blog dari seorang Blogger tidak ada batasan atau restriction pengunjung untuk situs mereka (blogger), semua orang di dunia yang menggunakan net adalah calon pengunjung situs net atau Blog mereka (blogger), hanya butuh search engine optimization dan artikel atau postingan yang bermanfaat untuk banyak orang, maka orang-orang akan mengunjugi situs web mereka (blogger) tanpa mereka (blogger) suruh atau arahkan. Search engine marketing adalah singkatan Search Engine Optimization, biasanya itu adalah teknik yang digunakan Blogger agar situs Web atau Blog mereka (blogger) bisa terindek atau muncul di mesin pencari seperti Google.com. Jadi jika Anda mencari sesuatu dengan keyword atau kata kunci tertentu maka akan muncul informasi sesuai kata kunci yang Anda ketikkan, informasi situs Web atau Blog yang muncul dari hasil pencarian Anda tersebut adalah Situs Web atau Blog yang SEO. Jika Anda ingin mengetahui lebih lanjut tentang search engine optimization, maka jadilah seorang Blogger. Menjadi seorang Blogger tidaklah sulit, hanya butuh mendaftar di situs //www.blogger.com, maka Anda sudah menjadi seorang Blogger, kemudian tulislah sesuatu yang bermanfaat bagi banyak orang, maka situs Web atau Blog Anda akan di kunjungi orang-orang dari berbagai negara di dunia ini.
Kesimpulannya adalah Blogger sangat berpotensi menghasilkan pendapatan besar dari Safelinku.com. Daripada hanya pengguna Sosial Media. Oleh karena itu, Anda yang belum menjadi Blogger pertimbangkanlah untuk menjadi Blogger, setelah Anda menjadi Blogger maka siap-siap untuk menghasilkan uang banyak tanpa keluar keringat dari internet.

Bagaimana Cara Kerja Safelinku.com?

Sebagaimana fungsinya adalah sebagai penyingkat URL/Link, dimulai dari Anda melakukan penyingkatan Link di situs Safelinku //safelinku.com, kemudian bagikan ke teman-teman Anda di Sosial Media ataupun di situs-situs Web atau Blog yang berpotensi mendapat klik dari pengunjung. Setelah itu, sistem Safelinku.com akan mendata jumlah klik pengunjung setiap harinya, jadi Anda bisa melihat facts statistik klik di Safelinku.com setiap harinya. Hanya butuh 250 klik, maka Anda akan mendapat $1 (1 Dollar). Bagaimana? Mudah bukan.
Safelinku: Cara Mudah Menghasilkan Uang Dari Internet Hanya Dengan Menyingkat Link Tanpa Modal
Statistik Pendapatan Perhari

  • Dari Sisi Publisher
Dilihat dari sisi Publisher, cara kerja Safelinku diawali dengan Publisher Login dan melakukan penyingkatan URL/Link, dari setiap Link yang disingkat, akan disimpan di Server agar sistem bisa membuat Statistik pengunjung setiap harinya, mulai dari asal Negara, hingga bayaran setiap Link yang di kunjungi.

  • Dari Sisi Pengunjung
Jika pengunjung penasaran ataupun tertarik dan guys-klik link yang di perlihatkan, maka link dari Safelinku akan membawa pengunjung ke halaman Safelinku, biasanya ke //idsly.com ataupun ke //linku.us, di halaman tersebut pengunjung akan menemukan Tombol Hijau "Visit Link" diserta beberapa Iklan dari Google Adsense. Pada tombol HIJAU "Visit Link" Anda bisa guys-klik pada tombol tersebut untuk melanjutkan ataupun mengunduh sesuatu yang Anda inginkan sebelumnya.


Safelinku-Shorten-Visit-Link.png
Tombol Visit Link

Jika Anda sudah selesai guys-klik pada tombol "Visit Link", maka Anda akan diarakan ke halaman berikutnya dan Anda harus menunggu hingga 5 Detik untuk bisa melihat tombol BIRU "Get Link", kemudian klik tombol tersebut sehingga Anda mendapatkan file ataupun link yang Anda inginkan. 
Safelinku-Shorten-Get-Link.png
Tombol Get Link

Khusus untuk Blogger, bisa meggunakan fitur atau tool yang ditawarkan Safelinku.com yaitu “Website Script” yang bisa digunakan untuk menyingkat seluruh Link yang ada di Blog Anda secara otomatis, tanpa harus menyingkatnya satu-persatu.  Website Script akan dibahas lebih rinci di bagian Cara Memaksimalkan Pendapatan Safelinku dibawah.

Kenapa Harus Menggunakan Safelinku.com?

Jawabannya adalah saat ini Safelinku.com adalah penyingkat URL/Link terbaik dengan bayaran tertinggi dan juga terpercaya, ditambah lagi dengan asal Safelinku.com dari Indonesia, menjadikan pengguna yang berada di Indonesia menjadi prioritas utama, dibuktikan dengan adanya metode pembayaran dengan Bank Lokal Indonesia, Pulsa All Operator dan Tripay. Yang semua layanan pembayaran tersebut adalah berasal dari Indonesia. Jadi pembayaran bisa langsung “dicairkan” ke rekening Bank Anda.

Bagaimana Cara Mendaftar Ke Safelinku.com?

Jika Anda tertarik menghasilkan uang dari internet dengan hanya menyingkat URL/Link dan kemudian membagikannya, maka Anda bisa langsung daftar di situs //safelinku.com.

Setelah Anda men-klik link Safelinku.com, maka Anda akan melihat halaman utama dari situs tersebut, sekarang klik pada “Sign Up”.
Safelinku: Cara Mudah Menghasilkan Uang Dari Internet Hanya Dengan Menyingkat Link Tanpa Modal


Kemudian akan muncul formulir pendaftaran, isikan dengan information yang diminta. Setelah Anda mengisi facts sesuai yang diminta pada formulir tersebut, maka terakhir klik tombol “Submit” untuk mengirimkan statistics Anda ke server Safelinku.com.
Safelinku: Cara Mudah Menghasilkan Uang Dari Internet Hanya Dengan Menyingkat Link Tanpa Modal
Formulir Pendaftaran

Biasanya proses pendaftaran akan membutuhkan verfikasi e mail, sekarang buka email Anda dan biasanya akan ada mail masuk ke electronic mail Anda, dan Anda akan disuruh men-klik Link verifikasi tersebut. Lakukan sesuai yang diminta Safelinku.com.
Setelah semua proses pendaftaran yang Anda lakukan, maka sekarang Anda berhasil menjadi Publisher Safelinku.com, dan siap untuk memulai menyingkat URL/Link dan mendapatkan uang dari kegiatan tersebut.

Bagaimana Menyingkat URL/Link di Safelinku.com?

Sangat mudah sekali untuk menyingkat URL/Link di Safelinku.com, Anda hanya perlu melakukan Login ke situs Safelinku.com, kemudian Anda akan melihat form atau kolom untuk memasukkan link yang ingin Anda  singkat. Tempelkan Link yang ingin Anda singkat, setelah itu klik pada tombol “Short Link” atau icon “Pesawat Kertas”.

Safelinku: Cara Mudah Menghasilkan Uang Dari Internet Hanya Dengan Menyingkat Link Tanpa Modal

Dengan begitu, Link yang Anda akan diproses dan disingkat, kemudian akan disimpan di database server Safelinku.com, setelah itu akan muncul hasil dari proses penyingkatan tersebut berupa hyperlink pendek seperti gambar diatas.

Link yang berhasil Anda singkat, kemudian salin dan bagikan ke teman-teman Anda di sosial media ataupun Anda letakkan di situs Web atau Blog Anda.

Bagaimana Cara Memaksimalkan Pendapatan Safelinku.com?

Jika Anda sudah mendaftar menjadi Publisher Safelinku, maka sekarang Anda bisa memaksimalkan pendapatan Anda dengan cara atau menggunakan media dibawah ini:

Media Sosial

Safelinku: Cara Mudah Menghasilkan Uang Dari Internet Hanya Dengan Menyingkat Link Tanpa Modal

Ya, Sosial Media adalah tempat Anda untuk bersosial-ria dan mencari calon pengunjung Anda. Anda hanya membutuhkan teman-teman yang banyak untuk memperoleh klik yang banyak pula. Semakin Anda terkenal di Sosial Media, maka semakin besar pula potensi pendapatan Anda.

Blogger

Safelinku: Cara Mudah Menghasilkan Uang Dari Internet Hanya Dengan Menyingkat Link Tanpa Modal

Seperti yang saya katakan sebelumnya, Blogger adalah “ladang” klik bagi pengunjung, dikarenakan setiap pengunjung yang membutuhkan informasi, device, unduhan dan lainnya yang mereka inginkan di Blog yang menyediakannya, maka mereka akan melakukan klik pada Link yang tertera dalam postingan sebuah Blog tersebut. Tida perlu ada pemaksaan untuk melakukan klik terhadap Link yang Anda buat di Blog Anda, karena jika pengunjung membutuhnnya, dengan sendirinya pengunjung akan men-klik Link yang ada di Blog Anda.
Jika Anda mempunya Blog Download, maka ada fitur atau device khusus yang ditawarkan Safelinku.com tawarkan untuk memaksimalkan pendapatan Anda:
 Website Script
Tool Website Script berguna untuk melakukan penyingkatan hyperlink secara otomatis pada Blog atau Situs Web Anda. Jadi Anda tidak perlu menyingkat Link satu-persatu secara guide di situs Safelinku.com. Anda cukup menempelkan kode atau script yang di buat oleh Safelinku.com di Blog atau Situs Web Anda. Ada dua fungsi dari Website Sript:

1.  Shorten Exclude

Ini bisa Anda gunakan untuk menyingkat semua Link sacara otomatis kecuali Domain yang Anda tentukan untuk tidak di singkat oleh Script. Misalkan Anda tidak ingin menyingkat Link atas Domain Blog Anda dan Google.com, maka Anda bisa membuat Scriptnya seperti dibawah ini:

Note: Ubah pada 'blogkamu.com' dan 'google.com' sesuai dengan area yang Anda kehendaki dan juga ubah Token API.
Jadi, selain Domain Blog Anda dan Google, maka semua Link yang ada di Blog Anda akan disingkat secara otomatis oleh Safelinku.com.
2.  Shorten Include
Jika Anda ingin menyingkat Link dengan Domain yang Anda tentukan secara otomatis, misalnya Anda ingin menyingkat semua Link yang ada di Blog Anda dari Domain Google Drive dan Mediafire, maka contoh Script dibawah ini  bisa Anda gunakan:

Note: Ubah pada bagian area 'power.google.com' dan 'mediafire.com' sesuai dengan area yang Anda kehendaki dan juga ubah Token API.
Tidak hanya satu atau dua Domain yang bisa Anda tentukan, Anda bisa menambahkan Domain Link sebanyak yang Anda butuhkan. Jadi untuk fungsi Shorten Include ini digunakan untuk menyingkat Link dari Domain yang Anda tentukan di Script.
Cara untuk memasang device Website Script di Blog Anda cukuplah mudah, Anda hanya perlu menempelkannya di Widget Script HTML Anda.
Catatan: jika ada kesalahan pada hyperlink yang telah disingkat seperti BLANK (halaman kosong) itu berarti Link tujuan Anda tidak boleh dipersingkat. Contoh tautan yang tidak diizinkan: pornografi domain, hack atau phishing, tautan pendek dengan Safelinku.com.

Referral

Safelinku: Cara Mudah Menghasilkan Uang Dari Internet Hanya Dengan Menyingkat Link Tanpa Modal

Refferral adalah software yang ditawarkan Safelinku.com untuk mendapatkan imbalan (uang) 10% dari setiap pengunjung yang berhasil Anda ajak untuk bergabung di Safelinku.com. Jadi ajaklah sebanyak-banyaknya teman Anda untuk bergabung menggunakan layanan dari Safelinku.com.

Pembayaran Safelinku.com

Pembayaran Safelinku.com tidak berbelit-belit, Anda hanya perlu menghasilkan pendapatan $5 (5 Dollar), sudah cukup untuk menariknya ke rekening Bank Anda. Adapun metode pembayaran dan bukti pembayaran Safelinku.com, bisa Anda lihat sendiri dibawah ini:

Metode Pembayaran Safelinku.com

Metode pembayaran Safelinku.com adalah cara pembayaran yang didukung Safelinku.com, Metode pembayaran Safelinku.com bisa Anda atur pada Akun Safelinku.com Anda di bagian “Settings>Payment”  dan disana Anda bisa memilih metode pembayaran seperti apa yang Anda inginkan. Sekarang ini saya melihat ada Empat metode pembayaran yang ditawarkan Safelinku.com kepada Publishernya:
1.transfer Bank Lokal (Indonesia)

Transfer Bank Lokal untuk publisher Indonesia sangatlah mudah dan ini saya anjurkan untuk Anda yang ingin “mencairkan” pembayaran Safelinku.com langsung ke rekening Bank Anda. Hanya dengan memilih “Local Bank Transfer (Indonesia)” di bagian “Settings>Payment” kemudian masukkan records sesuai yang dibutuhkan Safelinku.com, Nama Bank, Nomor Rekening dan Atas Nama, Contoh: BRI 123456789 ASEP
Safelinku: Cara Mudah Menghasilkan Uang Dari Internet Hanya Dengan Menyingkat Link Tanpa Modal

Setelah Anda memasukkan facts yang benar sesuai intruksi, maka sekarang klik pada tombol “Save”.
Berikut adalah daftar nama bank yang di dukung Safelinku.com: BANK BRI,BANK MANDIRI,BANK BNI,BANK BTN,BANK BRI SYARIAH,BANK BRIAGRO,BANK BCA,BANK CIMB NIAGA,BANK DANAMON,BANK PERMATA,BANK PANIN,BANK MAYBANK INDONESIA,BANK HSBC INDONESIA,BANK BUKOPIN,BANK MEGA,ATMB LSB,BANK ACEH SYARIAH,BANK AGRIS,BANK ANTAR DAERAH,BANK ANZ INDONESIA,BANK ARTHA GRAHA,BANK ARTOS,BANK BCA SYARIAH,BANK BENGKULU,BANK BJB,BANK BJB SYARIAH,BANK BKE,BANK BNP,BANK BOCI,BANK BSM,BANK BTPN,BANK BUMI ARTA,BANK CAPITAL,BANK CCB INDONESIA,BANK CTBC INDONESIA,BANK DBS,BANK DINAR,BANK DKI,BANK GANESHA,BANK ICBC INDONESIA,BANK INA PERDANA,BANK INDEX,BANK JAMBI,BANK JASA JAKARTA,BANK JATENG,BANK JATIM,BANK KALBAR,BANK KALSEL,BANK LAMPUNG,BANK MALUKU,BANK MANTAP,BANK MASPION,BANK MAYAPADA,BANK MAYORA,BANK MEGA SYARIAH,BANK MESTIKA,BANK MNC,BANK MUAMALAT,BANK MULTIARTA SENTOSA,BANK NAGARI,BANK NOBU,BANK NTT,BANK OCBC NISP,BANK OF INDIA INDONESIA,BANK PANIN SYARIAH,BANK PAPUA,BANK PRIMA MASTER,BANK QNB INDONESIA,BANK RIAU,BANK ROYAL,BANK SAHABAT SAMPOERNA,BANK SBI INDONESIA,BANK SHINHAN INDONESIA,BANK SINARMAS,BANK STANCHART,BANK SULSELBAR,BANK SULTENG,BANK SULTRA,BANK SUMSELBABEL,BANK UOB INDONESIA,BANK VICTORIA,BANK VICTORIA SYARIAH,BANK WOORI INDONESIA,BANK YUDHA BHAKTI,BNI SYARIAH,BPD BALI,BPD BANTEN,BPD BANTEN,BPD DIY,BPD KALTENG,BPD KALTIM KALTARA,BPD NTB,BPD SULUT,BPD SUMUT,BPR EKA,BPR KS,BTPN SYARIAH,CITIBANK INDONESIA,COMMONWEALTH INDONESIA,FINNET,INDOSAT (PAYPRO),JTRUST BANK,KEB HANA,MUFG BANK, LTD,RABOBANK,SYARIAH BUKOPIN,TELKOM,TELKOMSEL TCASH,XL TUNAI
2.pulsa All Operator (Indonesia)

Safelinku.com juga menawarkan metode pembayaran khusus untuk Anda yang mungkin berjualan pulsa Elektrik. Metode pembayaran “Pulsa All Operator” bisa Anda gunakan untuk mengisi Saldo Pulsa Elektrik Anda dengan cara memasukkan Nomor HP Anda ke kolom pembayaran “Pulsa All Operator”. Maka dengan begitu, Safelinku.com akan melakukan pembayaran berupa Pulsa ke Nomor HP Anda tersebut.
Safelinku: Cara Mudah Menghasilkan Uang Dari Internet Hanya Dengan Menyingkat Link Tanpa Modal


3.tripay (Indonesia)

Tripay.co.id adalah situs web Distributor & Server Pulsa h2h Termurah dan Terlengkap yang menyediakan berbagai produk (Pulsa All operator, Pulsa Internet, Voucher Game Online, Token Listrik dan Multipayment).
Safelinku: Cara Mudah Menghasilkan Uang Dari Internet Hanya Dengan Menyingkat Link Tanpa Modal

Metode pembayaran dengan Tripay ini mempunyai syarat, yaitu dengan syarat Akun tripay Anda wajib berreferred dengan akun Tripay Safelinku.com, caranya daftar menggunakan referred dari Safelinku.com melalu link http://bit.do/create-safelinku.
4.paypal

PayPal merupakan sistem pembayaran secara elektronik yang menggantikan transaksi konvensional berupa cek dan switch uang. Mempunyai PayPal, ibaratnya Anda mempunyai rekening secara online yang dapat digunakan untuk membeli produk dan menerima dana dari orang yang mempunyai akun PayPal ataupun kartu kredit.
Paypal berlaku secara accepted tanpa ada batasan negara, hanya dibutuhkan Akun Paypal, maka proses pembayaran ataupun pembelian akan terasa mudah.

Bukti Pembayaran Safelinku.com

Jika Anda masih ragu-ragu dengan kredibilitas Safelinku.com? Maka sekarang saya akan memperlihatkan bukti pembayaran pertama yang saya dapat dari kegiatan menyingkat URL/Link di Safelinku.com.
Safelinku: Cara Mudah Menghasilkan Uang Dari Internet Hanya Dengan Menyingkat Link Tanpa Modal

Pembayaran tersebut langsung masuk ke rekening Bank yang saya masukkan di kolom metode pambayaran “Local Bank Transfer (Indonesia)”.
Mungkin sampai disini saya pikir sudah cukup menjelaskan tentang mudahnya menghasilkan uang dari net melalui kegiatan menyingkat URL/Link di Safelinku.com tanpa keluar keringat. Jadi tunggu apa lagi, daftar segera ke Safelinku.com dan ajak teman-teman Anda juga untuk bergabung, dan rasakan sendiri bagaimana mudahnya mendapatkan uang dari net.

Cara Membuat Show Dan Hide Comments Di Blogger


Komentar dalam sebuah blog merupakan sebuah media interaksi sekaligus penghubung antara pemilik blog bersama pengunjung(visitor).

Dengan adanya komentar pada postingan tentunya akan memudahkan para pengunjung buat menyampaikan aspirasinya mengenai konten yg anda untuk.

Kadang kala blog besar yang baik bukan dipengaruhi dari jumlah pengunjungnya melainkan dari banyaknya komentar yang ada di blog tersebut.

Oleh sebab itu tak jarang kita temui blog-blog besar seperti Panduanim, Sugeng.id, Arlinadzgn dan sebagainya punya aneka macam komentar didalamnya.

Hal ini tentunya merupakan sebuah hal positif yg sangat menguntungkan.

Tapi yang menjadi konflik disini ialah pada waktu sebuah blog mempunyai konten, dengan didalamnya masih ada puluhan bahkan ratusan komentar yg memenuhi laman blog.

Memang bagus, tapi hal ini pula mengakibatkan beberapa hal yg kurang baik, diantaranya:
  • Isi konten blog tidak sebanding bersama banyaknya komentar, pada akhirnya terlihat mirip dengan blog spam
  • Kecepatan loading blog menurun, sebab terlalu banyak komentar yg dimuat
  • Komentar blog yang terlalu banyak memberi kesan bahwa blog tadi tak bersih (Bersih pada artian, tidak tersusun secara baik)

Maka dari itu admin akan memberikan kamu sebuah cara revolusioner yang akan membuat fitur komentar di blog anda akan jauh lebih ringkas, rapih, responsive, serta gampang dimuat.

Caranya merupakan beserta membuat Show/Hide Comments!

Apakah Show/Hide Comments itu? Ia merupakan sebuah fitur tambahan yg akan membuat komentar blog kamu menjadi lebih ringkas dan mudah.

Jadi apabila kamu menerapkan cara yg akan saya bagikan ini, maka komentar anda akan berada pada letak Hide atau tidak ditampilkan.

Disana anda hanya akan mendapati sebuah catatan "Show Comment" yg berarti "Tampilkan Komentar". Jadi bila anda menekan tombol Show ini, maka komentar di blog anda akan ditampilkan.

Untuk lebih jelasnya kamu mampu langsung menerapkan caranya bersama mengikuti panduan dibawah ini:

1. Seperti biasa login terlebih dahulu ke blogger.com
2. Pilih Tema>Edit HTML
3. Cari kode dibawah ini dengan menggunakan (CTRL+F)
<div class='comments' id='comments'>
Catatan:
Biasanya terdapat dua kode yang sama4. Ganti kedua kode tersebut beserta kode berikut
<a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;">Show comments</a><div class='clear'/> <div class='comments hide-content' id='comments'><a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Hide comments</a><div class='clear'/>

5. Lalu tambahkan juga kode dibawah ini sebelum kode ]]></b:skin> atau </style>
/* Show and Hide Comments */.hide-contentdisplay:none;margin:0;padding:0;a.showcontent,#comments a.hiddencontentdisplay:block;text-decoration:none;position:relative;color:#fff;font-weight:700;font-size:15px;padding:12.5px 0;background:#5593f0;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s#comments a.hiddencontent background:#fff;color:#acb3b8;transition:all .3sa.showcontent:hoverbackground:#fff;color:#5593f0;#comments a.hiddencontent:hoverbackground:#acb3b8;color:#fff;

6. Terakhir masukan kode berikut tepat di atas </body>
<script type='text/javascript'>//<![CDATA[// Show and Hide Commentsfunction showComm(e)document.getelementById(e)&&("none"!=document.getelementById(e+"-show").style.display?(document.getelementById(e+"-show").style.display="none",document.getelementById(e).style.display="block"):(document.getelementById(e+"-show").style.display="block",document.getelementById(e).style.display="none"));//]]></script>

7. Terakhir Simpan Tema

Itu dia cara gampang menerapkan Show serta Hide Comments blogger. Cara ini pastinya akan menciptakan blog kamu lebih cepat ketika dimuat dan akan terlihat lebih rapih.


Oke saya rasa hanya itu yang mampu admin sampaikan, kurang lebihnya mohon maaf. Akhir ungkap saya ucapkan terimakasih dan sampai jumpa.

Cara Memasang Widget Recent Post Slider Di Sidebar Blog


Jika sering kali widget recent post hanya berbentuk link beserta beberapa gambar tumbnail yg menuju ke postingan terbaru, namun pada kesempatan kali ini admin akan mencoba menunjukkan sebuah cara buat menciptakan wigdet recent post slider.

Widget yang akan saya bagikan ini tidak sama dengan kebanyakan recent post yg ada. Widget ini berbentuk sebuah kotak dengan beberapa tumbnail postingan terbaru yang sanggup digeser atau di slide baik secara otomatis maupun manual.

Widget recent post slider ini sebetulnya bukanlah hal baru, mungkin anda pernah melihat widget ini di beberapa situs di internet, namun kamu tidak tahu apa nama widget tersebut, serta bagaimana cara mengolahnya?

Tapi tenang, lantaran dalam saat ini admin akan menunjukkan kepada anda cara menciptakan widget recent post slider tersebut. Penasaran bagaimana caranya? Silahkan ikuti panduannya dibawah ini:


1. Login ke blogger
2. Masuk ke Tata Letak>Tambahkan Gadget>HTML/Javascript
3. Copy kode berikut, serta paste di halaman tadi
<style scoped="" type="text/css">ul.rcentside *-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box ul.rcentsidefont-size:11pxul.rcentside,ul.rcentside limargin:0;padding:0;list-style:none;position:relative ul.rcentsidewidth:100%;height:500px ul.rcentside liheight:24.5%;position:absolute;padding:0;width:49.5%;float:left;overflow:hidden;display:none ul.rcentside li:nth-child(1),ul.rcentside li:nth-child(2),ul.rcentside li:nth-child(3),ul.rcentside li:nth-child(4)display:block ul.rcentside imgborder:0;width:100%;height:autoul.rcentside li:nth-child(1)width:100%;height:49.5%;margin:0 0 2px;left:0;top:0 ul.rcentside li:nth-child(2)left:0;top:50% ul.rcentside li:nth-child(3)left:50.5%;top:50% ul.rcentside li:nth-child(4)width:100%;left:0;top:75% ul.rcentside .overlayx,ul.rcentside litransition:all .4s ease-in-out ul.rcentside .overlayxwidth:100%;height:100%;position:absolute;z-index:2;left:0;top:0;opacity:.6;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiP9ULZTPK39Whzjme5Sa29Agv7sM6xsD6qPsC5Wy8JD6w4wYQ_IKMgm-P68lqxBWix-uDuA-num_I2Liypd7tFkwZNNzAJ81ybBf3VkmtlSPBAmEPc4_glblcc77xTW5MQR2QtwyXy1Y/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x ul.rcentside .overlayx,ul.rcentside imgmargin:3pxul.rcentside li:nth-child(1).overlayxbackground-position:50% 25% ul.rcentside .overlayx:hoveropacity:.1 ul.rcentside h4position:absolute;bottom:10px;left:10px;right:10px;z-index:2;color:#fff;font-weight:700;margin:0;padding:10px;line-height:1.5em;font-weight:normal;overflow:hidden;transition:all .3sul.rcentside li:hover h4bottom:30pxul.rcentside li:nth-child(1)h4,ul.rcentside li:nth-child(4)h4font-size:150% ul.rcentside .label_textposition:absolute;bottom:0;left:20px;z-index:2;color:#fff;font-size:90%;opacity:0;transition:all .3sul.rcentside li:hover .label_textbottom:20px;opacity:1ul.rcentside li:nth-child(2).autname,ul.rcentside li:nth-child(3).autnamedisplay:none .buttonsmargin:5px 0 0 .buttons adisplay:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative .buttons a::beforecontent:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50% .buttons a.nextx::beforeborder-color:transparent transparent transparent #535353;margin-left:-3px </style><div id="featuredpostside"></div><script type='text/javascript'>function FeaturedPostSide(a)(function(e)var h=blogURL:"",MaxPost:4,idcontaint:"",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"https://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false;h=e.extend(,h,a);var g=e(h.idcontaint);var d=h.maxpost*200;g.html('<div class="sliderx"><ul class="rcentside"></ul></div><div class="buttons"><a href="#" class="prevx">prev</a><a href="#" class="nextx">next</a></div>');var f=function(w)var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++)for(var n=0;n<s[o].link.length;n++)if(s[o].link[n].rel=="alternate")q=s[o].link[n].href;breakif("media$thumbnail" in s[o])u=s[o].media$thumbnail.url.replace(//s[0-9]+-c/g,"/s"+h.imageSize+"-c")elseu=h.pblank.replace(//s[0-9]+(-ck=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.monthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'"><div class="overlayx"></div><img class="random" src="'+u+'"/><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"e("ul",g).append(l).addclass(h.loadingClass);var c=function()e(h.idcontaint+" .nextx").click();var b=function()e.get((h.blogURL===""?Window.location.protocol+"//"+window.location.host:h.blogURL)+"/feeds/posts/summary"+(h.tagname===false?"":"/-/"+h.tagname)+"?Max-results="+h.maxpost+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function()e(h.idcontaint+" .prevx").click(function()e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));return false);e(h.idcontaint+" .nextx").click(function()e(h.idcontaint+" .sliderx li:last").after(e(h.idcontaint+" .sliderx li:first"));return false);if(h.autoplay)var i=h.interval;var j=setInterval(c,i);e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));e(h.idcontaint+" .sliderx").hover(function()clearInterval(j),function()j=setInterval(c,i))e("ul",g).removeClass(h.loadingClass),d);e(document).ready(b))(jQuery);//<![CDATA[FeaturedPostSide( blogURL: "https://tipsblogmfs.blogspot.com", MaxPost: 8, idcontaint: "#featuredpostside", ImageSize: 300, interval: 5000, autoplay: true, tagName: false);//]]></script>

Keterangan:
  • blogURL: ganti dengan URL blog anda
  • MaxPost: Jumlah postingan
  • ImageSize: kapasitas gambar
  • interval: waktu yang dibutuhkan dikala post slider berpindah
  • autoplay: true : mengaktifkan auto slider, buat merubahnya ubah menjadi "autoplay:false"
  • tagName: false : mematikan nama label, untuk menambahkan artikel terbaru berdasarkan label, ubah false menjadi nama label yang diinginkan. Misal: blogger
4. Simpan widget, serta lihat hasilnya pada blog anda

Nah itu beliau cara memasang widget recent post berbentuk slider. Dengan adanya widget ini maka para pengunjung akan lebih tertarik buat mengunjungi postingan terbaru kamu.