Trending Topik From Panduan Abi

Monday, August 21, 2017

As you all know, We are working on many different long term blogs and event niche Blogs, where we are using Adsense, Affiliate marketing and these are our main income sources, but none of these are on Auto Pilot, it requires require work.
But recently, I found a way to Make Some Extra Monthly Income on Auto Pilot.
Yes! You heard it right! There is a way to make $200+ on Auto Pilot after some initial hard work.
Now, You would be thinking, How you can earn that Extra Income?
Well, It is by URL Shortening. It has certainly become one of the best ways to earn online and I have found a site which pays users for each visit made through our shortened Link and it’s quite a high amount, when compared to other similar sites.
It is Shorte.st, I am talking about, an European based URL Shortening Site which provides a number of advanced features. You can easily consider it the best URL Shortening Service with easy user-interface, and the opportunity to earn maximum Extra Income for doing nothing extra work.
Shorte.st helps us earn some Extra Money Online

Earn Money by Shortening URL with Shorte.st

There are many people who are making $100-$300 with Shorte.st, almost on Auto Pilot and you can do the same thing, Want to Know How?
Suppose, You are having a blog or a Channel on YouTube, where you have already pasted direct links of sites or products you want to link to.
Instead of pasting direct Links, you can use this URL Shortener and can paste shortened Link in the description of YouTube Videos or in Your Blog Posts. So, this means, you have done nothing extra, just replaced the direct links with shortened links, that’s it. Now, you will earn Money on Auto Pilot.
Isn’t it Cool? Yeah! It is.
shorte.st has Over 300 000 earning users
But, Do you know, Why I am talking about Just Shorte.st?
Well, because it has some of the Best Payout Rates with high Click Value and eCPM as well as minimum payment threshold, which is $5.
Along with this, This company has built a huge trust of their customers as they pay publishers earning amount on time. You can check Payment proofs by Searching on Google, There are many available.
Fast growing and reliable URL Shortening & Ad network

And It’s easy to Register & Start Earning by shortening URL’s.
You can either use your Email ID for sign up or can join using your Facebook Account.
sign up wth email or facebook
After Creating an account, You can start shortening URL’s from the box given below the Menu. Check screenshot for better understanding.
Shorten URL's and Get Paid
Now, let’s talk about the ways to maximize your income with this URL Shortener.

How you can use Shorte.st to Earn $200+ Extra Income?

Well, There are a number of methods, which you can use and earn big money from Shorte.st, but Here I am listing some of the best ways, which can maximize your income.

1. Linking to Trending Articles with Attractive Anchor

If you are having a website or a Blog, with a good number of visitors, and you like to link to quality or trending articles, then you can easily use shortened URL’s and can earn quite a decent amount.

2. Share Trending Articles/News, Funny Content on Your Facebook and Twitter Profile, Pages & Groups

Almost every single person uses Facebook and Twitter and that too very regularly and many of you has a number of popular pages and groups on these Social Networks. So, you can easily earn a decent income using Shorte.st, just make sure you share the shortened URL of trending or funny article/Image on your pages, Social Profiles and Groups.

3. Use Shorte.st on YouTube

As we all know, YouTube is one of popular Video Sharing sites and Videos is the next trend on the Internet. Instead of reading articles, people like to watch videos to learn something, so you can easily use YouTube to earn Money via Shorte.st, just create videos, which can attract audience and include shortened URL in the description. Once your videos start performing well, you will make money on Auto Pilot.

4. Affiliate System for additional Income

If you started using Shorte.st for URL shortening, then you must use their Affiliate System, which will help you earn some extra bucks, if you refer some more users to their site.
So,
Sign Up Now

& Start Earning Extra Bucks.
In the end, if you have any confusion, feel free to ask via comments.
source : 

URL Shortening – Becoming One of the Best Ways to Make Money Online - Panduan Abi

By: Unknown on: August 21, 2017

Monday, August 14, 2017

