Menu


Menu Tab

Pages

Showing posts with label Google Plus top right corner. Show all posts
Showing posts with label Google Plus top right corner. Show all posts

Google Plus top right corner

Kode tombol Share GGplus 
yang terletak dipojok kanan atas
Kode ini menggunakan Kode CSS dan HTML
Jika sahabat blogger membutuhkannya
Silahkan Copy Paste Kode berikut ini :
Masuk ke edit HTML Letakan kode tersebut
Diatas kode  
]]></b:skin>
.profil-photo{ background-size: 32px 32px; border-radius: 50%; display: block; height: 33px; width: 33px; position:fixed; top:21px; right:25px; z-index:10000; } .profil-photo img{ border-radius: 50%; } .profile-img { float : left; margin : 0 15px 0 0; } .profile-data { margin : 0; } .profile-datablock { margin : 0 0 20px; } .profile-name-link { background : left top no-repeat; display : inline-block; min-height : 20px; padding-left : 20px; } .profile-textblock { margin : 0.5em 0; } #profilbox{ background:#fff; border:1px solid #ccc; color:#333; font-size:14px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; line-height:1.2em; top:75px; right:-300px; padding:15px; position:fixed; width:250px; height:80px; box-shadow: 0 2px 10px rgba(0,0,0,.2); z-index:10000; } #profilbox:before{ content:""; width:0; height:0; position:fixed; top:-22px; right:14px; border:11px solid transparent; border-color:transparent transparent #ccc; } #profilbox:after{ content:""; width:0; height:0; position:absolute; top:-19px; right:15px; border:10px solid transparent; border-color: transparent transparent #fff; } .closeprofil{ background:none; border:none; position:absolute; top:0px; right:0px; cursor:pointer; font-size:18px; font-weight:700; color:#888; } .closeprofil:focus{ outline:none }
Jika sudah selesai temukan kode  </body>
gunakan CTRL F untuk pencarian
Copy kode HTML dibawah ini
,

Pastekan kode HTML diatas kode  </body>  dan klik simpan Selesai
<div class='profil-photo' onclick='document.getElementById(&#39;profilbox&#39;).style.right=&#39;15px&#39;;'> <img alt='Foto' class='profile-img' height='56' src='http://google plus.png' title='Click me!' width='56'/> </div> <div id='profilbox'> <a href='https://plus.google.com/u/0/101254379497511200564/posts' target='_blank' title='My Profil'><img alt='My Photo' class='profile-img' height='80' src='http://google plus.png' title='My Profile' width='80'/></a> <div class='profile-datablock'> <div class='profile-data'> <a class='profile-name-link g-profile' href='https://plus.google.com/u/0/101254379497511200564/posts' rel='author' style='background-image: url(//www.google.com/images/icons/ui/gprofile_button-16.png);' target='_blank' title='Mys2010'> Myscript2010 </a> <br/> <div class='g-follow' data-annotation='bubble' data-height='20' data-href='https://plus.google.com/u/0/101254379497511200564/posts'></div> </div> </div> <a class='profile-link' href='https://plus.google.com/u/0/101254379497511200564/posts' rel='author' target='_blank' title='View my profile'>View my profile</a> <input class='closeprofil' onclick='document.getElementById(&#39;profilbox&#39;).style.right=&#39;-300px&#39;;' title='Close this' type='button' value='×'/> </div>
Catatan :
Yang ditandai warna biru
No. Link ID serta Link Logo GGplus atau Poto 
ganti dengan link sobat, Lihat Contoh Tombol GGplus di pojok kanan atas
All Sources
Edited by. Myscript2010



Foto Saya

Myscript2010

Home Page
 
 

M2010

Copyright © Cibeber Cimahi