PopAds.net - The Best Popunder Adnetwork
Powered by Blogger.

Template Blog Mirip Detikcom

Posted by Zhaahir Posted on 4:07 AM
BANYAK sekali blogger yang membuat Template Blog Mirip Detikcom. Namun, yang Terbaik dan paling SEO dan User Friendly adalah Detikcom Style Theme yang benar-benar sangat mirip.

Semua Template Blog Mirip Detikcom itu umumnya modifikasi dari template karya Creating Website bernama Johny Kena Banned. (Link Download)

Awalnya, sang desainer sendiri bingung mau kasih nama template kreasinya itu. Bahkan, ia mengaku "iseng-iseng bikin template, siapa tahu nanti bisa dibagikan lagi buat teman-teman blogger semua".

Ini dia penampakan Template Blog Mirip Detikcom Terbaik.


DEMO.

DOWNLOAD 

Detik.com merupakan salah satu situs berita (media online) perintis di Indonesia. Portal ini bertengger terus di posisi teratas sebagai situs paling populer atau terbanyak dikunjungi di Indonesia.

Wajar, jika banyak blogger yang mencoba meniru tampilan situs detikcom untuk desain blognya. Itu pula salah satu kelebihan ngeblog di blogger, bisa kembangkan kreativitas HTML/CSS dan desain tampilan sendiri.*

Referrensi :  Kang Romel Tea 
Labels: ,

Download Ebook Gratis

Posted by Zhaahir Posted on 5:42 PM
Pada Blog 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 Blog ini.

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:

Cara Membuat Google Analytics

Posted by Zhaahir Posted on 2:52 AM
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:

Cara Membuat Widget Tab View 3 Kolom

Posted by Zhaahir Posted on 8:46 PM
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:

Menghilangkan icon Obeng dan Tang diedit Blogger

Posted by Zhaahir Posted on 8:15 PM
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: