The Best All in One SEO Pack PRO 2013 untuk Blogger

Ini benar-benar sulit untuk dioptimalkan di blogger template Anda (seo blogger template) untuk mendorong lebih banyak lalu lintas ke situs Web Anda. Kenapa? Hanya karena default kode template blogger tidak benar-benar dioptimalkan cukup sehingga website Anda dapat peringkat lebih tinggi dalam mesin pencari seperti Google atau Yahoo. Selain itu, Banyak blogger ketika mereka pertama kali mulai blogging mereka sengaja mengarahkan mereka ke arah blog SEO yang salah, yang membuat Google kurang peduli untuk situs mereka. Saat ini, Google menjadi lebih membatasi ini.

Tapi jangan khawatir aku di sini untuk memberikan Anda sebuah All in One SEO Pack 2013 untuk Blogger / Blogspot benar-benar "GRATIS". Sebelum berbagi paket all-in-one seo untuk blogger Saya memiliki beberapa kata untuk mengatakan: Terima kasih kepada Lee Thuong ini hebat kode seo untuk blogger.

Sekarang di sini adalah semua dalam satu paket seo 2013 untuk template blogger Anda. Merasa bebas untuk mengedit apa pun di kode yang seperti yang Anda mungkin ingin. Sebelum menginstal paket seo ini di blogspot Anda. Anda harus menemukan kode berikut:

<b:include data=’blog’ name=’all-head-content’/>
<title><data:blog.title/></title>

Kemudian menggantinya dengan The Best All in One SEO Pack PRO 2013 untuk Blogger, yang dapat Anda temukan di bawah ini: 

<b:if cond=’data:blog.pageType == &quot;index&quot;’>
<title><data:blog.title/></title>
<b:include data=’blog’ name=’all-head-content’/>
<meta content=’your homepage keywords’ name=’keywords’/>
<meta content=’noodp,noydir’ name=’robots’/>
<link href=’https://plus.google.com/#’ rel=’author’/>
<meta content=’en_EN’ property=’og:locale’/>
<meta expr:content=’data:blog.title’ property=’og:title’/>
<meta expr:content=’data:blog.metaDescription’ property=’og:description’/>
<meta expr:content=’data:blog.url’ property=’og:url’/>
<meta expr:content=’data:blog.title’ property=’og:site_name’/>
<meta content=’website’ property=’og:type’/>
<b:else/>
<b:if cond=’data:blog.pageType == &quot;archive&quot;’>
<title><data:blog.title/></title>
<b:include data=’blog’ name=’all-head-content’/>
<b:else/>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<title><data:blog.pageName/></title>
<!–  All in One SEO Pack 2013 Blogger –>
<b:include data=’blog’ name=’all-head-content’/>
<meta expr:content=’data:blog.pageName + &quot;, your post keywords&quot;’ name=’keywords’/>
<meta content=’noodp,noydir’ name=’robots’/>
<link href=’https://plus.google.com/#’ rel=’author’/>
<meta content=’en_EN’ property=’og:locale’/>
<meta expr:content=’data:blog.pageName’ property=’og:title’/>
<meta expr:content=’data:blog.metaDescription’ property=’og:description’/>
<meta expr:content=’data:blog.url’ property=’og:url’/>
<meta expr:content=’data:blog.title’ property=’og:site_name’/>
<meta content=’article’ property=’og:type’/>
<meta expr:content=’data:blog.postImageThumbnailUrl’ property=’og:image’/>
<!–/ All in One SEO Pack 2013 Blogger –>
<b:else/><title><data:blog.pageName/></title></b:if>
</b:if>
</b:if>

Jangan lupa untuk menambahkan situs Anda dan kata kunci pos sebelum Anda menyimpan template. juga tambahkan profil Google plus. Itu saja. Saya berharap bahwa paket The Best All in One SEO Pack PRO 2013 untuk Blogger ini akan membantu Anda lebih dalam optimasi mesin pencari template blogger Anda. Nikmati!

Read more ...

Cara Membuat Auto Generate Short URLs Post Anda di Blogger dengan Bit.ly

