Saung Blogger

Home » Archives for February 2015

Download Ebook Gratis

Posted by Zhaahir Posted on 8:42 AM
Pada Saung Blogger ini tidak hanya membagikan ilmu tentang bagaimana belajar nge-blog. Mulai dari cara membuat blog di Blogspot. Namun juga memberikan buku-buku elektronik (Ebook) berkualitas. Dan semoga bermanfaat bagi para pengunjung Saung Blogger.

Silahkan download ebook gratis yang kami sediakan. Berbagai macam judul ebook kami sediakan. Tersedia ebook berisi Artikel Motivasi dan Komputer

Mubdi-Blog melakukan posting artikel atau update ebook baru, rutin harian maupun mingguan. Ikuti terus perkembangannya, jangan sampai ketinggalan. Blog ini akan berusaha untuk memposting info-info dan membagikan ebook serta hadiah-hadiah berkualitas. Oia, jangan sampai ketinggalan info ya, sewaktu-waktu Saung Blogger juga akan memberikan hadiah menarik :)

BAGI ANDA YANG MENGALAMI KESULITAN SAAT DOWNLOAD EBOOK GRATIS DI BLOG INI, BERIKUT PANDUAN DOWNLOADNYA.

Langkah - langkah download :

1. Pilih ebook yang ingin anda download
    


2. Hilangkan tanda centang/ceklist pada kotak. Setelah itu download ebooknya. Kemudian SAVE
   

Selesai. Enjoyy for success!!
Labels:
Home » Archives for February 2015

Cara Membuat Google Analytics

Posted by Zhaahir Posted on 5:52 PM
Google Analytics berguna untuk mengetahui traffic suatu blog/website. Seperti jumlah visitor, page view, asal visitor, browser yang digunakan, halaman yang paling banyak dikunjungi, berapa lama mereka berkunjung. Dan banyak lagi fitur-fitur yang diberikan oleh Google Analytics.

Berikut cara membuat Google Analytics :
1. Buka Google Analytics
2. Klik Buat Akun
  

3. Isi semua data yang diperlukan
4. Kemudian klik tombol Saya Setuju di bagian bawah surat Perjanjian Persyaratan Layanan Google Analytics   
 
5. Di halaman Google Analytics, silahkan isi dan lengkapi semua form sesuai dengan blog anda seperti contoh berikut:
    
 
Setelah selesai mengisi form di atas, klik Dapatkan ID Pelacakan.

6. Untuk pengguna Template Bawaan Blogger/template default, cukup copy ID pelacakan saja seperti contoh berikut:   








 
7. Nah, ini untuk pengguna template kustom Blogger yang belum terintegrasi secara otomatis dengan kode script pelacakan analytics, gunakan Ctrl + F dan coba cari kode ini: <b:include data='blog' name='google-analytics'/> pada Template > edit HTML blog anda. Jika ada, maka tidak perlu menyimpan script analytics berikut:









8.Apabila tidak menemukan kode script ini: <b:include data='blog' name='google-analytics'/> pada Template > edit HTML, silahkan copy script analytics-nya dan simpan dibawah kode <body> atau diatas kode </body>.
 
9. Untuk pengguna template default, silahkan login ke dasbor blogger > klik menu Setelan > pilih Lainnya:













 
10. Scrool ke bawah, di bagian Google Analytics, isi kolom ID Properti Web Analytics dengan ID Pelacakan yang tadi anda copy, seperti contoh berikut:





11. Lalu klik tombol Simpan setelan di sudut kanan atas halaman. Selesai.




Perlu beberapa hari untuk menerima laporan dari Google Analytics tentang kinerja blog anda pada webmaster tools dan pada menu Statistik blog anda. Semoga berguna. 

Referensi : Panduan Blogger
Labels:
Home » Archives for February 2015

Cara Membuat Widget Tab View 3 Kolom

Posted by Zhaahir Posted on 11:46 AM
http://saung-blogger.blogspot.com/2015/02/cara-membuat-widget-tab-view-3-kolom.html
Widget tab view 3 kolom adalah widget yang dipergunakan untuk menghemat tempat yang dapat diisikan dengan 3 buah widget lainnya agar tidak terlalu banyak memakan tempat. Bagi yang ingin tahu cara membuat widget tab view 3 kolom. Ini uraiannya :

1.  Masuk ke Blogger > Dashboard Blogger > Tata Letak > Tambah Widget > HTML/Javascript.

