Monday Techno kali ini saya akan share tentang cara termudah untuk membuat social media icon di blog. Tanpa Photoshop, tanpa 3rd party photo storage (seperti Photobucket, Flickr, dll). Cukup modal blog sendiri aja. Gimana caranya?
Sebelumnya, kita harus punya dulu button social media yang diinginkan. Nah karena aku baik hati HAHAHAHA ini deh dibikinin social media icon yang cantik-cantik kaya yang bikinnya *digampar*.
Ini ada 4 set. Semuanya bertema. Kalau mau yang polos (kaya yang saya pakai di kanan atas blog ini), bisa pakai iconnya Carrie. Download di sini! Thank you, Carrie!
Nah kalau mau pakai button saya, download di bawah ini. Tinggal buka link di bawah preview-nya, klik kanan - Save As button yang diinginkan. Simpan di satu folder biar nggak lupa. :)
Apple
Download Apple di sini!
Floral Shabby Chic
Download Floral Shabby Chic di sini!
Purple Retro
Download Purple Retro di sini!
Rose
Download Rose di sini!
Udaahhh? Ini cara installnya:
1. Buka dashboard Blogspot. Klik New Post seperti kalau mau bikin postingan baru.
2. Beri judul spesial karena post ini nggak akan pernah di upload. Saya kasih judul; SOCIAL MEDIA ICON DO NOT PUBLISH. Pake capslock semua biar keliatan.
3. Insert image social media icon (caranya sama kaya kalau kita mau insert foto di blog post biasa).
4. Buat link. Klik di imagenya terus klik Link di toolbar. Gambar itu jika diklik akan ngelink ke website yang diinginkan. Ya kalau iconnya facebook, link ke akun Facebook kita. Kalau Twitter, link ke akun Twitter kita.
5. Klik tab HTML di sebelah kiri atas. Select all - Copy kode HTML nya.
6. Sekarang save draft terus ke Layout - Add gadget - HTML - Paste codenya,
7. Blogpostnya close aja, mau disimpan jadi draft boleh. Mau dihapus juga nggak masalah.
SELESAI!
Masih pusing? Nih lihat videonya di bawah ini ya!
Untuk Blogspot
Untuk Wordpress
Selamat mencoba!
-ast-
Waahh kereeenn, makasiihh maakk
ReplyDeletesama-samaaa :D
Deletealhamdulillaaahhh
Deleteberhasil mak
jazakillah mak annisa
ummunya bebe :*
uwaww.. keren mak
ReplyDeleteIjin comot yak :D
silakaannn :D
DeleteNaksir yg sabu2, eh shaby...tfs y mak nisa :)
ReplyDeletesama-samaaaaa :D
DeleteThank you for the sharing! And the buttons! And the tutorial! :D
ReplyDeleteyou're welcomeee! :D
DeleteWaaah, emak satu ini emang gak pernah abis kreatifnya. Tfs mak! :D
ReplyDeletesama-samaaaa :D
DeleteMaak aku izin download salah satu yaaa :D
ReplyDeleteKece bange ikonnya :D
silakaannn. download semua juga boleehhh.. :D
Deletewah thank u banget mak...udah lama saya penegn pasang ikon medsos di blog ...udah coba tapi gagal melulu baru ini yang paling mudah , udah saya praktikkan mak walaupun hasilnya belum rapih, saya ijin pake ikon yang froral scabby ya ...
ReplyDeleteiya ini yang tergampang. biar rapi, dicoba dirapikan dulu pas create new post nya itu. baru deh copas htmlnya.. :)
Deletemaaakkkk makasiiih yaaa.. sudah dicoba dan sudah nangkring manis di blogku :D
ReplyDelete*kissmwah
horeeeee.. gampang kaannn.. :D
DeleteLucunya mak...
ReplyDeletemksh yaa ..dicoba segera
sama-samaaa.. ayo dicoba! :D
DeleteWah... Super sekali
ReplyDeleteSangat membantu saya yg gaptek ini
Jazakalloh utk ilmunya ya Mak....
Jangan jera utk berbagi 😉
Salam dari Cianjur 😋
salam :)
DeleteMalah jadi bingung pilih mana, hihiii
ReplyDeleteSimpen dulu deh, but TFS yaaa :D
boleeehhh simpen dulu semuaaaa :D
DeleteSimpan dulu, ntar nyoba ah. TFS ya Mak :)
ReplyDeletesippp. sama-samaaaa..
Deletemakasih banyak ya mak...keren euyyyy...
ReplyDeleteyeaayyy! :D
Deletemakasih mak. berhasil dipasang. tapi caranya bisa berjajar gimana yak? :D
ReplyDeletedi blog postnya harus berjajar juga.. kalau di blog postnya ke bawah, nanti jadinya ke bawah juga..
DeleteSimpel banget ya mak ternyata, makasiih, langsung praktek akuuu hihihi
ReplyDeleteudah coba dan berhasil, makasih yaa :)
ReplyDeleteaku coba maak..tengkyuu...
ReplyDeleteBaru liat tutorial ini.. trims beraaaaattt kak... aku mo cobain ke blogku yaaa.. ^^
ReplyDeletemakasih ya mbak Annisa. Udah tak coba dan berhasil. Download yg shabby chic tadi :)
ReplyDeletemakasih ya mbak Annisa. Udah tak coba dan berhasil. Download yg shabby chic tadi :)
ReplyDeletemba ica, aku nyomot yg apple ya, sudah dipasang, makasih looh :)
ReplyDeleteHi mba, salam kenal! Terima kasih tutorialnya! Sukaaaaa! <3 ^^
ReplyDeleteterima kasih mbak buat tutorialnya.
ReplyDeleteMau tanya lagi mbak, bgmana caranya agar posisi sosmed iconnya bisa center?
sehrian main disini. ahey. alhamdulillah mulai di praktekin semua tutorialnya
ReplyDeleteaku nyomot yang apel ya maak.
ReplyDeletemakasih banyak tutorialnyaaa!!! hehehe muter2 di gugel ga nemu yang aku pengenin lalu muncul blog ini lalu tutorialnya aku ikutin! :D lalu akhirnya aku betah di blog ini :D
ReplyDelete