Dalam tutorial kami sebelumnya, kami telah menunjukkan Anda bagaimana untuk membuat URL pendek untuk blog Blogger Anda Menggunakan Google Shortener. Namun, kadang-kadang orang-orang seperti hal yang harus akurat dan dilakukan dengan otomatisasi. Bit.ly adalah layanan URL shortening cukup populer adil yang secara otomatis menyediakan URL pendek dari posting Anda. Hal ini tidak hanya membantu Anda untuk menghemat waktu berharga Anda, tetapi juga menampilkan URL pendek di bagian bawah posting Anda, sehingga pengunjung dapat dengan mudah berbagi mereka juga. Pada artikel ini, kami akan menunjukkan Cara Membuat Auto Generate Short URLs Post Anda di Blogger dengan Bit.ly?

Apa Bitly:

Ini adalah layanan online yang menyediakan Short URLs posting Anda sehingga Anda dapat berbagi dengan teman, keluarga, dan di web. Layanan ini cukup populer di situs microblogging twitter karena merupakan layanan default pemendekan sejak 6 Mei 2009. Link mempersingkat dibuat dengan layanan ini adalah permanen dan agak terlihat seperti http://bit.ly/6wgJO ini.

Cara Membuat Auto Generate Short URLs Post Anda di Blogger dengan Bit.ly

Hal pertama yang Anda akan lakukan adalah untuk login ke Dashboard Blogger Anda. Sekarang Setelah log in, pergi ke blog Anda >> Template >> Edit HTML >> dan cari tag ]]> </ b: skin> . Setelah Anda menemukannya, tepat di atasnya paste kode CSS berikut.

#shorturl {
float: left;
background: #F8F8F8;
padding-bottom: 10px;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-top: 10px;
width: 650px;
}
#shorternh2 {
float: left;
padding-left: 20px;
padding-right: 10px;
}
.textinpo {
float: left;
font-family: "verdana",helvetica,Tahoma,Arial,sans-serif;
font-size: 12px;
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
background: #fff;
width: 215px;
padding: 0px!important;
padding-left: 10px!important;
height: 20px!important;
margin: -4px!important;
}

Sekarang setelah menyisipkan style sheet kode ke template Anda, sekarang saatnya untuk bergerak maju, dan mendapatkan sesuatu yang sedikit lebih serius. Sekali lagi dalam template, cari <div class='post-footer'> dan di atasnya paste coding JavaScript berikut yang akan menghasilkan Short URLs dan menampilkan mereka di akhir posting Anda.

<!-- Short URLs Script TB -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='shoternUrl'>

<form id='shorturl'/>

 <!-- short url widget script start -->

  <script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=unbfacts&amp;apiKey=R_cb436480530becb8bb6e628aa34520f2' type='text/javascript'/>

<script charset='utf-8' type='text/javascript'>

