Showing posts with label BLOGGER. Show all posts
Showing posts with label BLOGGER. Show all posts
Tagged under:

UANG / DOLLAR DARI APLIKASI WHAFF ANDROID

Siang Semua, apakah anda memiliki smartphone android ? jika iya berarti anda juga bisa mendapatkan dollar dari aplikasi android “WHAFF reward” dimana aplikasi ini dikembangkan bagi jasa advertising bagi pemilik aplikasi yang ingin memasarkan aplikasi melalui jasa WHAFF reward, nah terus apa hubungan nya bagi pengguna android ?


Download WHAFF Imbalan,
masukkan kode undangan : [ DI14854 ] dan dapatkan $0,30!!!

bagaimana cara kerja aplikasi WHAFF Reward ?

    WHAFF reward akan memberikan dollar pada pengguna smartphone android yang menginstal aplikasi dari google playstore melalui aplikasi Whaff reward jadi bagi anda yang hoby download aplikasi dari google playstore kini akan dibayar dengan dollar berkisar 0,1 – 0,80 $ per aplikasi yang anda unduh, sangat menguntungkan bukan ? sudah dapat aplikasi nya dapat lagi dollar nya, dollar yang anda kumpulkan apabila mencapai 10$ dapat langsung anda cairkan melalui akun rekening “paypal” anda atau melalui facebook gift card, amazon gift card (bagi anda yang ingin berbelanja) google play gift card (bagi anda yang ingin berbelaja aplikasi berbayar) xbox live gift card, playstation play gift card dan metode lainnya. penarikan akan diproses 3×24 jam kerja.

Download WHAFF Imbalan,
masukkan kode undangan : [ DI14854 ] dan dapatkan $0,30!!!


bagaimana aplikasi WHAFF Reward bisa membayar ?

    WHAFF reward membayar dari pengembang aplikasi yang aplikasinya yang ingin di downloaddan dimainkan jadi pengembang aplikasi membayar kepada WHAFF reward untuk menaruh aplikasi nya yang kemudian akan kita download di smartphone android kita.
apakah WHAFF Reward tidak berbenturan dengan google playstore sebagai pengembang aplikasi android ? jelas tidak, karena WHAFF reward juga akan mengalihkan link download nya ke google playstore, dan aplikasi WHAFF reward ini juga terdaftar dan dapat didownload di google playstore.


Apakah WHAFF Reward benar benar membayar ? 

Download WHAFF Imbalan,
masukkan kode undangan : [ DI14854 ] dan dapatkan $0,30!!!

   Aplikasi ini terbukti membayar bisa di cek di pencarian google mengenai aplikasi whaff reward ini. Sudah banyak bukti kalau APPS WHAFF memang works alias membayar. Lumayan kan, bisa nambah-nambah uang di dompet mu, buat jajan atau beli pulsa.


bagaimana cara menginstal aplikasi WHAFF Reward ini ?

    Pertama-tama anda download aplikasinya di  ( Playstore ) kemudian anda instal dan login menggunakan akun facebook anda kemudian anda akan diminta memasukkan kode ini DI14854 untuk mendapatkan langsung saldo pertama anda sebesar 0,30$ atau jika mengikuti kurs Dollar saat ini , setelah itu anda dapat langsung memilih menu “premium picks” “whaff picks” dan lucky picks” untuk mendownload aplikasi yang tersedia dimana setiap anda mendownload aplikasinya akan dibayar dengan dollar.

Kurs Dolar saat posting :
                                                                                                                                                                   Sumber : http://kursdollar.net

apakah aplikasi yang sudah didownload bisa di uninstall ?

    Anda bisa uninstall aplikasi yang telah anda download untuk mengurangi penggunaan memory Ram smartphone anda. tapi jika anda tidak uninstall lebih baik lagi karena anda akan mendapatkan reward 0,01$ tiap aplikasi yang tidak anda uninstall (saran uninstall setelah 3 hari ketika pertama didownload). Jadi tunggu apalagi ini kesempatan bagi anda mendapatkan uang tambahan hanya dengan menambah kegunaan smartphone anda, lumayan kan kita bisa dapat 3 – 10$ per hari. memang terlihat sedikit, tapi jika diakumulasikan selama sebulan, kan lumayan juga. ekeke  