2.  Pastekan kode dibawah ini

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #000; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */ }
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a><span style="color: #fff">Tab 1</span></a>
<a><span style="color: #fff">Tab 2</span></a>
<a><span style="color: #fff">Tab 3</span></a>
</div>
<div style="width: 310px; height: 400px;" class="Pages">
<div class="Page">
<div class="Pad"><a href="http://www.google.com/">mbah google 1</a>
</div></div>
<div class="Page">
<div class="Pad"> <a href="http://www.google.com/">mbah google 2</a>
</div></div>
<div class="Page">
<div class="Pad"> <a href="http://www.google.com/">mbah google 3</a>
</div></div>
</div>
</div>
</form>
<script src="http://airalokadotcom.googlecode.com/files/tab%20view.js">
</script>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
<div style="text-align:right;margin-right:7px;"><a title="Widget Tab View 3 Kolom" style="font:bold 8px Arial,Sans-Serif;color:#666 !important;text-shadow:0px 1px 0px rgba(255,255,255,0.1);opacity:1 !important;visibility:visible !important;display:block !important;" href="http://mubdi-blog.blogspot.com/2013/04/cara-membuat-widget-tab-view-3-kolom.html" target="_blank">&#9658;Get this widget</a></div>
Kustomisasi:
- Ganti teks yang berwarna biru dengan judul dari widget yang ada pada tab tersebut.
- Ganti teks yang berwarna merah dengan teks atau script yang akan anda tambahkan.

3.  Simpan

Selamat mencoba!

Referensi : Aira Loka
Labels:
Home » Archives for February 2015

Menghilangkan icon Obeng dan Tang diedit Blogger

Posted by Zhaahir Posted on 11:15 AM
http://saung-blogger.blogspot.com/2015/02/menghilangkan-icon-obeng-dan-tang.html
Tool Icon Obeng dan Tang yang ditanamkan oleh Blogger bertujuan memudahkan pemilik blog mengedit konten setiap elemen Header sampai Footer dari halaman blog itu sendiri tanpa harus masuk melalui Tata Letak. Jika dilihat dari fungsinya icon sangat memudahkan. Namun dari segi tampilan halaman, membuat blog sedikit terlihat ramai, dan sangat berpengaruh terhadap loading page blog. Dan Cara menghilangkan icon Obeng dan Tang, ikuti langkah berikut :

  1. Login ke akun Blogger anda, pada dashboard pilih menu Template lalu klik edit HTML
  2. Kemudian cari kode ]]></b:skin>
  3. Setelah ketemu, Copy Paste kode berikut persis diatas kode ]]></b:skin> tadi

.quickedit {
display: none;
}

SaveTemplate dan lihat hasilnya. Cukup sederhana bukan, silahkan bandingkan loading page speed blog anda sekarang, hasilnya sedikit lebih meringankan beban.
Labels:
Home » Archives for February 2015

Cara Membuat Kotak Like Facebook Di Blog

Posted by Zhaahir Posted on 10:01 AM

Berikut Cara Membuat Kotak Like FansPage Facebook Di Blog :

http://saung-blogger.blogspot.com/2015/02/cara-membuat-kotak-like-facebook-di-blog.html

1. Klik link disebelah ini ► Like Box - Facebook Developers ◄
2. Kemudian akan muncul tampilan seperti ini. ( Lihat Gambar )


3. Lihat pada bagian ini. ( Lihat Gambar )


Keterangan:Facebook Page URL: Pada kotak tersebut isi dengan URL Fanspage anda.Width: Tentukan Lebar kotak yang akan ditampilkan di blog anda disini!Height: Tentukan Tinggi kotak yang akan ditampilkan di blog anda disini!Color Scheme: Anda dapat mengganti Background menjadi Gelap atau Terang.Show Friends' Faces: Menampilkan Foto - Foto para Liker Fanspage anda.Show Posts: Memberikan beberapa Post yang berasal dari FansPage anda.Show Header: Untuk menampilkan tulisan " Find us on Facebook "Show Border: Untuk menampilkan Garis Tepi pada Kotak FansPage anda.
4. Kemudian, klik tombol " Get Code "
5. Lalu akan muncul sebuah PopOut berupa Kode Kotak Like Facebook. ( Lihat Gambar )


6. Silahkan pilih sesuai dengan Tipe Blog anda, contohnya saja Blog anda berjenis HTML5 atau apa.
Labels: