Hello. I'm a grid based layout focused on your Content. Greet your visitors & Showcase your work with style.

About me

Total Tayangan Laman

  • …

  • …

Instagram

Contact Us

Name

Email *

Message *

Video

Flickr Images

Facebook

Flickr Images

Featured Video

Find Us On Facebook

Popular Posts

Followers

Popular Posts

Video Of Day

Showing posts with label Blogger Tutorial. Show all posts
Showing posts with label Blogger Tutorial. Show all posts

X-2Share-Apa itu blogger ? siapa sih blogger ? kata-kata itu pasti sering terlintas di benak kita saat kita berselancar di dunia maya. Banyak orang yang bilang kalo jadi blogger itu bisa dapet uang ??? terus ada juga yang bilang kalo jadi blogger itu penulis aja ?? Ada yang bilang blogger itu bisa terkenal kaya artis ??
apakah semua pernyataan tersebut benar ??
Ya memang benar

Apa itu blogger ?

Blogger adalah seseorang yang mempunyai blog di internet, blogger itu seseorang yang suka menulis dan menjadi blogger itu mengasikan.

menjadi blogger tak harus pintar, tak harus selalu online, yang penting mau belajar dan berbagi informasi .

Bagaimana menjadi Blogger ?
  • Membuat blog
  • Menulis 
  • Mengedit blog
  • belajar Html, Css , dll cari di google :D

Sekian dari saya semoga bermanfaat :D 
X-2Share-Pernahkah sobat melihat di beberapa blog, atau website yang menggunakan widget like, tweet, google plus, di blog mereka, terlihat lebih professional kan ?? nah apabila sobat pengen menaruh widget tersebut di blog sobat nih sya kasi tutorialnya :)

langkah-langkahnya sebagai berikut :
  • Sobat login ke blogger
  • Rancangan edit Html 
  • Centang Expand Template Widget  
nah setelah itu temukan kode di bawah ini :

<data:post.body/> 
Nb: gunakan ctrl+f untuk memudahkan pencarian :)

setelah ketemu, langkah selanjutnya Taruh kode di bawah ini di atas kode <data:post.body/>


<div style='float:left;width:80px'>
<a class='twitter-share-button' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script></div>
<div style='float:left;padding-left:10px;width:60px'>
<g:plusone size='medium'/></div>
<div style='float:left;padding-left:10px;width:90px'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='20' scrolling='no' style='border:none;overflow:hidden; '/></div>
  •  Simpan template lihat hasilnya :)
apabila sobat ingin menampilkan widget ini hanya pada halaman postingan saja, cukup tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> dan </b:if> diantara kode tombol tadi. Dan hasilnya menjadi seperti ini:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
< Kode tombol Tweet, Google + dan Like Facebook >
</b:if>
 Sekian Tips dari saya semoga bermanfaat :)

X-2share- seperti judulnya membuat buku tamu..yah membuat buku tamu di blog memang penting apalagi sobat sering blogwalking buku tamu memang merupakan hal vital yang penting..oleh karena itu saya mau share buku tamu yg sederhana,,
 okeh langsung saja pertama-tama...

  • Login ke Blogger 
  • Setelah itu edit Tata letak
  • Lalu tambah Gadget Html/javascript
  • Lalu copas kode di bawah ini.




    <style type="text/css">
    #gb {
      position:fixed;
      top:50px;
      z-index:1000;
    }

    * html #gb {position:relative;}

    .gbtab {
      height:100px;
      width:30px;
      float:left;
      cursor:pointer;
      background:url('Link gambar buku tamu sobat') no-repeat;
    }
    .gbcontent {
      float:left;
      border:2px solid #FF13E5;
      border-right-width:15px;
      background:#F5F5F5;
      box-shadow:2px 2px 7px rgba(0, 0, 0, 0.8);
      -moz-box-shadow:2px 2px 7px rgba(0, 0, 0, 0.8);
      -webkit-box-shadow:2px 2px 7px rgba(0, 0, 0, 0.8);
      opacity:0.7;
      filter:alpha(opacity=70);
    }
    </style>
    <script type="text/javascript">
    function showHideGB() {
         var gb = document.getElementById("gb");
         var w = gb.offsetWidth;
         gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
         gb.opened = !gb.opened;
    }
    function moveGB(x0, xf) {
         var gb = document.getElementById("gb");
         var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
         var dir = xf>x0 ? 1 : -1;
         var x = x0 + dx * dir;
         gb.style.right = x.toString() + "px";
         if(x0!=xf) {setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="gb">
         <div class="gbtab" onclick="showHideGB()"> </div>
              <div class="gbcontent">

         Letakan kode buku tamu di sini
              </div>
         </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>







Keterangan :

  • Letakan Kode buku tamu disini= kode buku tamu
  • Link gambar = url gambar cbox sobat
Sekian dari saya semoga bermanfaat ^_^
author
Jake Simms
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt utlaoreet dolore.