Cara membuat social media profil di blog

 

Kali ini saya akan memberi tutor kepada kalian semuat tentang cara membuat social media profil di blog, Dengan memasang widget sosial media pada blog, sobat dapat mengundang pembaca/pengunjung blog untuk terlibat dalam jejaring sosial sobat, dan tentunya dapat meningkatkan reputasi blog sobat. Namun hal itu tak akan terjadi jika pengunjung tidak mengklik tombol follow pada widget jaring sosial sobat, dan mereka hanya akan mengklik atau mengikuti update blog sobat kecuali mereka merasa atau menemukan hal yang berguna dan bermanfaat pada blog sobat. Widget ini tidak otomatis dapat meningkatkan follower blog sobat diberbagai jaring sosial tapi setidaknya kita dapat memancing mereka untuk setidaknya mengklik sekali pada tombol dengan membuat/menampilkan tombol widget ini lebih menarik dan memiliki efek hover yang meluas, mulus dan rapih . Efek hover ini kita buat dengan bantuan CSS3 transisi.

Fitur Dari Widget Ini :

• Meliputi empat tombol jejaring sosial yang paling sering digunakan dan ditambah ikon RSS 
• Efek memperluas ke samping 
• Penggunaan CSS sprite 
• Sangat rapi dan bersih 
• Tidak ada JavaScript. JQuery No. Ini murni CSS 

sudah jelas yaa.. :D oke langsung ke caranya.. :)

• masuk ke tata letak 
• Tambah Gadget 
• pilih HTML / JavaScript 
• Lalu Masukan Kode Di Bawah Ini 
• Simpan

1. 
   

<style> 
#tbisose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;} 
#tbisose a{text-decoration:none; font-family:trebuchet ms,sans-serif;} 
#tbisose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;} 
#tbisose .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifP83ctIwVwU0sxw_KYTc_f-fv6uRsMXQn8Qn1Nf2ZdCLu07IG-6Xab_-ifR5DqR_-rd9RBFoq9gXLI7cYD_u24qH3dFiuhf-o0onBTMlFfP47VBGpbUYOu6f9DUyLrCoieSFeCrMj8Xk/s800/sprites.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}
#tbisose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;} 
#tbisose .icon{overflow:hidden; color:#fafafa;} 
#tbisose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;} 
#tbisose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;} 
#tbisose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;} 
#tbisose .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;} 
#tbisose .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;} 
#tbisose li:hover .icon, 
.touch #tbisose li .icon{width:210px;} 
.touch #tbisose li .facebook, #tbisose li:hover .facebook{background-color:rgba(59,89,152,1);} 
.touch #tbisose li .twitter, #tbisose li:hover .twitter{background-color:rgba(64,153,255,1);} 
.touch #tbisose li .googleplus, #tbisose li:hover .googleplus{background-color:rgba(228,69,36,1);} 
.touch #tbisose li .pinterest, #tbisose li:hover .pinterest{background-color:rgba(174,45,39,1);} 
.touch #tbisose li .rss, #tbisose li:hover .rss{background-color:rgba(255,102,0,1);} 
</style> 
<ul id="tbisose"> 
<li data-alt="Follow us on Facebook"><a class="icon facebook" href="#">Follow us on Facebook</a></li> 
<li data-alt="Follow us on Twitter"><a class="icon twitter" href="#">Follow us on Twitter</a></li> 
<li data-alt="Follow us on Google+"><a class="icon googleplus" href="#">Follow us on Google+</a></li> 
<li data-alt="Follow us on Pinterest"><a class="icon pinterest" href="#">Follow us on Pinterest</a></li> 
<li data-alt="Subscribe with RSS"><a class="icon rss" href="#">Subscribe with RSS</a></li> 
</ul>

<small><div style="font-size:80%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://amirfcblog.blogspot.com/2013/04/kali-ini-saya-akan-memberi-tutor-kepada.html" target="_blank" title="Widget Follow Us">+ Get This Widget Here</a></div></small>

Keterangan :
 Kode yang berwarna Orange, ganti dengan masing-masing alamat social media sobat.. nanti hasilnya akan seperti ini.. :)

  Gimana keren kan . ? :D langsung aja di coba . :) Jangan lupa tinggalkan jejak di komentar yahh .  terima kasih . :)

Cara Membuat Blog Dengan Mudah

Sebenarnya blog dibedakan menjadi beberapa platform yang dapat anda gunakan, seperti Blogger.com; WordPress.com; Tumblr.com; Blog.com; Webs.com; dan masih banyak lagi. Dari beberapa platform blog tersebut tentu Cara Membuat Blog pada masing-masing platform berbeda. Namun saat ini biasanya pengguna lebih banyak menggunakan Blogger.com dan WordPress. Melalui blog selain bisa berbagi informasi seputar yang anda ketahui, anda juga dapat menyalurkan hobi menulis anda melalui blog. Sudah banyak blogger-blogger di dunia internet yang sukses melalui blognya. Mungkin anda ingin mengikuti salah satu diantara kesuksesan mereka.

Namun jika anda masih pemula untuk memiliki blog, mungkin mengira jika membuat blog adalah hal yang sulit. Namun tenang saja, sebab di bawah ini kami akan memberikan informasi seputar cara membuat blog mudah dan gratis untuk membantu anda semua, seperti berikut:

• Hal pertama sebelum membuat blog, tentu anda harus memiliki alamat email dari Gmail, sebab Gmail dan Blogger saling berkaitan. Jika anda belum memiliki alamat Gmail, anda bisa mendaftarkan data diri terlebih dahulu, kemudian mengunjungi situs www.blogger.com. Setelah itu akan muncul tampilan seperti pada gambar di bawah ini.

• Jika tampilan yang keluar berbahasa Inggris, anda bisa mengubahnya ke bahasa Indonesia dengan menekan tombol di sisi kanan bawah untuk mengubah bahasa. Setelah itu anda cukup login menggunakan email dan password Gmail anda untuk mengikuti ke langkah selanjutnya. Setelah itu anda akan melihat profil yang telah anda miliki, kemudian klik “Lanjutkan” untuk dapat membuat blog baru.

• Setelah mengikuti langkah diatas, langkah selanjutnya akan muncul halaman seperti pada gambar di bawah ini. Selanjutnya anda hanya perlu mengklik Blog Baru.

• Kemudian setelah mengklik “Blog Baru”, maka akan muncul tampilan seperti pada gambar di bawah ini.

• Pada keterangan gambar di atas, anda disarankan untuk mengisi setiap kolom, seperti pada kolom Judul diisi dengan nama blog yang akan anda buat sesuai keinginan anda, kemudian pada kolom “Alamat” dapat diisi untuk mengisi alamat blog yang akan anda buat, namun untuk memastikan ketersediaan alamat blog yang anda buat, anda bisa mengeceknya dan akan muncul apakah alamat blog yang anda buat dan dipakai atau sudah digunakan oleh pengguna lain. Kemudian di kolom “Template” anda bisa memilih salah satu untuk memberikan template pada halaman blog yang anda buat. Langkah selanjutnya addalah mengklik tombol “buat blog”, kemudian akan muncul tampilan seperti pada gambar di bawah ini.

• Pada keterangan seperti gambar di atas, akan terdapat tulisan “blog anda telah dibuat!”. Kemudian anda bisa memulai tulisan pertama dengan mengklik “mulai mengeposkan” dan akan muncul tampilan seperti pada gambar di bawah ini.

• Pada gambar di atas akan muncul media untuk anda menuangkan tulisan yang akan di posting di blog yang telah anda miliki. Lembar media tersebut hampir menyerupai Ms Word, sehingga dapat menyesuaikan ukuran tulisan dan sebagainya. Setelah selesai anda dapat mempostingnya, sehingga pengguna blog lainnya bisa melihat hasil postingan anda.

Berikut cara membuat blog dengan mudah :)