Cara Membuat Tombol Share WhatsApp Tanpa JavaScript - DP BBM 23

Breaking

Post Top Ad

Post Top Ad


Thursday, August 17, 2017

Cara Membuat Tombol Share WhatsApp Tanpa JavaScript



DP BBM 23 adalah sebuah blog gratis, yang menyajikan seputar kata - kata, DP BBM, AdSense, Blogger, Tutorial, Windows 10, ISO, Theme Windows 10!! dan saat ini kamu sedang membuka halaman Cara Membuat Tombol Share WhatsApp Tanpa JavaScript, Semoga membantu & bermanfaat!!

1. BNB FAUCOIN - GET 10000 BNB free!


Link : BNB FAUCOIN - GET 10000 free!

Misi : The mission is to just open the site every 1 hour, to claim BNB for free, by pressing ROLL according to the instructions listed on the site, if you are lucky you will get 10000 BNB randomly, so often you open it every 1 hour so that you get lucky 10000 BNB for free.



2. PRO MINING CRYPTOCURRENCY


Link : PRO MINING CRYPTOCURRENCY

Misi : This cryptocurrency mining site you only need to register for free, after you register, let the system work by itself to mine coins.

Here you can mine: Bitcoin (BTC), Dogecoin (DOGE), Tron (TRX), Litecoin (LTC), for free running itself.

You need to remember, on this site there is another mission, namely a claim mission every 1 hour, so don't miss it, once every 1 hour you open the site then open the tab on the left, and click the claim button then you can claim 4 cryptocurrencies for free!



3. xFaucet - Claim every 10 minutes


Link : xFaucet - Claim every 10 minutes

Misi : On this 3rd mining site, the same as the others, namely first you are required to register, after successful registration, your task is very easy, which is just to claim every 10 minutes.

On this site, what you can claim is: Bitcoin, Dogecoin, Stellar, Bitcoin Cash, Dash, Binance Coin, Ethereum, Litecoin, Ripple, Tron, all of which you can claim for FREE!!

Investment Ivans Contract site


Link : Investment Ivans Contract Site

Misi : On this ivan contract site, it's not complicated, you only need to register first using an active email, after successful registration, you just do the missions easily, such as sharing to facebook, wahtsapp, following the official ivan contract account, sharing to youtube, share with friends (using referral links), etc., each mission is rewarded from 1000-2000 and even 3000!

Not only that! at the time of initial registration you will be given a balance of 105, of which 100,000 balances will automatically be used as investment capital for 2 months with an income of 196,000, and of which 5000 will be stored in your main balance! if you want to get more, you just share your referral link with your friends, you will be rewarded with 1000/1 friends!.