BitlyClient.addPageLoadEvent(function(){

BitlyCB.myShortenCallback = function(data) {

// this is how to get a result of shortening a single url

var result;

for (var r in data.results) {

result = data.results[r];

result[&#39;longUrl&#39;] = r;

break;

}

       document.getElementById(&quot;shorturl&quot;).innerHTML = &quot;<div id='shorternh2'>Surprise your friend with this fact! Share this link in your Status!</div> &lt;input type=&#39;text&#39;  class=&#39;textinpo&#39; value=&#39;&quot; + result[&#39;shortUrl&#39;] + &quot;&#39; name=&#39;bitlyurl&#39;/&gt;&quot;;}

BitlyClient.shorten(document.location, &#39;BitlyCB.myShortenCallback&#39;);

});

</script></div>

    </b:if>

<!-- Short URLs Script  TB -->

Selamat: Setelah semuanya turun, cukup tekan tombol "Save" dan otomatis skrip Short URLs siap, dan baik untuk tinggal di website Anda. Sekarang pergi dan memeriksa situs Anda untuk melihat  Auto Generate Short URLs Post Anda di Blogger.

Kami harap artikel ini telah membantu Anda untuk belajar Cara Membuat Auto Generate Short URLs Post Anda di Blogger dengan Bit.ly. Apa pendapat Anda tentang script ini otomatis, yang kami telah membawa untuk semua orang di luar sana? Layanan memperpendek URL yang Anda gunakan? Jika seseorang memiliki masalah ketika menerapkan tutorial ini maka, jangan ragu untuk memberikan komentar di bawah ini.

Read more ...

SEWAKAN RUKO DI KOTA MALANG DEKAT UB,ITN,UM,UNMUH-MURAH & STRATEGIS

Read more ...

Cara Membuat Fixed Social Media Sidebar untuk Blogger

Dalam tutorial ini Tempat Blogging akan menjelaskan Cara Membuat Fixed Social Media Sidebar untuk Blogger. Dengan menggunakan media sosial ini sidebar Anda dapat menghubungkan sosial media Anda profil Facebook, Twitter Google plus dan RSS. Periksa demo dari link di bawah ini. Jika Anda ingin melihat Widget Social Media lainnya, klik link ini.

Demo

1. Login ke blogger.com.
2. Masuk ke bagian Layout / Design.
3. Klik Tambahkan Widget.
4. Pilih HTML/Javascript.
5. Copy Kode dibawah ini dan Pastekan di HTML/Javascript.

<style>
            .fixedmenu {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdvc_D6Zb1NgKeYX1mSWnwJvd7OS5I8I0I7QdXR5Ketvdr7HlKD8r8eqh6ZhaecjKx1IPqYuSJqzQZNvJvhATEZDKnaNRqQr1Vo8ASOnxrDJa9L-1Pp8PEZHtA0dmhw97IYa_jUWZ7egU/s1600/facebook.png');
                background-repeat:no-repeat;
                width:43px;
                height:43px;
                position:fixed;
                right:0px;
                top:160px;
                z-index:1000;
            }
            .fixedmenu1 {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwo6rWtg5TQC872Ee5eM2LYaNsiiXYSS4VAtkYrbrU6v0szbXX_22aKarRyateyFbjTS6bQFbovc4QS4tIUujX-U_-8QUl2QTemc-Dgb85GzEaXLKk9oWacsqYsDJd6kIhZB8II2vTarc/s1600/facebook-hover.png');
                background-repeat:no-repeat;
                width:150px;
                height:43px;
                position:fixed;
                right:0px;
                top:160px;
                z-index:1100;
            }
            .fixedmenu_1 {
                margin:0px 0 0 43px
            }
            .fixedmenutw {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfLLstDIU8BFps5JLtyQe1McVT8MMDUgZ68HEUaqawXVrj3Gqup_mIbJKZN0Bo4gzl2mfKTA8A23igkLFYZB5oeUoLhanJrU5MayBgzI2otztw4OgYJl3F4XTYdYroffsZK3ev580_LuU/s1600/twitter.png');
                background-repeat:no-repeat;
                width:43px;
                height:43px;
                position:fixed;
                right:0px;
                top:205px;
                z-index:1000;
            }
            .fixedmenutw1 {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYABOh0-6aoSHv9VRb-iVoevOhpZPuyTIcTh_14el46tnwLBFAzm5vUIpzhwggI2kE_3aCfshz7eAOQT1nnOA7H7Tu1LMfMGUTMCMBwU21RqpU_McvKJaPx-IIik7m_eMUBy09xLu2FEY/s1600/twitter_hover.png');
                background-repeat:no-repeat;
                width:150px;
                height:43px;
                position:fixed;
                right:0px;
                top:205px;
                z-index:1100;
            }
            .fixedmenutw_1 {
                margin:0px 0 0 43px
            }
            .fixedmenufb {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpkCewZcD2PoQMlS2hcMRqWVJCu9bTSyWtvOeZWulaQRIOYRMkcIPJR2-8ddvSF81h84C9AgMspLeoLKNB7WNSJVJYn3iRk25K6WnHnwmFKuesq56jOn4pnw0fpBsxOLlffS1famJ2hLA/s1600/Gplus.png');
                background-repeat:no-repeat;
                width:43px;
                height:43px;
                position:fixed;
                right:0px;
                top:250px;
                z-index:1000;
            }
            .fixedmenufb1 {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSFhECvgRbYVFooKPP_D70s_7vEgMD81W-7PeYY-dKXwUwLJy8px9z3LWtxFKAOmGMzoaurl36TZpmwkVPbki7zFRvajBGXZaMUbOd-dub7VTLjpUWQSwnzZNdk2i7a8F5BviyrK3b5FI/s1600/Gplus_hover.png');
                background-repeat:no-repeat;
                width:150px;
                height:43px;
                position:fixed;
                right:0px;
                top:250px;
                z-index:1100;
            }
            .fixedmenufb_1 {
                margin:0px 0 0 43px
            }
            .fixedmenurss {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF5qqE1asK6XZZWsdJZbMIkp-Js28YEkJj6IChVqSMpGKyu6D0CZ5Ei9XNbHZsgbUbZAMGQF4N1wzA8CML0d8_owTWRNHjedBroDQthDBiuoLAA1Jm9fAWOjVjwT9R5i75EUgZgCki40E/s1600/rss.png');
                background-repeat:no-repeat;
                width:43px;
                height:43px;
                position:fixed;
                right:0px;
                top:295px;
                z-index:1000;
            }
            .fixedmenurss1 {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDMhm_mSLx77OYpFVGjK0whyphenhyphenWzfv16zrJwx0ODF2ZFmP5S3cuJGnXGNeE8OghOM7iEiexZ4CSONbVXTDcan6CeCABywYoH4USA9Hzk8_V8drO6Ur100Bk9nmMK_J3LVUYnOgXN0UU-l34/s1600/RSS-hover.png');
                background-repeat:no-repeat;
                width:150px;
                height:43px;
                position:fixed;
                right:0px;
                top:295px;
                z-index:1100;
            }
            .fixedmenurss_1 {
                margin:0px 0 0 43px
            }
        </style>
<div class='fixedmenu' onmouseout='this.className=&apos;fixedmenu&apos;' onmouseover='this.className=&apos;fixedmenu1&apos;'>
            <div class='fixedmenu_1'>
                <a href='https://www.facebook.com/TempatBlogging' target='_blank'>
                    <img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh93EBDF9KkRC0ra8iRFYnMN0XYXS1BW8_aN5Hc2oFsZ7VdQfcBrNiRxljbYToLy_OWa_GGZdSYGqd0Fu0SUV2cupqoKE2MQ8D_nTU8TrtUEecVIx5UEaiNes1lZ7bk2v9xodOtho5d1_w/s1600/facebook-hover1.png' title='Like us on Facebook' />
                </a>
                <br/>
            </div>
        </div>
        <div class='fixedmenutw' onmouseout='this.className=&apos;fixedmenutw&apos;' onmouseover='this.className=&apos;fixedmenutw1&apos;'>
            <div class='fixedmenutw_1'>
                <a href='https://twitter.com/TempatBlogging' target='_blank'>
                    <img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcsn1nC_STQrYYl0PJFhLhboRVmDMGpy0OHsnsQ-NyksZyJznIzbNWFJDfNSUflCKk19gJGUUV8vDp2J6Py6w8kg409QPLQ5AIvgp1z8NMLgxPOmGoeI4SOUK2ox9oJWWOLSAJiMIREbY/s1600/twitter_hover1.png' title='Follow us on Twitter' />
                </a>
                <br/>
            </div>
        </div>
        <div class='fixedmenufb' onmouseout='this.className=&apos;fixedmenufb&apos;' onmouseover='this.className=&apos;fixedmenufb1&apos;'>
            <div class='fixedmenufb_1'>
                <a href='https://plus.google.com/ID' target='_blank'>
                    <img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg8mhVZVaHrDAGTjIP8XbqbogKrAgnXH9GYQ3-CCLrZxqg4P9DRmS0Mp8g2bhkLe9JTwIYH9ZqB0pNQJvh5KRnDu6zWo4Tq5pZraRHYQhf6qo2V7NyOS-q9pq6ySuXfdgW3mrx2G3yWOE/s1600/Gplus_hover1.png' title='Recommend us on Google Plus' />
                </a>
                <br/>
            </div>
        </div>
        <div class='fixedmenurss' onmouseout='this.className=&apos;fixedmenurss&apos;' onmouseover='this.className=&apos;fixedmenurss1&apos;'>
            <div class='fixedmenurss_1'>
                <a href='http://feeds.feedburner.com/TempatBlogging' target=' _blank '><img alt='Subscribe me on RSS ' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu2dthfaCZPNEBayMlrlvYi_2xY1luNnk6i5HRA09h1cEfCl0JE0Ycq912ZM2DYJRavnAD5qQDjCR0UE0N7Y2VtQ0n-U0O8SbQqQWQEgf8QrLOncDDquCl8SS5-bmedYJ0NHf1_IlytS4/s1600/RSS-hover1.png ' title='Subscribe me '/></a><br/>
</div></div>

Note:
Ganti TempatBlogging dengan nama pengguna Facebook Anda
Ganti TempatBlogging dengan Nama Twitter Anda
Ganti ID dengan ID Google Plus Anda
Ganti TempatBlogging dengan Feedburner ID 

    6. Sekarang menyimpan HTML / Javascript .

Nah Selesaikan, sekian dulu untuk Tutorial kali ini yang membahas tentang Cara Membuat Fixed Social Media Sidebar untuk Blogger. Bila Ada yang perlu di tanyakan silakan berkomentar.. Trims

Read more ...

SEWAKAN RUKO DENGAN LOKASI STRATEGIS,TERLETAK DI KAMPUS UNIVERSITAS BRAWIJAYA, ITN, UM

Spesifikasi

    Luas tanah : 35 m2
    Luas bangunan : 54 m2
    Sertifikasi : SHM - Sertifikat Hak Milik

Lokasi

    Alamat lokasi : Jl. Bendungan Sutami 22 Malang
    Kota : Malang Kota
    Area : Lowokwaru

Fasilitas

-PAM


Disewakan Ruko 3 Lantai plus basement, dekat dengan Kampus Universitas Brawijaya, ITN dan Universitas Negeri Malang. Cocok untuk usaha Distro, Kantor perwakilan perusahaan, Travel Agent, Toko Komputer dll.
Fasilitas :
1. 3 Lantai
2. Jemuran dilantai 3
3. Parkiran Basement
4. Listrik 1300 watt prabayar
5. PDAM
6. ukuran 6 M X 3 M
7. 2 Kamar Mandi

Harga Sewa 28 Jt/Tahun (nego)

hubungi:  085649972735

Read more ...

Menu Horizontal Dengan Sub-Tabs Dalam Dua Kolom Untuk Blogger

Ini adalah menu horizontal yang sangat bagus di mana sub-tab yang ditampilkan dalam dua kolom dan juga dibuat dengan CSS, tanpa script apapun. Menu ini akan merapikan tampilan Website atau Blogger Anda.
semoga Anda menyukai Menu ini. Mari kita simak cara memasang Menu Horizontal Dengan Sub-Tabs Dalam Dua Kolom Untuk Blogger.

Demo

Cara Memasang Menu Horizontal Dengan Sub-Tabs Dalam Dua Kolom Untuk Blogger

LANGKAH 1: Di Blogger, pergi ke "Layout" dan pada "Elemen Halaman" bagian.

• Klik pada "Tambah Gadget" link di bawah gambar header Anda
• Dari Daftar Gadget, pilih "HTML / JavaScript".

LANGKAH 2: Cukup copy dan paste kode ini ke SELURUH widget Anda. Catatan: Biarkan "Judul" dari widget ini kosong.

 <div id='menucol'>
            <div id='topwrapper'>
                <ul id='top'>
                    <li><a href='http://YOUR URL HERE.com'>Tab 1 Title Here</a>
                    </li>
                    <li><a href='http://YOUR URL HERE.com'>Tab 2 Title Here</a>
                    </li>
                    <li><a class='submenucol' href='#'>Tab 3 Title Here</a>
                        <ul>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.1</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.2</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.3</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.4</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.5</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.6</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class='submenucol' href='#'>Tab 4 Title Here</a>
                        <ul>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.1</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.2</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.3</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.4</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.5</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.6</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class='submenucol' href='#'>Tab 5 Title Here</a>
                        <ul>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.1</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.2</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.3</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.4</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.5</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.6</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.7</a>
                            </li>
                            <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.8</a>
                            </li>
                        </ul>
                    </li>
                    <li><a href='http://YOUR URL HERE.com'>Tab 6 Title Here</a>
                    </li>
                </ul>
                <br class='clearit' />
            </div>
        </div>

Sesuaikan tab utama Anda dengan mengubah Judul Tab untuk apa pun yang Anda inginkan. Sertakan URL untuk masing-masing jika Anda ingin menjadi 'diklik'. Jika tidak, Anda hanya dapat menempatkan sebuah tanda # di mana dikatakan http://YOUR URL HERE.com

Anda dapat menambahkan atau menghapus karena banyak tab utama yang Anda butuhkan, hanya pastikan untuk menyalin seluruh kode untuk tab utama untuk setiap tab tambahan yang Anda inginkan:

<li><a href='http://YOUR URL HERE.com'>Tab 7 Title Here</a>
<ul>
<li><a href='http://YOUR URL HERE.com'>Sub Tab 7.1</a></li>
<li><a href='http://YOUR URL HERE.com'>Sub Tab 7.2</a></li>
<li><a href='http://YOUR URL HERE.com'>Sub Tab 7.3</a></li>
</ul>
</li> 

LANGKAH 3: Sekarang mari kita melangkah lebih jauh dan menambahkan Style CSS Template kami

• Pergi ke Template> Edit HTML

• Klik tanda panah samping sebelah <b:skin> ... </ b: skin>

Kemudian klik mana saja di dalam kode area dan mencari - menggunakan CTRL + F kunci - untuk ]]> </ b: skin> tag dan tepat di atas ]]> </ b: skin> tambahkan kode ini:

