HOSTING MURAH 2014

• Siapkan dan buat Animasi silahkan baca disini 
• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML - Lanjutkan
• Cari #header-wrapper { yang biasanya terletak dibawah sekitar body { 

Jejaring Sosial yang paling ngetrend informasinya sekarang ini, salah satunya adalah Feature Aplikasi Twitter dengan TimeLinesnya, kalau kawan ingin mengetahui lebih lanjut cara penerapannya di Blog silahkan berkunjung ke Twitter Developers :y;

Persyaratan yang diperlukan sudah pasti kawan sudah bergabung atau mempunyai Account Twitter :z; untuk Create your own embedded timeline 

Caranya :

Demo

• Masuk Account Twitter kawan dengan meng-Klik  Create your own embedded timeline 
• Pilih Widget - Buat Baru
• Selanjutnya, silahkan kawan mengadakan setting seperlunya yang secara otomatis akan keluar disamping kanannya Pratinjau [seandainya Pratinjau tidak mau muncul silahkan kawan setting Account Twitter kawan kemungkinan ada kesalahan atau kurang lengkap]

• Ambil Scriptnya yang kode kurang lebih seperti berikut 

1. <a class="twitter-timeline" href="https://twitter.com/twitterapi" data-widget-id="YOUR-WIDGET-ID-HERE">Tweets by @twitterapi</a>

2. <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="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

• Tapi sebelumnya kawan tambahkan atau buatkan Kolom luar biar kelihatan manis seperti contoh berikut dibawah ini 

<div style="margin: 10px auto;display: block;text-align: center;box-shadow: 0px 5px 10px rgba(50,50,50,0.75);width: 500px;height: 405px">

<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-widget-id="YOUR-WIDGET-ID-HERE">Tweets by @twitterapi</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="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>

Oke langsung saja ke Cara Memodifikasi / Membuat Navbar Menu Bertingkat ke-2

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML - Lanjutkan
• Kalau kawan mempergunakan Navbar Menu [atau apalah namanya silahkan di Copas dulu untuk jaga-jaga] atau kalau tidak ada Navbar Menu pada Blog kawan, Copas Kode Css berikut persis diatas ]]></b:skin> 

#NavbarMenu {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3YHWBVJVzwfzZIq-jhvl8aZrcvzGJKgfRRQU-WTGIXoP4SsrprpBtpPuLcvT5qCJhjiW2kQ8VXHqmbvPt-F3hjweSamj3JkxjPOc1OhOcaa0xY0Eoot0anGGEuToMk_8vwo2bD72l54V-/s1600/menu_bg.png); no-repeat top center;
width: 100%;
height: 40px;
 color: $navcolor;
 margin: 0 auto 0;
 padding: 5px 30px;
 font: bold 12px Arial, Tahoma, Verdana;
 border: 0px solid #699AB8
 }
#nav {
width: 95%; float: left;
 margin: 0;
 padding: 0;
}
#nav ul {
 float: left;
 list-style: none;
 margin: 0;
 padding: 0;
}
#nav li {
 list-style: none;
 margin: 0;
 padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
 color: $navcolor;
 display: block;
height: 20px;
 text-transform: uppercase;
 margin-top: 2px;
 padding: 7px 15px;
 font: bold 13px Tahoma, Georgia, Times New Roman;
 background: transparent;
}
#nav li a:hover, #nav li a:active {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6SZqxFuGSTNbuRAm7N-DCpasz9cNvPIQoz9y_KecrmdAzoTpxjHc64rm0kRtG-ygtk2rAz2JVAdMlc4rNi_TRGmRVvNodYf-qqYJq0HI5c6y7VlqeFr8xIvs00i8wCL3yCYMcr5EhYLep/s1600/selected.png); repeat-x center center;
border: 1px 1px 0 1px;
color: #FFF;
text-shadow: 1px 1px 1px #F00;
text-decoration: none;
margin-top: 2px;
padding: 7px 15px ;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrEyeqRDOREMrzGQkWWju18-Dr43GSwNM1lZLGKYoOSa7-RMFgeaV5jsfctExnNpWq_iQ0WyXfelOyc9D32mPSHKYedub7KjrJfFrNYiRY1MbD9Tk5Wwamalx_6oQ75CBbRRus3Vsg6UzQ/s1600/submenu.png); repeat-y left bottom;
width: 150px;
height: auto;
color: #000;
text-transform: uppercase;
float: none;
margin : 0;
position: relative;
padding: 7px 20px;
font: normal 13px Tahoma, Georgia, Times New Roman;
}
#nav li li a:hover, #nav li li a:active {
background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-hWwyOJCTJOq5nIvV-Skt3LAK0fvP_u99qfOV5_dCjpZ0X0SVHMgMCtuRr-arLtb9sV30NrBk105y7J0Bb5LQkZ9rp4W5ryjvvjRsK9sNiYiBi3WjtcAcWzkglLxZV66t7EFjEF-JwMq6/s1600/submenuhover.png); no-repeat center top;
border: 0px solid #ccc;
color: #FFF;
text-shadow: 1px 1px 1px #F00;
text-decoration: none;
margin: 0;
padding: 7px 20px;
font-size: 13px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 140px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -30px 0 0 190px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}

 

1. Bentuk Group Blogger [seperti Komentar Berbalas] yang saling kunjung-mengunjungi, balas-membalas maupun yang lainnya [saling Download] :r; 
2. Buat postingan yang beberapa isi intinya agar bisa disimpan pada Web/Site yang menyediakan layanan Download Berbayar]
3. Sesama Group Blogger wajib dan harus men-Download milik kawan Blogger lainnya [walau file tersebut tidak begitu penting baginya]

• Loading Blog jadi ringan karena bebas Iklan Sponsor yang tidak perlu 
• Tidak ada sanksi Banned seperti Iklan Sponsor  
• Yang Download File kita dari luar Group Blogger sangat mungkin dan pasti ada 
• Dan Keuntungan-keuntungan lainnya, silahkan kawan pikirkan sendiri

• di bawah ]]></b:skin> simpan  <link href='URL G+ Anda' rel='author'/> ingat postingan saya sebelumnya - contoh <link href=' https://plus.google.com/101141011579420362463 ' rel='author'/> 
• di atas <b:skin><![CDATA[/* simpan <link href='URL G+ Anda' rel='publisher'/> bedanya author dengan publisher - contoh <link href='https://plus.google.com/101141011579420362463 ' rel='publisher'/>
• Buat satu postingan tentang diri kawan [About me] yang Linknya mengarah ke Google Plus, cukup satu Link saja dan jangan lupa tampilkan di Home Page sedangkan Readmore / Selengkapnya mengarah ke postingan About me [lihat contoh di pojok bawah Blog saya ini] 

Foto setelah saya Edit On Line

Foto sebelum saya Edit