untuk mendownload bisa langsung ke google  ( Playstore )  kemudian masukkan kode pin DI14854 untuk mendapatkan saldo pertama anda.

    Saya menyarankan menggunakan Opera Max (dengan teknologi Cloud-VPN) untuk Menghemat Kuota Internet Kamu… Untuk Penyemangat, berikut Bukti Pembayaran WHAFF bulan Juli 2015
Berikut bukti pembayaran WHAFF yang saya terima terakhir kali per tanggal 16 Juli, kenapa baru saya Share ? tadinya hanya buat Pribadi aja, tapi setelah dipikir-pikir mendingan bagi-bagi juga, toh, saya juga dapat dibagi, mudah-mudahan dapat menjadi penyemangat buat rekan-rekan sekalian.

Download WHAFF Imbalan,
masukkan kode undangan : [ DI14854 ] dan dapatkan $0,30!!!
Tagged under:

Cara Membuat Daftar Isi Blog

Membuat daftar isi blog atau seringkali di sebut sitemap blog penting sekali untuk sebuah navigasi, seorang pengunjung akan segera dapat mengakses isi posting atau konten blog anda dengan mudah, selain itu fungsi daftar isi blog juga menambah tampilan blog lebih elegan dan terlihat profesional. Di posting sebelumnya juga pernah di bahas mengenai cara membuat sitemap blog,semua keterangan lengkap mengenai daftar isi blog bisa anda simak pada : Contoh Daftar Isi Blog Yang Ringan Dan Seo Friendly. Daftar isi blog ini otomatis menyesuiakan, berdasarkan label/category yang ada di posting blog anda, satu lagi keistimewaan daftar blog ini bergambar (thumnail). Contohnya seperti gambar di bawah ini.




Setelah selesai publikasikan halaman.
Selanjutnya,masuk ke menu Template – Edit Template, Copy paste kode di bawah ini dan tempatkan sebelum kode </style>

/* CSS Full Sitemap */
#bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-family:’Open Sans’;font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:’Open Sans’;font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}
Setelah selesai simpan template anda.
Daftar isi blog keren atau tidak keren, tergantung dari penilaian masing masing, tapi kalau menurut saya blog yang keren itu isi postingnya juga keren (bermutu), di tambah penerapan daftar isi blog keren ini jadinya Full keren.

Semua kode CSS untuk membuat daftar isi blog (widget sitemap) paling keren ini saya dapat dari mbak Arlina ,cek : Klik Mania




Tagged under:

Cara Membuat Contact Form di Blog atau Website

Untuk berjaga jaga, sebaiknya Backup dulu template anda.
Baiklah langsung saja Masuk Blogger – Laman – Buat Laman baru – Copy paste kode di bawah ini pada Mode HTML.

<div id=”table-outer”>
<table><tbody>
<tr><td><label>Sort posts by : </label></td><td><select id=”orderFeedBy”><option selected=”” value=”published”>New post</option><option value=”updated”>Post updated</option></select></td></tr>
<tr><td><label>Filter posts by category : </label></td><td><span id=”labelSorter”><select disabled=””><option selected=””>Loading…</option></select></span></td></tr>
<tr><td><label>Search by keyword : </label></td><td><form id=”postSearcher”>
<input type=”text” /></form>
</td></tr>
</tbody></table>
</div>
<header id=”resultDesc”></header>
<ul id=”feedContainer”></ul>
<div id=”feedNav”>
Loading…</div>
<script src=”https://cdn.rawgit.com/Arlina-Design/FlamingTree/master/sitemap-tab.js” type=”text/javascript”></script>
<style scoped=”” type=”text/css”>
#comments {display:none;}
</style>