/* Horizontal menu with 2 columns Tempat Blogging
----------------------------------------------- */
#menucol {
width:940px;
height:37px;
background-image: -moz-linear-gradient(top, #666666, #000000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #666666), color-stop(1.0, #000000));
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#666666,endColorStr=#000000);
border-bottom:1px solid #666666;
border-top:1px solid #666666;
margin:0 auto;padding:0 auto;
overflow:hidden;
}
#topwrapper {
width:940px;
height:40px;
margin:0 auto;
padding:0 auto;
}
.clearit {
clear: both;
height: 0;
line-height: 0.0;
font-size: 0;
}
#top {
width:100%;
}
#top, #top ul {
padding: 0;
margin: 0;
list-style: none;
}
#top a {
border-right:1px solid #333333;
text-align:left;
display: block;
text-decoration: none;
padding:10px 12px 11px;
font:bold 14px Arial;
text-transform:none;
color:#eee;
}
#top a:hover {
background:#000000;
color:#F6F6F6;
}
#top a.submenucol {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifD7DAP2Xh-vNCJ30spOf-iNqsipX4xOv0BWW3JSta_sRzTah4BTheFgyd3Tf2T3QhnzwB0Io4LzQa5lu2KJYu3ze7xZUXYpifRA8LxNe4susoYecsX8MwJ4jEQ5QGF-SsvZZsXH2kPfs/s1600/arrow_white.gif);
background-repeat: no-repeat;
padding: 10px 24px 11px 12px;
background-position: right center;
}
#top li {
float: left;
position: relative;
}
#top li {
position: static !important;
width: auto;
}
#top li ul, #top ul li {
width:300px;
}
#top ul li a {
text-align:left;
padding: 6px 15px;
font-size:13px;
font-weight:normal;
text-transform:none;
font-family:Arial, sans-serif;
border:none;
}
#top li ul {
z-index:100;
position: absolute;
display: none;
background-color:#F1F1F1;
margin-left:-80px;
padding:10px 0;
border-radius: 0px 0px 6px 6px;
box-shadow:0 2px 2px rgba(0,0,0,0.6);
filter:alpha(opacity=87);
opacity:.87;
}
#top li ul li {
width:150px;
float:left;
margin:0;
padding:0;
}
#top li:hover ul, #top li.hvr ul {
display: block;
}
#top li:hover ul a, #top li.hvr ul a {
color:#333;
background-color:transparent;
text-decoration:none;
}
#top ul a:hover {
text-decoration:underline!important;
color:#444444 !important;
}

