Cara membuat tombol Share dan Menu Di Blogger

Kali ini saya akan membagikan Bagaimana cara membuat tombol share di blog sebagai berikut

<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053"></script>> 

Cara membuat menu di bloger

<style>
    #menunavigasihorisontal {
        background: #848484;
        width: 100%;
    
        color: #FFF;
            margin: 10px 0;
            padding: 0;
            position: relative;
            border-top:0px solid #960100;
            height:35px; }

    #bb2nav {
        margin: 0;
        padding: 0;}
    #bb2nav ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;}
    #bb2navli {
        list-style: none;
        margin: 0;
        padding: 0;}
    #bb2nav li a, #bb2nav li a:link, #bb2nav li a:visited {
        color: #FFF;
        display: block;
       font:bold 12px Helvetica, sans-serif;
       margin: 0;
        padding: 9px 12px 11px 12px;
            text-decoration: none;
            border-right:0px solid #627AAD;}
    #bb2nav li a:hover, #bb2nav li a:active {
        background: #2E9AFE;
        color: #FFF;
        display: block;
        text-decoration: none;
            margin: 0;
        padding: 9px 12px 11px 12px;}

    #bb2nav li {
        float: left;
        padding: 0;}
    #bb2nav li ul {
        z-index: 9999;
        position: absolute;
        left: -999em;
        height: auto;
        width: 160px;
        margin: 0;
        padding: 0;}
    #bb2nav li ul a {
        width: 140px;}
    #bb2nav li ul ul {
        margin: -25px 0 0 161px;}

    #bb2nav li:hover ul ul, #bb2nav li:hover ul ul ul, #bb2nav 

li.sfhover ul ul, #bb2nav li.sfhover ul ul ul {
        left: -999em;}
    #bb2nav li:hover ul, #bb2nav li li:hover ul, #bb2nav li li 

li:hover ul, #bb2nav li.sfhover ul, #bb2nav li li.sfhover ul, #bb2nav 

li li li.sfhover ul {
        left: auto;}
    #bb2nav li:hover, #bb2nav li.sfhover {
        position: static;}
    #bb2nav li li a, #bb2nav li li a:link, #bb2nav li li a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        margin: 1px 0 0 0;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;}
    #bb2nav li li a:hover, #bb2nav li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}
    #bb2nav li li li a, #bb2nav li li li a:link, #bb2nav li li li 

a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;
        margin: 1px 0 0  -14px;}
    #bb2nav li li li a:hover, #bb2nav li li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}

    </style>
    <div id='menunavigasihorisontal'>
              <ul id='bb2nav'>
                <li>
                  <a href='#'>Home</a>
                </li>
                <li>
                  <a href='#'>Tentang Saya</a>
                </li>
                <li>
                  <a href='#'>Contact</a>
                     <ul>

Membuat Kotak Kode HTML di Posting

Mari kita bahas cara membuat kotak untuk scrip supaya tidak ber hamburan scrip yang akan kita tampilkan

<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
Kode Script Anda Di Sini
</div>

cara cepat buat DAFTAR ISI

Assalamualaikum,wr,wb.

Kali ini saya menjelaskan bagaimana cara supaya membuat daftar isi itu lebih cepat,,,, Banyak saya temukan ketika membuat daftar isi itu kopi sana kopi sini alias ribet......

Maka kali ini saya ingin membagikan bagaimana cara cepat membuat daftar isi,,,,, Mari KTP

pertama kita block dulu contoh kita block Bab pendahuluan:

kedua kita menuju ke references lalu cari yang ada tulisan AddText maka kita klik pilih level 1
contoh :

ketiga kita lakukan lagi seperti di atas pada langkah pertama, kalau disini kita mau block latar belakang, oh ya sewaktu kita klick level kan ada tu,,,,, yang kita block tadi berpindah ke kiri maka kita lakukan tekan ctrl + K maka dia akan kembali lagi seperti semula. Pada langkah ketiga disini kita pilih level 2, kenapa kita pilih level dua karna jikalau kita pilih level satu bukan nggak bisa, bisa bisa saja tapih kan gak mungkin latar belakang sejajar sama pendahuluan lebih detail nya cobak lakukan dulu nantik lihat hasil pasti kawan kawan tahu.

contoh 

keempat sama jugak kita lakukan di atas pada langkah paertama tapih disini kita memilih level 3  kenapa? karna kita disni pada level 3 adalah bagian dari pada level 2 yaitu bagian dari latar belakang.

Supaya kawan kawan penasaran cobak aja dulu seperti yang saya terangkan tadi di atas nantik Coba kita lihat Hsil-Nya.....

Semoga bermanfaat.........Amin

Wassalam....

CARA MEMBUAT TOMBOL SHARE MELAYANG DI BLOG

Berikut langkah-langkah pemasangannya di blog :

1. Masuk ke akun > Pilih Tata Letak
2. Klik Tambah Gadget di bagian sidebar
3. Pilih HTML/Javascript kemudian copy paste kode di bawah ini