Cara membuat, buat, bikin contact form di blog blogger - Contact form atau disebut juga contact us ini berfungsi sebagai tempat untuk menghubungi pemilik blog atau admin blog. Biasanya contact form memiliki banyak nama yang berbeda di setiap blog, ada yang namanya hubungi kami, kontak kami, atau yang lebih populer adalah contact us.

Menambahkan contact form di blogger merupakan salah satu cara terbaik untuk memberi kesempatan kepada pembaca yang ingin bertanya langsung pada pemilik blog yang bersifat privacy. Ada kalanya contact form juga di gunakan sebagai tempat untuk bekerja sama dalam sebuah bisnis yang biasanya dilakukan oleh sebuah perusahaan yang ingin memasang iklan di sebuah blog yang mereka percaya sebagai blog yang memiliki kredibelitas. Maka membuat contact form di blog itu sangatlah penting untuk Anda maupun pembaca blog Anda.

Nah mungkin bagi Anda yang sedang bingung tentang bagaimana cara membuat contact form di blog, mungkin artikel ini dapat membantu Anda untuk mengatasi masalah Anda tersebut. Cara membuat contact form ini terbilang sangatlah mudah, Anda hanya cukup menghabiskan aktu 3 menit saja untuk membuatnya.
Manfaat Membuat Formulir Contact Form Pada Blog
§     Mempermudah pengunjung untuk berbagi dengan Anda.
§     Mempermudah perusahaan untuk menghubungi Anda, untuk bekerjasama dengan Anda.
§     Suatu keharusan untuk daftar Google Adsense.
§     Menjadikan blog Anda terlihat profesional dan kredibelitas.
Dari manfaat di Atas Anda tahu kan berapa pentingnya memasang formulir contact form pada blog Anda. Nah pada kesempatan kali ini saya ingin berbagi kepada Anda cara membuat contact form untuk blog Anda dan silahkan simak ulasan berikut ini.

Membuat Contact Form dengan FoxyForm
Dengan bantuan situs FoxyForm akan mempermudah Anda dalam pembuatan halaman contact us pada blog Anda dan tentu tanpa biaya atau gratis. Oke silahkan ikuti tutorial berikut ini :
1.Silahkan masuk di situs ini FoxyForm. Disana Anda akan di suguhi setingan tampilan contact form yang akan ditampil pada blog Anda, namun menurut saya tidak perlu di rubah karena tampilanya sudah cukup menarik dan enak di pandang mata, tapi jika Anda ingin merubah ya silahkan sesuaikan apa yang menurut Anda cocok untuk templat blog Anda. Silahkan lihat contoh gambar di bawah ini.


2.Setelah Anda merubah atau tidak merubah setingan, lalu isi email aktif Anda untuk menghubungkan Anda nanti dengan pengunjung Anda dan kemudian masukkan sandi kalau Anda bukan robot lalu klik pada Create Formular. Setelah itu akan muncul kode silahkan copy untuk di pasang di halaman blogger Anda. Lihat contoh gambar di bawah.



Sampai disini Anda telah berhasil dalam membuat contact form. Namun belum selesai Anda harus memasangnya di blogger Anda. Silahkan ikuti tutorialnya di bawah ini.

Cara Memasang Contact Us di Blogger
Setelah selesai membuat contact form di foxyform, sekarang saatnya Anda memasang di blogger Anda, agar terlihat di blog Anda oleh pengunjung.
1.Silahkan masuk di blogger Anda.
2.Silahkan klik pada Pages lalu klik pada New Page. Lihat contoh gambar di bawah, saya menggunakan gambar cara membuat privacy policy di blog, karena caranya sama dalam membuat halaman baru di blog.



