Cara Mengganti Font (huruf) Blog

Assalamualaikum Wr. Wb.

     Mungkin saja belakangan ini sobat sudah mulai bosan dengan font (huruf) blog yang anda gunakan. Jika sobat kepengen banget nih untuk menggantisasi *ups! kok jadi vicky yah hahaha :D maksudnya mengganti Font (huruf) blog maka sobat beruntung! kenapa ? karena saya akan berbagi caranya untuk sobat semuanya :D yuk cek di tkp ^o^)~



Tutorial :

NB : ( Jika ingin melihat gambar lebih jelas, klik gambar tersebut )

1. Pergi ke Google Web Font
2. Pilih Jenis Font (huruf) yang sobat suka.

3. Klik Pop Out jika ingin melihat contoh font
4. Jika sudah klik Quick Use
5.Kemudian anda seret scrollbar kebawah hingga bagian ke 3

6. Jika sudah ketemu Copy code tersebut
7. Log in lalu Masuk ke blog sobat
8. Masuk ke bagian Template => Edit HTML
9. Cari code ]]></b:skin>
10. Pastekan code font yang sobat pilih tadi di bawah code  ]]></b:skin>

11. Kemudian cari font yang ingin agan ubah, misalnya pada bagian Judul Postingan
12. Cari kode .post h1 atau .post h2 atau .post h3
13. kemudian copy code Google Web Font yang bagian ke 4

14. lalu pastekan di bawah kode .post h1 atau .post h2 atau .post h3

15. Save Template And.. Cool :D



     Oke ^_- sekian dulu trik blog yang saya bagikan kepada sobat sekalian semoga dapat membantu sobat untuk menjadi seorang Blogger yang handal :D Good Luck Sobat! sampai jumpa di postingan berikutnya! ^o^)~

Wassalamualaikum Wr. Wb.

Cara Memasang Tombol Back To Top Di Blog

Assalamualaikum Wr. Wb.

Cara Memasang Tombol Back To Top Di Blog itu mudah - Kemarin saya sudah share cara membuat menu tab view di blog. Jadi kali ini saya akan share Cara Memasang Tombol Back To Top Di Blog.

Apa yang dinamakan tombol back to top? Tombol back to top adalah tombol jika di klik akan kembali ke awal scroll dengan cepat. Jadi langsung saja kita ke pembahasan.

Cara Memasang Tombol Back To Top Di Blog

1. Login ke Blogger terlebih dahulu
2. Masuk ke Tata Letak
3. Klik add gadget
4. Lalu klik menu Html/Java Script
5. Lalu copy paste kode dibawah ini

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Balik Ke Atas"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNLAsbPvnSY6tlm2nVSWB5peiwpqws70b38hnvjB5Ln2IPb9Xb_qzJkRGxBJ342OkMsu6F7zoOdVOsX2EBDyuJb1GwsHymcVBnXd0g51MgZMQFBJIdhWL93fdoO3JZFJoqS8rxnoJnj2cN/s1600/back+to+top3.png"/></a>

Keterangan :

1. Warna Abu-abu adalah Tutorialnya.
2. Warna Aqua adalah kode gambar yang ingin diganti dengan gambar anda.

OK, semoga bermanfaat untuk anda. Terima kasih sudah berkunjung.

 Wassalamualaikum Wr. Wb.

Cara Membuat Menu Tab View Di Blog

Assalamualaikum Wr. Wb.

     Cara Membuat Menu Tab View Di Blog memang sangat mudah. Setelah kemarin saya sudah share Cara pasang widget translate google di blog. Kali ini saya akan share cara Membuat Menu Tab View Di Blog dengan cara sederhana tanpa masuk ke edit HTML template. Langsung saa kita bahas Cara Membuat Menu Tab View Di Blog  ini.

Cara Membuat Menu Tab View Di Blog

• Login ke blogger
• Masuk ke tata letak
• Klik add gadget
• Lalu klik html/java
• Copy paste kode dibawah ini

<style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 98px; /* Lebar Menu Utama Atas */
text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight:bold; color:#000; /* Warna Font Menu Utama Atas */ 
-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #E6E6E6; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#E6E6E6; /* Warna background Kotak Utama */ }
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
//Tabs
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
//Pages
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
//Functions
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a>Judul 1</a>
<a>Judul 2</a>
<a>Judul 3</a>
</div>
<div style="width:300px; height:250px; " class="Pages">
<div class="Page">
<div class="Pad">
Isi menu tab  1
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab  2
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab  3
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>

• Kemudian silahkan simpan kode tersebut

Keterangan :

• warna Abu-abu adalah Tutorialnya.
• warna Biru adalah kode yang ingin anda edit sesuai dngan blog anda.
• warna Merah adalah judul dari Tab tersebut.
• warna Aqua adalah isi dari Tab tersebut.

     sekian tutorial kali ini, semoga bermanfaat untuk anda. Dan terima kasih sudah mau berkunjung dan membaca artikel..

Wassalamualaikum Wr. Wb

Cara Pasang Widget Translate Google Di Blog

Assalamualaikum Wr. Wb.

     Cara Pasang Widget Translate Google Di Blog memang sangat mudah. Apa gunanya Translate Google? Sudah pasti untuk menerjemahkan konten blog kita. Bagaimana kalau orang luar negri baca artikel kita? nah, fungsi google translate ini sangat penting yaitu menerjemahkan konten yang berbahasa Indonesia menjadi bahasa yang mereka tentukan.

Cara Pasang Widget Translate Google Di Blog

OK, Jadi mari kita bahas langsung saja. Ikuti langkah-langkah berikut ini..

• Login ke blogger terlebih dahulu
• Silahkan masuk ke menu tata letak
• Lalu klik add gadget
• Kemudian klik HTML/Java Script
• Silahkan copy kode dibawah ini, kemudian silahka paste di bagian konten

<!-- Begin TranslateThis Button by seoterpadu.blogspot.com-->

<a href="http://enziiegekhizakii.blogspot.com/" target="_blank">Enziie Gekhizakii</a><div id="translate-this"><a style="width:180px;height:18px;display:block;" class="translate-this-button" href="http://www.translatecompany.com/">translate</a></div>

<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">
TranslateThis();
</script>

<!-- End Code by enziiegekhizakii.blogspot.com -->

• Kemudian silahkan klik Simpan

     Semoga artikel ini bermanfaat untuk anda. Dan Terima kasih sudah datang berkunjung dan membaca artikel...

Wassalamualaikum Wr. Wb.