Top 10 articles selected
DP BBM 23 in the last 7 days

    Baca Juga




    DP BBM 23 - Cara Membuat Tombol Share WhatsApp Tanpa JavaScript - selamat pagi dan selamat berjumpa kembali sahabat blog DP BBM 23 semuanya .. setelah waktu lalu membahas dan berbagi mengenai beberapa untaian Kata Kata Ucapan Hari Kemerdekaan Indonesia 17 Agustus 2017 pada kesempatan kali ini admin akan sedikit membahas dan berbagi mengenai Cara Membuat Tombol Share WhatsApp Tanpa JavaScript untuk ulasan singkatnya simak terus dibawah ini ..

    Ok next guys .. untuk cara pembuatan tombol share ini bisa di katakan mudah .. mudahnya kita tanpa riber harus membuat dan mendesain tampilan tombol share karena banyak kemudahan yang dapat kita lakukan dengan cara yang sangat simple dan sederhana tidak banyak memakan waktu .. salah satunya kita bisa menggunakan layanan dari situs Sumome.com maupun lewat situs AddThis.com cukup dengan mendaftarnya pada masing - masing situs tersebut dan cukup melakukan beberapa langkah saja tombol share pun sudah siap kita pergunakan ..


    Dengan cara yang saya katakan diatas bisa dikatakan sangat mudah sekali .. karena kita cuma cukup memasang plugin atau widget share maka blog atau situs web kita sudah siap terpasangi tombol share .. dan pada umumnya tombol share ini sering kali di pergunakan di berbagai situs yaitu tombol share facebook / twitter / google plus ( G+ ) maupun sosmed lainnya semisal path dsb ..


    Kenapa demikian ?? ya, sosial media seperti facebook / twitter / G+ selain banyak penggunanya sebagian besar juga diberbagai situs menggunakannya tombol share tersebut .. dan seperti yang kita ketahui dengan adanya tombol share ini .. tidak hanya memberikan dampak positive saja ( yaitu meningkatkan traffick blog ) melainkan mempermudah juga bagi pengunjung yang ingin berbagi tanpa harus mencopy terlebih dulu link artikel yang mau dibagikan .. cukup dengan mengkik share sesuai media sosial yang dimilikinya maka artikel tersebut pun terbagikan ..

    Namun siapa sangka rupanya aplikasi WhatsApp / Line dan BBM pun bisa kita pergunakan untuk membuat tombol share ke masing - masing aplikasi tersebut .. memang cara tersebut sudah lama dan sudah banyak situs - situs yang menggunakan tombol share ke WhatsApp / Line maupun ke BBM ..

    Namun saya sendiri jujur saja tidak bisa dan tidak tahu cara pembuatan tombol share tersebut .. terkecuali menggunakan widget tombol share seperti yang ada pada situs Sumome.com sudah terdapat pula tombol share untuk ke WhatsApp maupun Line .. tapi secara manual saya tidak tahu / tidak bisa cara pembuatannya hehehe ..

    Meski saya tidak tahu secara manualnya pembuatan tombol share ke Line maupun ke BBM tapi setidaknya saya masih dapat berbagi cara pembuatan tombol share ke WhatsApp .. cara pembuatan ini secara manual tanpa menggunakan widget / plugin maupun javascript .. cukup dengan penggunaan CSS dan HTML saja .. maka tombol share WhatsApp pun siap dipergunakan .. untuk contohnya bisa sobat lihat di setiap postingan pada blog ini .. saya buat dan pasang tadi pagi dan sekarang mau saya bagikan cara pembuatannya ..


    1. Kode CSS

    1. Pertama - tama sobat buka Dashboard > Template / Tema > Edit HTML > cari kode <style> / </style> atau kode ]]></b:skin> ( dan letakkan Kode CSS dibawah ini .. di atas kode tersebut )

    .wa-button{color:#fff;margin:0 3px;padding:0;font-size:10px;font-weight:400}
    .wa-button a{color:#fff;margin:0 3px;padding:5px 8px;border-radius:5px;background:#32CD32;}
    .wa-button i{font-weight:400;margin:0 10px 0 0}

    Keterangan :

    Silahkan sobat hapus atau ganti yang saya tandai warna Merah Dan Hijau dengan warna dan keinginan sobat .. untuk warna merah silahkan ganti 5px; dengan nilai lebih besar atau hapus jika tidak ingin menggunakan border radius .. dan untuk warna hijau silahkan ganti dengan warna background kesukaan sobat .. untuk contoh tombol share nya seperti di bawah ini ..

    Border Radius 5 pixel ( 5px )

    1. Border radius 5px dengan warna Black / #000000 ( kode warna HTML )

    WhatsApp

    2. Border radius 5px dengan warna Lime / #32CD32 ( kode warna HTML )

    WhatsApp

    3. Border radius 5px dengan warna Blue / #0000ff ( kode warna HTML )

    WhatsApp

    4. Border radius 5px dengan warna Red / ff0000 ( kode warna HTML )

    WhatsApp

    Border Radius 15 pixel ( 15px )

    1. Border radius 15px dengan warna Black / #000000 ( kode warna HTML )

    WhatsApp

    2. Border radius 15px dengan warna Lime / #32CD32 ( kode warna HTML )

    WhatsApp

    3. Border radius 15px dengan warna Blue / #0000ff ( kode warna HTML )

    WhatsApp

    4. Border radius 15px dengan warna Red / ff0000 ( kode warna HTML )

    WhatsApp

    Tanpa Border

    1. Tanpa border radius dengan warna Black / #000000 ( kode warna HTML )

    WhatsApp

    2. Tanpa border radius dengan warna Lime / #32CD32 ( kode warna HTML )

    WhatsApp

    3. Tanpa border radius dengan warna Blue / #0000ff ( kode warna HTML )

    WhatsApp

    4. Tanpa border radius dengan warna Red / ff0000 ( kode warna HTML )

    WhatsApp

    Catatan :

    Tombol diatas cuma sekedar contoh pembuatannya saja tidak disertai link share ke WhatsApp

    2. Ok next Cara kedua .. untuk cara pertama itu cuma baru sebatas CSS nya saja dalam arti tombol share belum bisa di bentuk dengan sempurna .. lalu bagaimana caranya supaya tombol share tersebut dapat dipergunakan ?? mudah saja cara keduanya yaitu penambahan kode HTML .. silahkan sobat copas semua kodenya dibawah ini dan letakkan sesuai keinginan sobat untuk contohnya di blog ini saya tempatkan sejajar dengan tombol share lainnya .. bisa sobat letakkan misal di bawah postingan / atas postingan / footer dan sebagainya .. dan berikut ini kodenya

    2. Kode HTML

    <li class='wa-button'><a data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;%20%2D%20&quot; + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/> WhatsApp</a></li>

    Kata Kata Ucapan Hari Kemerdekaan Indonesia 17 Agustus 2017
    DP BBM 23 - Kata Kata Ucapan Hari Kemerdekaan Indonesia 17 Agustus 2017 - selamat pagi dan selamat berjumpa kembali sahabat blog DP BBM 23 semuanya .. setelah tadi membahas dan berbagi beberapa untaian Kata Kata Menyentuh Hati Takut Kehilangan Orang Yang Paling Disayangi Plus Lirik Lagu Repvblik Aku Takut p...View More

    Gimana sangat mudah dan simple banget bukan ?? cukup dengan menggunakan CSS dan HTML saja .. tombol share WhatsApp pun jadi dan siap di pergunakan .. dan mungkin hanya itu saja yang dapat admin blog DP BBM 23 bagikan pada kesempatan kali ini .. mengenai Cara Membuat Tombol Share WhatsApp Tanpa JavaScript semoga membantu dan bermanfaat ?? selamat pagi menjelang siang dan selamat hari raya kemerdekaan Republik Indonesia 17 Agustus 1945 MERDEKA ^__^

    ⬇️ Mining Crypto and Investment ⬇️

    1. BNB FAUCOIN - GET 10000 BNB free!


    Link : BNB FAUCOIN - GET 10000 free!

    Misi : The mission is to just open the site every 1 hour, to claim BNB for free, by pressing ROLL according to the instructions listed on the site, if you are lucky you will get 10000 BNB randomly, so often you open it every 1 hour so that you get lucky 10000 BNB for free.



    2. PRO MINING CRYPTOCURRENCY


    Link : PRO MINING CRYPTOCURRENCY

    Misi : This cryptocurrency mining site you only need to register for free, after you register, let the system work by itself to mine coins.

    Here you can mine: Bitcoin (BTC), Dogecoin (DOGE), Tron (TRX), Litecoin (LTC), for free running itself.

    You need to remember, on this site there is another mission, namely a claim mission every 1 hour, so don't miss it, once every 1 hour you open the site then open the tab on the left, and click the claim button then you can claim 4 cryptocurrencies for free!



    3. xFaucet - Claim every 10 minutes


    Link : xFaucet - Claim every 10 minutes

    Misi : On this 3rd mining site, the same as the others, namely first you are required to register, after successful registration, your task is very easy, which is just to claim every 10 minutes.

    On this site, what you can claim is: Bitcoin, Dogecoin, Stellar, Bitcoin Cash, Dash, Binance Coin, Ethereum, Litecoin, Ripple, Tron, all of which you can claim for FREE!!

    Investment Ivans Contract site


    Link : Investment Ivans Contract Site

    Misi : On this ivan contract site, it's not complicated, you only need to register first using an active email, after successful registration, you just do the missions easily, such as sharing to facebook, wahtsapp, following the official ivan contract account, sharing to youtube, share with friends (using referral links), etc., each mission is rewarded from 1000-2000 and even 3000!

    Not only that! at the time of initial registration you will be given a balance of 105, of which 100,000 balances will automatically be used as investment capital for 2 months with an income of 196,000, and of which 5000 will be stored in your main balance! if you want to get more, you just share your referral link with your friends, you will be rewarded with 1000/1 friends!.



    thumbnail Title : Cara Membuat Tombol Share WhatsApp Tanpa JavaScript
    Posted by : LG - Lagu Galau
    Published : 2017-08-17T10:34:00+07:00
    Rating : 90.5%
    View All Pages : 99.8%/Days 90.2% Votes

    Post Top Ad

    Loading...