3.Kemudian masuk pada mode HTML lalu pastekan kede tersebut yang sudah Anda buat tadi di FoxyForm. Jika belumdi copy silahkan lihat email Anda, karena kode tersebut juga di kirim di email Anda yang di pakai buat isi formulir tersebut. Lihat contoh :


4.Lalu publiskan kemudian silahkan pasang di menu blog Anda agar telihat jelas oleh pengunjung Anda. Selamat Anda sudah selesai dalam pembuatan contact form Anda.






Tagged under:

Cara Membuat Spoiler atau tombol Show/Hide Pada artikel Blog


Cara Membuat Spoiler atau tombol Show/Hide Pada artikel Blog - Spoiler, hampir sama dengan menempatkan sebuah gambar atau text anda di wadah bingkai yang sering lihat di web atau blog yang gambar pada artikel nya di sembunyikan dan kalau kita ingin melihat gambar nya kita di suruh klik pada suatu tombol..kira-kira begitu deh ,mungkin sobat lebih paham apa yang di maksud dengan spoiler ,di bawah ini ada beberapa kode pembuatan spoiler yang mungkin dapat menghemat tempat postingan kita baik gambar maupun teks dan juga tidak mengganggu loading web kita, Seperti yang Sobat - sobat lihat gambar disamping itulah contoh SPOILER atau tombol Show / hide . 

Oke sebelum kita mulai silahkan lihat tutorial nya dan Ikuti langkah - langkah dibawah ini :

1.        Login ke blogger masing - masing
2.        setelah itu buatlah Entri baru terlebih dahulu .
3.        klik Edit html yang ada disebelah Compose
4.        letakkan kode - kode dibawah ini sesuai keinginan tulisan anda .

1.spoiler tampilkan/sembunyikan


<div>

<input value="Tampilkan" style="margin: 0px; padding:0px;width:auto;font-size:10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Sembunyikan&#39;; } else{ this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tampilkan&#39;; }" type="button" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background:#000000;text-align:left;padding:10px;color:#ffffff;">
Masukkan text-nya disini. Gambar juga bisa.
</div>
</div>
</div>

NB :

  • Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DITUTUP atau kata kata yang lain yang anda sukai.
  • Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar


2.Spoiler SHOW/HIDE

<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != ''){ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hidden'; }else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
DISINI LETAK KONTENT ANDA</div></div></div></div></div>

NB :

  • Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata variasi lain nya yang anda sukai.
  • Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar



3.Spoiler OPEN / CLOSE

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><span style="font-weight: bold;">Judul Spoiler</span><input value="Open" style=" margin:5px;padding: 0px; width: 80px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39; Close..&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39; Clik Here&#39;; }" type="button" />
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI SPOILER
</div></div></div>

NB :

  • Huruf warna Orange (judul spoiler) bisa di ganti dengan kata yang lain nya
  • Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata variasi lain nya yang anda sukai.
  • Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar 


Semoga Bermanfaat..






Tagged under:

Cara Membuat URL Gambar Berformat bp.blogspot.com

Menampilkan Gambar berdasarkan URL yang aktif digunakan dalam kode kode HTML pada sebuah Blog. Dicontohkan beberapa URL Gambar tersebut berformat bp.blogspot.com.



Gambar yang diunggah langsung pada blogger akan memiliki URL dengan versi seperti itu  ( bp.blogspot.com ).

Untuk mendapatkan URL Gambar dengan versi berbeda ada beberapa cara mudah yaitu dengan unggah / upload Gambar di Photobucket dan Google Picasa lalu hasilnya copy URL pada Direct Link yang tersedia.



Lalu bagaimana dengan Cara Membuat URL Gambar Berformat bp.blogspot.com ? Mari simak di bawah ini :

Beberapa langkah cara membuat Gambar ber-URL bp.blogspot.com
1. Sedikan Gambar terlebih dahulu pada "folder file computer" yang ditentukan.
2. Login ke Blogger Dashboard klik "entri baru".
3. Pilih klik Insert Gambar pada laman entri baru (upload gambar, pilih dari folder file computer).



4. Setelah Gambar berhasil diupload, pilih Gambar dan terbitkan ke halaman entri lalu pilih klik tab "mode HTML" blok dan copy paste URL yang telah jadi untuk digunakan.

Sekian saja penjelasannya semoga sangat bermanfaat dan terima kasih atas kunjungannya.






Tagged under:

CARA MEMBUAT SLIDER DI BAWAH HEADER


Cara Memasang Auto Post Slider Carousel di Blog – terdapat berbagai macam jenis slider yang dapat kita terapkan ke dalam blog dan salah satunya adalah Slider Carousel. Pada tutorial ini akan saya bahas penerapan Slider Carousel ke dalam template agar sewaktu siapa saja bagi yang ingin menggunakan slider untuk memodifikasi template blognya supaya lebih mudah. Slider Carousel merupakan slider bergaya horisontal yang menampilkan thumbnail dari setiap posting secara otomatis yang dapat kita set agar menampilkan posting terbaru atau bisa juga post by tag label. Agar lebih jelasnya, berikut tutorial :


1. Pada Dashboard BLOG masuk ke Template dan Edit HTML Temolate

2. Lalu Taruh kode berikut di atas kode </head>


<script type='text/javascript' src='http://faceblog-evolutions.googlecode.com/files/Slider-Carousel.js'/>


3. Selanjutnya taruh kode CSS berikut, lalu letakkan diatas kode ]]></b:skin>