LANGKAH 4: Langkah terakhir adalah untuk Simpan Template dan Anda selesai!

Kunjungi blog Anda untuk melihat menu navigasi yang indah tepat di bawah kepala.
Jika Anda memiliki pertanyaan atau membutuhkan bantuan, memberikan komentar di bawah ini.

Read more ...

Cara Membuat Obyek Berterbangan

Sebelumnya saya sudah berbagi dengan kawan Cara Membuat Salju dan Gelembung Berjatuhan :z; sekarang masih disekitar itu, yang pasti akan lebih keren karena yang ini bisa berterbangan kesana kemari alias tidak menoton berjatuhan :y; saja dari atas

Prinsip dasar cara kerjanya kawan harus mempunyai animasi yang dipakai elemen / obyek :q; yang disimpan pada file dengan ekstrak Js [JavaScript]  seandainya kawan ingin mengganti obyek elemennya silahkan simpan obyek tersebut pada hosting kawan dan ambil Linknya untuk dimasukkan pada Script Js tersebut, tentunya kawan perlu meng-Edit file js tersebut yang selanjutnya kawan simpan pada Hosting kawan dan unduh Linknya [URL Js] :r;

Cara membuatnya :

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML 
• Cari ]]></b:skin>
• Copas Script berikut dibawahnya