Kali ini saya akan membagikan cara untuk membuat related box untuk blogger, sudah lama sekali saya tidak update. Adminnya lagi sibuk membuat design template yang akan dipublish nanti.
related box
Related box ini berbeda dengan related post. Related box adalah related post yang akan muncul ketika di scroll kebawah, jadi akan menarik perhatian pengunjung. Dengan begitu akan memperbanyak pageview blog sobat.

Oke, untuk lebih jelas, sobat silahkan lihat demo dibawah ini, sobat juga bisa mendownload source codenya di sini :

Demo Source Code

Related box yang akan saya bagikan dulu terinspirasi oleh kaskus. namun, sekarang sudah tidak dipakai lagi oleh kaskus. Pasti sudah pada penasaran yah. Yuk, kita simak :

Cara Memasang Related Box Pada Blogger

1. Seperti biasa sobat login dulu ke blogger
2. Masuk ke bagian Template > Edit HTML
3. Copykan CSS dibawah ini tepat diatas kode ]]></b:skin>
#related-box {
    width: 350px;
    overflow: hidden;
    height: 200px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #fff;
    box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.29);
    transition: all 0.5s;
}
#related-box .header h2 {
    font-size: 12px;
    margin: 0;
}
#related-box .header {
    padding: 10px 15px;
    color: #fff;
    background: #00ABFF;
}
#related-box .tombol {
    position: absolute;
    top: 10px;
    right: 15px;
}
#related-box .item {
    padding: 15px;
    width: 320px;
    float: left;
}
#related-box .list {
    height: 120px;
    overflow: hidden;
    width: 600px;
    transition: all 0.5s;
}
#related-box .gambar img {
    height: 100px;
    float: left;
    width: 50%;
    margin-right: 10px;
}
#related-box .header a {
    color: #fff;
}
#related-box .info {
    font-size: 12px;
}
#related-box .navigation a {
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.32);
    margin-left: 10px;
    font-size: 10px;
    width: 10px;
    padding: 3px;
}
#related-box .navigation {
    position: absolute;
    width: 60px;
    right: 20px;
    bottom: 20px;
}
.relatedshow {
    position: fixed;
    bottom: 190px;
    right: -50px;
    transition: all 0.5s;
}
.relatedshow a {
    color: #fff;
    background: #00ABFF;
    padding: 7px 15px;
    box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.29);
}

4. Setelah copykan kode dibawah ini tepat dibawah kode <data:post.body/>
<script type="text/javascript">
// Related Article Settings
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if></b:loop></b:if>];
var relatedbox = {
    homepage : 'http://www.bloggerku.com', // Change with your homepage url
    title: 'Related Post', // Widget Title
    post: 3, // Max post
    date: true, // Show date
    scr: 500, // Show the related box if scroll more than 500
    showcredit: true // Add credit link to support bloggerku.com
};
</script>
<script type="text/javascript" src="http://cdn.rawgit.com/Dihak/bloggerku/5048c6bd13c0d02a5ae41cfb6827a33a18d53d50/relatedbox/relatedbox.min.js"></script>

Nah, simpan dan save yang sudah di edit. sekarang lihat blog sobat, kalau sudah muncul related boxnya maka lanjut ke bagian cara setting related boxnya. Sobat bisa rubah bagian title, max post, sembunyikan tanggal, dan lain lain.

Masih di kode yang tadi, sobat tinggal ganti kode kode yang berwarna merah di bawah ini dengan yang sobat inginkan.
var relatedbox = {
    homepage : 'http://www.bloggerku.com', // Change with your homepage url
    title: 'Related Post', // Widget Title
    post: 3, // Max post
    date: true, // Show date
    scr: 500, // Show the related box if scroll more than 500
    showcredit: true // Add credit link to support bloggerku.com
};

Jangan lupa save lagi, selesai deh..

Sekian artikel untuk cara membuat related box pada blogger, semoga artikel yang saya bagikan bisa bermanfaat bagi sobat. Kunjungi terus bloggerku agar tidak ketinggalan update..

