Membuat tombol share di blog sebenarnya salah satu cara untuk mendapatkan pembaca di blog lebih banyak. Karena, dengan memasang tombol share ini, pengguna internet yang sudah membaca, akan merasa sangat mudah untuk bisa membagikan kepada orang lain.
Belum lagi, jika artikel atau konten yang kalian tulis sangat bermanfaat buat pembaca dan calon pembaca di luar sana.
Google juga menilai blog atau website dengan cara melihat berapa banyak jumlah share dari pembaca dan tentunya yang paling banyak akan mendapat perhatian lebih. Ya, mendinganlah kalo nggak dapet perhatian dia, diperhatiin Google. Mendingankan..
Nah, pada panduan kali ini, Pangeran akan membagikan banyak sekali atau boleh dibilang kumpulan tombol share yang bisa kalian pilih sesuai selera masing-masing. Mulai dari yang memiliki efek, sampai yang responsive dan fast loading tentunya.
Oke, selengkapnya silakan baca dan pilih jenis tombol share mana yang paling keren untuk diterapkan di blog kalian.
Cara Membuat Tombol Share di Blog by Arlina Design
Inilah demo tampilan dari tombol share by Arlina Design :
1. Login ke Blogger.com > Template > Edit HTML. Caranya seperti ini :
2. Silakan cari code
<data:post.body/>. Biar mudah, klik pada kotak HTML dan tekan CTRL + F, lalu copy dan paste code <data:post.body/> di kotak pencarian lalu Enter 2x. Begini hasilnya jika codenya ketemu :
Note :
<data:post.body/> biasanya dalam satu template terdapat 1-4. Jadi, silakan pilih yang ke-2
3. Jika codenya sudah ketemu. Copy dan pastekan code di bawah ini, tepat di bawah code
<data:post.body/> (jika ingin membuat tombol share di bawah postingan blog) atau tempat di atas code <data:post.body/> (jika ingin membuat tombol share di atas postingan blog).<b:if cond='data:blog.pageType == "item"'> <div class='tombol-berbagi-arlina'> <div class='tombol-berbagi-arlina-fb'> <a class='tombol-berbagi-fb' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'/> <a class='tombol-berbagi-fb-label' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'> Share on Facebook</a> </div> <div class='tombol-berbagi-arlina-tw'> <a class='tombol-berbagi-tw' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'/> <a class='tombol-berbagi-tw-label' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'>Share on Twitter</a> </div> <div class='tombol-berbagi'> <a class='tombol-berbagi-gp' expr:href='"https://plus.google.com/share?url=" + data:post.url' rel='nofollow' target='_blank'/> <a class='tombol-berbagi-gp-label' expr:href='"https://plus.google.com/share?url=" + data:post.url' rel='nofollow' target='_blank'>Share on Google+</a> </div> <div class='tombol-berbagi'> <a class='tombol-berbagi-lin' expr:href='"http://www.linkedin.com/shareArticle?mini=true&amp;url=" + data:post.url + "&amp;title=" + data:post.title + "&amp;summary=" + data:post.snippets' rel='nofollow' target='_blank'/> <a class='tombol-berbagi-lin-label' expr:href='"http://www.linkedin.com/shareArticle?mini=true&amp;url=" + data:post.url + "&amp;title=" + data:post.title + "&amp;summary=" + data:post.snippets' rel='nofollow' target='_blank'>Share on LinkedIn</a> </div> </div> </b:if>
4. Cari kembali code
]]></b:skin> atau </style> pada Edit HTML. Biar mudah, klik pada kotak HTML dan tekan CTRL + F, lalu copy dan paste code ]]></b:skin> atau </style> di kotak pencarian lalu Enter. Begini hasilnya jika codenya ketemu :
5. Jika codenya sudah ketemu. Copy dan pastekan code di bawah ini, tepat di atas code
]]></b:skin>atau </style>./* CSS Share Button */
.tombol-berbagi-arlina{display:block;position:relative;height:43px;line-height:43px;padding:10px;border-top:1px solid #dadada;border-bottom:1px solid #dadada;margin:auto}
.tombol-berbagi-arlina-fb,.tombol-berbagi{float:left;width:21%;padding:0 10px;height:inherit}
.tombol-berbagi-arlina-tw,.tombol-berbagi,.tombol-berbagi-lk{float:left;width:21%;height:inherit;padding:0 10px;border-left:solid 1px #dadada}
.tombol-berbagi-fb,.tombol-berbagi-tw,.tombol-berbagi-gp,.tombol-berbagi-lin,.tombol-berbagi-pi{float:left;display:block;background:url('https://2.bp.blogspot.com/-FYy1a99SDXE/VXuCSz_hYjI/AAAAAAAACbg/8dz4LkDIHYY/s1600/share.png') no-repeat;width:42px;height:41px;margin-right:3px}
.tombol-berbagi-fb-label{color:#2d609b}
.tombol-berbagi-fb-label,.tombol-berbagi-tw-label,.tombol-berbagi-gp-label,.tombol-berbagi-lin-label{float:left;width:58px;height:inherit;font-size:12px;font-family:'Open Sans Bold',Arial,sans-serif;line-height:14px;margin:5px 0 0 4px}
.tombol-berbagi-tw{background-position:0 -43px}
.tombol-berbagi-tw-label{color:#00c3f3}
.tombol-berbagi-gp{background-position:0 -86px}
.tombol-berbagi-gp-label{color:#f00}
.tombol-berbagi-lin{background-position:0 -129px}
.tombol-berbagi-arlina a{color:#999;transition:all .3s;}
.tombol-berbagi-arlina a:hover{color:#7cb0ed}
@media only screen and (max-width:640px){
.tombol-berbagi,.tombol-berbagi-arlina-fb{display:inline-block;float:none;width:48%;padding:0;height:inherit}
.tombol-berbagi,.tombol-berbagi-arlina-tw,.tombol-berbagi-lk{float:left;width:48%;padding:0;border-left:0}
}
6. Pastikan dulu penempatan codenya sudah benar. Jika sudah, langsung klik Simpan Template.
Kelebihan Membuat Tombol Share Arlina :
- Fas Loading
- Responsive
- Rapi
- Share tampil pada new tab
- Menampilkan Judul Deskripsi dan URL
Kelemahan Membuat Tombol Share Arlina:
- Share link pada tombol twitter tidak disertai judul post
- Share twitter tanpa Username
Sumber : tulisanwortel.com
![Wanita yang tak cium bau syurga.
صِنْفَانِ مِنْ أَهْلِ النَّارِ لَمْ أَرَهُمَا: قَوْمٌ مَعَهُمْ سِيَاطٌ كَأَذْنَابِ الْبَقَرِ يَضْرِبُوْنَ بِهِ النَّاسَ؛ وَنِسَاءٌ كَاسِيَاتٌ عَارِيَاتٌ مُمِيْلاَتٌ مَائِلاَتٌ رُؤُوسَهُنَّ كَأَسْنَمَةِ الْبُخْتِ المْاَئِلَةِ، لاَ يَدْخُلْنَ الْجَنَّةَ وَلاَ يَجِدْنَ رِيْحَهَا، وَإِنَّ رِيْحَهَا لَيُوْجَدُ مِنْ مَسِيْرَةِ كَذَا وَكَذَا
Maksudnya: “Ada dua golongan dari penduduk neraka yang aku belum melihat mereka sekarang. (Yang pertama) suatu kaum yang bersama mereka ada rotan-rotan seperti ekor lembu yang mereka gunakan untuk merotan manusia. (Yang kedua) para wanita yang berpakaian tapi hakikatnya telanjang, mereka miring lagi membuat orang lain miring. Kepala-kepala mereka seperti bonggol unta yang miring. Mereka tidak akan masuk syurga dan tidak akan dapat mencium bau wangi syurga, padahal wanginya boleh tercium dari jarak perjalanan sekian dan sekian. [Muslim]
Wanita yang sengaja menbuat sanggul atau pakai sanggul palsu tuk perhiasan dan menarik perhatian maka hukumnya haram.
Tapi kalau rambut memang panjang dan setelah mengikatnya masih ada kebonjolan yang sukar dielakkan, maka itu tidak mengapa.](https://instagram.fkul12-1.fna.fbcdn.net/vp/c61541bf5aa9269e38b3f3468d73285f/5B65E1AA/t51.2885-15/e35/28430744_2003513006556313_3126698868222197760_n.jpg?se=7)
![Antara tips bangun awal subuh :
1) pasang niat dan berdoa kepada Allah agar dimudahkan.
2) jaga waktu tidur.
3) Lakukan Qoilulah [tidur seketika sebelum Zuhur] agar ada tenaga di malam hari.
Andaikata kalian terjaga lepas tamat Subuh tanpa sengaja, maka terus laksanakan solat Subuh. Boleh niat qodok dan boleh niat biasa.](https://instagram.fkul12-1.fna.fbcdn.net/vp/4587087f109a2f25f0de1e05661c44f0/5B5CDC11/t51.2885-15/e35/28436079_457169271362771_7847829118732206080_n.jpg?se=7)
![Tidak berdosa cabut uban.
Cuma ada di kalangan ulama melarang mencabut uban berdasarkan hadis,
Dari Abu Hurairah, Rasulullah shallallahu ‘alaihi wa sallam bersabda,
لا تنتفوا الشيب فإنه نور يوم القيامة Maksud : "Janganlah mencabut uban karena uban adalah cahaya pada hari kiamat nanti". [Hadis riwayat Ibnu Hibban dalam Sahihnya. Syaikh Syu’aib Al Arnauth mengatakan bahawa sanad hadits ini hasan]](https://instagram.fkul12-1.fna.fbcdn.net/vp/b7faffc2f0b9f0347165bc4f07a99ba4/5B5FE5DE/t51.2885-15/e35/28435430_172417773548989_1637305730111373312_n.jpg?se=7)
![Senyum itu boleh mengundang pahala, seperti senyum anak kepada ibunya.
Dari Jarir bin Abdillah radhiallahu anhu dia berkata:
مَا حَجَبَنِي رَسُولُ اللَّهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ مُنْذُ أَسْلَمْتُ وَلَا رَآنِي إِلَّا تَبَسَّمَ فِي وَجْهِي
Maksud :"Sejak aku masuk Islam, Rasulullah shallallahu ‘alaihi wasallam tidak pernah menolak aku untuk duduk bersama beliau. Dan tidaklah beliau melihatku kecuali beliau tersenyum kepadaku". [Hadis Bukhari dan Muslim]
Namun, jika senyum itu menimbulkan fitnah dan syahwat, maka hukumnya haram. Seperti senyum si gadis kepada pemuda yang berkemungkinan membawa kepada unsur buruk.](https://instagram.fkul12-1.fna.fbcdn.net/vp/8a0e0a3a7269892861b5fff5c5b71af2/5B632CC8/t51.2885-15/e35/28428483_1413244585469444_1604094770941001728_n.jpg?se=7)
![Rasulullah bersabda,
الْفِطْرَةُ خَمْسٌ الْخِتَانُ وَالِاسْتِحْدَادُ وَقَصُّ الشَّارِبِ وَتَقْلِيمُ الْأَظْفَارِ وَنَتْفُ الْآبَاطِ
Maksud :"Fitrah itu ada lima, iaitu khitan (bersunat), mencukur bulu kemaluan, memotong misai, memotong kuku, dan mencabut bulu ketiak". [Bukhari dan Muslim]](https://instagram.fkul12-1.fna.fbcdn.net/vp/f359dc9e276fc07512c8c577a1d10208/5B649596/t51.2885-15/e35/28428472_1794569604181777_4312294284993757184_n.jpg?se=7)
![Boleh berambut panjang dengan syarat tidak berniat menyerupai wanita dan orang-orang fasiq.
Rasulullah juga berambut panjang.
عَنْ أَنَسٍ
كَانَ يَضْرِبُ شَعَرُ النَّبِيِّ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ مَنْكِبَيْهِ
Maksud :"Dari Anas [menceritakan] bahawa rambut Nabi SAW Menjuntai hingga ke bahu baginda".
[Bukhari] "Rambut bawah" sunnah dikerat.](https://instagram.fkul12-1.fna.fbcdn.net/vp/529968080870eb80893e01d61c7498ff/5B6CED65/t51.2885-15/e35/28435651_863114637201488_5780204778374037504_n.jpg?se=8)
![Sendawa tidak membatalkan wudhuk dan solat. Cuma dalam solat, ketika sendawa, jika menelan makanan di celahan gigi dengan sengaja, maka batal.
Seorang ulama besar silam Ibn Abd al-Barr berkata :"Dan mereka (ulama) bersepakat mengatakan bahawa sendawa tidak dikenakan wudhuk disebabkannya secara ijmak".
[Kitab Al-Istizkar]
Maksud ulama di atas ialah seluruh ulama bersepakat bahawa sendawa tak batalkan wuduk. "SENDAWA BAWAH" tu kentut.
Jangan lurus pembaris sangat.
Nanti ada yang tanya lagi.
#jalannn](https://instagram.fkul12-1.fna.fbcdn.net/vp/ab8fe17944cd124f3647b904e2909ccf/5B696265/t51.2885-15/e35/28158386_699613020162306_6067130476605210624_n.jpg?se=7)
.jpg){kind=icon}