<script src='https://sites.google.com/site/blogbegocreation/animasi/Merah%20Putih.js' type='text/javascript'/>

<script src='https://sites.google.com/site/blogbegocreation/animasi/Bendera%20Indonesia.js' type='text/javascript'/>

<script src='https://sites.google.com/site/blogbegocreation/animasi/burung.js' type='text/javascript'/>

<script src='https://sites.google.com/site/blogbegocreation/animasi/burung-elang.js' type='text/javascript'/>

<script src='https://sites.google.com/site/blogbegocreation/animasi/Kumbang.js' type='text/javascript'/>

<script src='https://sites.google.com/site/blogbegocreation/animasi/Kumbang.js' type='text/javascript'/>

<script src='https://sites.google.com/site/blogbegocreation/animasi/Bola.js' type='text/javascript'/>

Cara Edit File Js

Perhatikan Gambar

untuk selengkapnya cara Edit silahkan baca   disini » 

• Kawan cukup mengganti Link yang saya kurung dengan garis merah dengan Link Image kawan
• Simpan Template kawan

Read more ...

Cara Membuat Facebook Follow Button di Blogger

Tidak setiap pemilik blog menulis tentang dunia. Suatu blog yang dibuat untuk pendapat pribadi. Dalam hal ini, Facebook Fan Pages bisa memberikan hasil yang produktif. Di sini, Anda harus menggunakan profil Facebook dan fitur berlangganan agar pengguna mengikuti Anda langsung di Facebook. Baru-baru ini, salah satu pengguna kami meminta kami untuk memposting Cara Membuat Facebook Follow Button di Blogger. Tindak Tombol banyak mirip dengan kotak seperti, fungsi dan penampilan tombol follow cukup banyak identik dengan kotak seperti. Pada artikel ini, kami akan menunjukkan Bagaimana menambahkan tombol Follow Facebook untuk Single Penulis di blogger.