Catatan : Sobat bisa mengedit kode yang ada di file js dengan sesuka sobat, TAPI, jangan membagikan kembali (versi sobat) ke publik tanpa seizin admin. Terima Kasih

Related Box Untuk Blogger

By: Unknown on: August 14, 2017
Memasang Anti Inspect Pada Blogger - Oke, update lagi!, kali ini bloggerku bakal membagikan cara agar website kamu aman dari inspector. Inspector adalah seseorang yang ingin mengintip source website kamu dengan menggunakan inspect element.
Memasang Anti Inspect
Nah, Saya bakal membeberkan rahasia agar website kamu tidak bisa di inspect.

Cara kerja Anti Inspect ini cukup sederhana, yaitu membuat error inspect element, Contohnya adalah website ini sendiri 😄 Coba deh diinspect dulu biar tau 😂 .

Inspect sendiri biasa digunakan untuk mengembangkan sebuah website, dan itu adalah hal yang positif. Tapi bila sobat sudah tau kekurang dari Inspect Element tersebut dan ingin mendisablenya sobat bisa ikuti langkah2 dibawah :D

Dengan memasang ini maka sobat akan membuat website sobat lebih aman dari sebelumnya, aman dari yang suka copi paste, dari orang yang suka ngeclone template.

Ingat! ini tidak 100% aman, tetep ada cara buat inspect, tapi gak akan saya kasih tau di sini 😂

Memasang Anti Inspect

  1. Silahkan buka akun blogger sobat.
  2. Buka Tata Letak / Layout.
  3. Klik Tambah Widget / Add a Gadget.
  4. Lalu pilih HTML / Javascript.
  5. Kosongkan saja judulnya, lalu isikan dengan kode ini.
    <script type="text/javascript">
eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(3(){(3 a(){8{(3 b(2){7((\'\'+(2/2)).6!==1||2%5===0){(3(){}).9(\'4\')()}c{4}b(++2)})(0)}d(e){g(a,f)}})()})();',17,17,'||i|function|debugger|20|length|if|try|constructor|||else|catch||5000|setTimeout'.split('|'),0,{}))
</script>
  6. Lalu Save / Simpan. Dan lihat hasilnya 😎

Sekian dari saya, semoga artikel ini bermanfaat buat sobat 😄 
Terima Kasih

Memasang Anti Inspect Pada Blogger

By: Unknown on: August 14, 2017
Cara Mudah Membuat Efek Animasi Loading Keren Pada Blogger - Nah jumpa lagi dengan saya pada https://panduanabi.blogspot.com
Kali ini saya akan membahas bagaimana cara untuk membuat efek loading pada blogger. Efek loading adalah efek yang akan berfungsi untuk membuat blog memunculkan sebuah animasi ketika blog belum selesai di muat. Yah, biasanya akan muncul ketika sobat berpindah page, contoh ketika sobat berada di Homepage, lalu sobat mengklik sebuah link maka akan muncul sebuah efek loading yang keren pada blog sobat.

Efek loading ini sebenarnya tidak akan membuat blog sobat menjadi lebih berat, namun ini akan membuat blog sobat menjadi tidak acak - acakan ketika blog sobat masih loading atau belum selesai memuat semua content. Kekurangan dari efek loading ini adalah membuat pengunjung menjadi lama menunggu karena tidak bisa melihat langsung content atau isi yang akan di baca dan akan meninggalkan blog sobat karena terlalu lama, biasanya loading akan menghilang ketika semua content yang dimuat sudah selesai, tapi jika content tersebut banyak??, maka akan membuat loading tersebut menjadi sangat lama.

Efek loading juga ada keuntungannya juga loh, keuntungannya yaitu sudah pasti membuat blog menjadi lebih cantik dan lebih keren untuk dilihat :D, nah untuk memasangnya tidak terlalu sulit. Sebelum memasang sobat harus sudah mengetahui keuntungan dan kekurangan dari menggunakan efek animasi loading pada blog di atas, jika sudah membacanya yuk kita lanjut ke bagian cara untuk memasangnya.

Cara Membuat Efek Animasi Loading Keren Pada Blogger

Cara memasangnya cukup mudah, sobat tinggal mencari </body> lalu simpan kode di bawah ini tepat di atas kode </body>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(8000).fadeOut(1000);
});
//]]>
</script>

Nah setelah itu sobat tinggal menambahkan CSS di bawah ini dengan cara mencopykan dulu kode di bawah ini, lalu pastekan tepan di atas kode ]]></b:skin>
page-loader {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:999999;
background: #000 url("URL IMAGE") no-repeat 50% 50%;
padding:1em 1.2em;
display:none
}
Setelah itu sobat tinggal ganti tulisan URL IMAGE dengan link gambar yang akan sobat gunakan, saya sarankan sobat untuk menggantinya dengan gambar gif atau biasa disebut dengan gambar bergerak. Jika sobat malas untuk mencarinya, tenang saja saya sudah sediakan beberapa gambar yang mungkin akan cocok digunakan di blog sobat, yuk, langsung kita lihat saja gambar gambarnya di bawah...

Kumpulan Gambar Loading .GIF

Loading
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG-u8SRS3DqetKE1DXBgsKzZnCCA1sdX5UNJ50uG2OQ45bcBoLgn4twR_fZOg2hNqG3AjmpU1fdGmP4gFnv40rjxhpBAQ5JQE9He6Soosyxyg6o6fhtM4S3NiYqx_D5_17O-Z990cE2Vc/s1600/Loading1.GIF


Loading
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAc-RTDmCHERkHXTGGi7blqGzlWW4BSKmba5F1GSHkoTF5dcZiGxQMwwm0p2wpCUWzDn84KbfojNvSddS3TiPYs_BLmi77vzMB2t_uSlhrQeaD8Br6sTOruXP4BnspWczcWqaqa-1U1Uo/s1600/loading3+(1).GIF


Loading
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRsV4m-o7C4Zph4nxWl2UTK7-VLGg_OR7_PVNOA1QIQNZrl6EJpZQANpcRUXot06aYExJU2aSeAWylsgmpMlIZL-FXdwAUnwGw9MvQ4b28NuhyphenhyphenvWqJh0XeugtdzlfRuZod3YLOE956-LE/s1600/Loading6.GIF


Loading
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4RETyPV1L9bI6u9jDP_DS6_MkdPr4XERi5vI4VKl9De0ZLPj7IOfDuenWUbBUfIkbU6jNsayofNIua1DnNBAkUiH6dVQRiyxTYgng3sxZUoEXIk-5Op_Ur3cIGdHOn7M4PtbB9ynTyks/s1600/Loading4.GIF


Loading
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjo3D8uLtOi6Z0AW20qA0D6ujF-8neNmNAt5L6KPghgWNAylBiZDRI4BVUlb46TOGqGGE_BrtAzufnOV5LsQ6DLLJa9kknkCEO6cyDaLEatHUXyy7x6H3oo2aiJTy1Zq5CMyp4lOSVkrI/s1600/Loading8.GIF


Loading
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipX3WKvd4BRFMjXhmjS3YdYC36-SSVOhyJStc1oE3yeXoE72MQ7ncKRh0ULlMjFUpAALhqPz1NZlOcjwV7gDcCL4njdZqtK3AZOWSlvwGsl_bJC6wzej5MqfxTLieGfrUeO5zS-AHkDqc/s1600/Loading9.GIF


Loading
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvAhs_t3c3P6skFWtiNfli-ElLWqIvg3ljxLFaKabsuRToYBm-hKXZfxR69CC6ReHu-Zo8KLK15DGZdeuY9p8HW8ZT8_SBFnQxlhh59wtkZIlx2ARN3IoDmVgw3iPyiNyWSCURQDA222g/s1600/loading9+(1).GIF


Loading
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL_GrxtQY3bAjuQ6qQddvn-Z3hO-2OEyUj7QX5gMjtjYq0ROApURDYz2q5ATmbApIi3YTdoDodaE1msAwotkCRheeivJKgpXhugCSqUl79CcRSWBWWPeXMDH9TLim4tsZGhC5_FOYwCTc/s1600/Loading5.GIF


Loading
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY6i19wn_xTt06QpPo54q_DffaVTwGWKD-qhb2OSZgqUNpIOdk3Kc4BW9Xbg61S70Hd6f4PhwcYMyb2cK_MVYDWzE-a9e_6FYJTLPiCb3QEsqICXpAR7RSC2CoZX26lGo5wpUFPXL1cI8/s1600/Loading2.GIF


Loading
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilzAz6jOhEtG1ZH_szle9TTVoMTIHIb5OfDXdEcbRe9xpkVjeUz4OAZhH4c15AQwkSpKTV8ov9pYQy1VfiUMvhSsW1XErusgl-qiXivXTBeZbPn_kqGtQDzHWkIAfoMzDpGn8fiROLorU/s1600/loading1+(1).GIF


Loading
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZoTIctow_O-A3AAaVz0MhKfU2PHNd2HAlfCFZUzZaK2fw04GX7xPNmvndffWpbFi_ry-_KyHDYwO4M_wfp-n6wVQaVWPdbWMKyJavqFLZSHKn5aAaVqcrndtLf3YF8bHKE4wv6EPMufc/s1600/loading2+(1).gif

Nah itulah kumpulan gambar gambar GIF loading keren pada blogger yang sudah saya kumpulkan dan saya bagikan disini, untuk gambar lainnya sobat bisa mencariny di google, dengan kata kunci "loading .gif" sobat bisa menggunakan link gambar tersebut.

Sekian Cara Membuat Efek Animasi Loading Keren Pada Blogger, sampai ketemu di artikel selanjutnya

Cara Mudah Membuat Efek Animasi Loading Keren Pada Blogger

By: Unknown on: August 14, 2017
Andrea Dovizioso naik satu peringkat di klasemen pembalap MotoGP setelah menjuarai GP Austria 2017 di Sirkuit Red Bull Ring. Foto: Crash.net

 SPIELBERG - Andrea Dovizioso naik satu peringkat di klasemen pembalap MotoGP setelah menjuarai GP Austria 2017 di Sirkuit Red Bull Ring. Dovi kini berada di peringkat kedua, di bawah Marc Marquez. 

Pada balapan yang berlangsung Minggu (13/8/2017) malam WIB, Dovizioso berhasil meraih kemenangan setelah dipaksa berjibaku melawan Marc Marquez. Hingga tikungan terakhir pada lomba, keduanya terlibat persaingan yang dimenangkan pembalap Ducati. 

Hasil seri ke-10 MotoGP 2017 tersebut membuat Dovizioso kini mengoleksi 158 poin. Sementara Marc Marquez, meski gagal menang di Austria, berhasil mempertahankan posisi pertama di klasemen dengan torehan 174 poin. 

Adapun pembalap Movistar Yamaha, Maverick Vinales turun ke posisi tiga setelah hanya bisa finis di tempat keenam. Hasil kurang memuaskan juga diraih Valentino Rossi yang finis di tempat ke-7

 Klasemen Pembalap MotoGP 2017 (hingga GP Austria)
PosPembalapTimPoin
1Marc MarquezRepsol Honda174
2Andrea DoviziosoDucati Team158
3Maverick VinalesMovistar Yamaha150
4Valentino RossiMovistar Yamaha141

Klasemen Pembalap MotoGP Usai GP Austria 2017

By: Unknown on: August 14, 2017
Subscribe to: Posts (Atom)

 
Copyright © Panduan Abi