#featured-wrap{border-bottom:1px solid #000;box-shadow:0 1px 0 0 #333;background:#111;position:relative;height:175px;margin:0 auto}
#featured{border:2px solid #444;outline:1px solid #000;position:relative;width:88%;height:150px;overflow:hidden;top:10px;margin:0 auto}
#featured ul{width:9999px}
#featured ul,#featured li{list-style:none;padding:0;margin:0;overflow:hidden}
#featured li{width:150px;display:inline-block;float:left;height:150px;background:#222;border-left:1px solid #111;border-right:1px solid #333;}
.thumb-featured{width:140px;height:100px;margin:5px auto;overflow:hidden;border:1px solid #000}
.thumb-featured img{display:block;width:134px;height:94px;border:3px solid #444;}
.title-featured{text-align:center;position:relative;margin-top:-20px}
.title-featured h4{font-size:90%;max-height:45px;overflow:hidden}
.arrow{position:absolute;display:block;background:#111 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtZeh0u-reKIrIxkwGtjLrV8XAHZXh_UUs2Km-War4fsvb31WPivyCVNpRWLdqK9QHFGDhzK-0g6s4-fD9OaInO9zWhJ8aXn-atLQUkPgyRr4aaehJtSRip-03fl77lVnDeyp_CitB58w/h120/icon-sprite.png)no-repeat;background-position:0 50%;width:35px;height:60px;top:50px;text-indent:-9999px;border:1px solid #000;box-shadow:0 0 0 1px rgba(51, 51, 51, 1)inset}
.arrow.back{background-position:0 50%;left:10px}
.arrow.forward{background-position:100% 50%;right:10px}
span.slideloading{background-image:url(https://lh5.googleusercontent.com/-lMCTbMrvSCM/Uo-ClIXhv4I/AAAAAAAAGoY/5JDUhG_-HYA/h42/loading.gif);background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999px;margin:50px auto}


4. Jika ingin membuat Slider Carousel tampil di bawah header, maka cari kode <div id='main-wrapper'> lalu taruh kode berikut ini tepat di atasnya

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featured-wrap'>
<div id='featured'>
<span class='slideloading'>Loading...</span>
</div>
</div>
</b:if>


 5. Langkah terakhir , Simpan Template.

Demikian Tutorial CARA MEMBUAT SLIDER DI BAWAH HEADER, utuk melihat hasilnya silahkan pindah dari edit post HTML ke edit post Compose