Jika Anda berjalan pada penulis tunggal, maka Anda bisa langsung mendapatkan kode tombol tindak dari halaman Widget Facebook dan tempel di mana saja Anda ingin menampilkan daerah widget yaitu widget, Template dan lain-lain

Bagaimana Tambahkan tombol Follow Facebook di Blogger?

Hal pertama yang perlu Anda lakukan adalah pergi ke halaman situs Social Plugin Facebook. Sekarang masukkan URL lengkap Profil Facebook Anda yang Anda bersedia untuk menghasilkan tombol follower. Ada banyak pilihan untuk kustomisasi yang dapat membantu Anda dalam menciptakan pertandingan yang sempurna untuk website Anda.

Setelah memasukkan URL Profil Anda, Anda dapat dengan jelas melihat bagaimana widget Anda akan muncul di website Anda. Setelah sedikit kustomisasi selesai, tekan tombol "Get Code" tombol di bagian bawah.

Sekarang jendela baru akan keluar popup, pilih "iFrame" Tab dan salin kode. Sekarang tempel di mana saja Anda ingin menunjukkan widget ini. Misalnya, jika Anda bersedia untuk menunjukkan pada sidebar Anda kemudian, pergi ke Blogger.com >> Tata Letak >> Tambah Gadget >> Tambahkan HTML / JavaScript dan paste kode sederhana di sana.

Selamat: Setelah semuanya turun, cukup tekan tombol "Simpan" tombol dan tombol Ikuti Facebook Anda sudah siap, dan baik untuk tinggal di website Anda. Sekarang pergi dan memeriksa situs Anda untuk melihat tombol Follow di live action.

Kami harap tutorial ini telah membantu Anda untuk belajar bagaimana untuk menambahkan tombol follow Facebook di blogger? Apa pendapat Anda tentang tombol ini? Apakah benar-benar layak, atau Anda senang dengan gadget Google+ Followers? Marilah kita tahu tentang pengalaman Anda.

Read more ...