Template Blog Simple

Hai sobat blogger kali ini Angkrong Corner akan berbagi Template Blog Simple Angrkrong Corner, frustasi gara-gara blog sepi pengunjung . Mungkin ada sobat yang lebih beruntung dengan template ane ini.
Silahkan untuk sobat yang berminat dengan template ane ini, silahkan download di sini
Fitur-fitur dari Template Simple Angrkrong Corner ialah :

1. Penggunaan tag H1,H2,H3 sudah menggunakan pengkondisian misalnya pada bagian judul artikel , jika di homepage maka judul artikel menjadi H3 dan pada single posting judul artikel akan menjadi H1.
2. Mempunyai navigasi dibagian kiri dan sudah dilengkapi menu breadcumb.
3. Meta tag yang minimal.
4. Lebih banyak penggunaan css di banding image.
5. Loading cepat.
6. Label dijadikan sebagai menu navigasi alternatif.

Untuk penampakan silahkan lihat saja blog ane ini http://angkrong-corner.blogspot.com/

Silahkan sobat simak tutorial di bawah ini untuk penggunaan templatenya :

Silahkan cari dan edit bagian yang berwarna biru dan sesuaikan :
<meta content='Kode Verifikasi Google Web Master' name='google-site-verification'/>
<meta content='Kode Verifikasi Bing' name='msvalidate.01'/>
<meta content='Kode Verifikasi Alexa' name='alexaVerifyID'/>
<meta content='Dekripsi Blog Sobat' name='description'/>
<meta content='Keyword Blog Sobat' name='keywords'/>

Silahkan cari dan edit bagian yang berwarna biru dan sesuaikan :
var urlblog = "http://url-blogsobat.blogspot.com/";

Silahkan cari dan edit bagian yang berwarna biru dan sesuaikan :
data-href='URL-Fanspage Blog Sobat'

Silahkan cari dan edit bagian yang berwarna biru dan sesuaikan :
<img alt='Angkrong Corner' height='0px' src='URL-Logo Blog Sobat' title='Angkrong Corner' width='0px'/>

Bagi sobat yang ingin widget artikel populer seperti blog ini silahkan , tambah widget baru HTML/Javascript dan pastekan :

<div id="terbaru"></div>
<div id="mas-navigasifeed"></div>

Silahkan edit template ini dan sempurnakan sesuai keinginan sobat, hanya untuk menghargai jangan menghilangkan link creditnya :D
Sekian postingan kali ini tentang Template Blog Simple , semoga bermanfaat .
Template di buat file.zip dan dipasangi password , silahkan berkomentar dan mencantumkan e-mail untuk mendapatkan passwordnya :D 

Unknown | Pada 3/02/2014 03:48:00 PM | 0 Komentar

Baca Selengkapnya

Tips Mempermudah Edit Tampilan Blog

Hai sobat kali ini ane mau share tentang mempermudah edit tampilan blog, mungkin bagi sobat banyak yang ingin memperindah / mempercantik tampilan blog atau hanya sekedar mengatur bagian-bagian yang kurang rapih dan sobat tidak tau bagaimana cara praktis melakukan hal itu, nah untuk itu ane mau ngasih tau caranya.
Pertama-tama sobat harus menggunakan browser firefox / chrome , namun ane sarankan sobat menggunakan firefox sebab lebih mudah , dalam contoh ini ane akan menggunakan blog tercinta Angkrong Corner ini sebagai percobaan  , lihatlah gambar di bawah ini :

Ini adalah potongan screenshoot dari bagian header blog ane, mungkin ada yang mengganjal yah ? yap bagian title blog dan deskripsi blog bertabrakan atau tertumpuk.

Nah untuk memperbaikinya buka blog dengan menggunakan browser firefox login dulu ke blogger dan masuk ke edit template, kemudian kita menuju ke halaman yang akan di perbaiki, kemudian klik kanan pada halaman blog » Inspect Element, akan muncul tools inspect element pada bagian bawah firefox » kemudian Klik Icon seperti panah seperti gambar di bawah, yang diberi tanda merah :

 

Kemudian sobat klik pada bagian yang akan di benahi , ane disini memilih pada bagian header , seperti di bawah ini :

Kemudian menuju ke tools inspect element , kali ini sobat menuju ke bagian kanan bawah, sobat akan menemukan properti seperti color, width, heigth, dll. Seperti gambar di bawah ini :

Yang perlu diperhatikan adalah bagian element , disini ane di element #header-wrapper, kemudian sobat cari kesalahannya , kalau disini ane punya masalah pada lebar #header-wrapper sehingga title dan deskripsi bertabrakan nah ane rubah nilai width menjadi 52%, dan wala sekarang header menjadi normal

Namun masih belum beres , nah sekarang ane menuju ke halaman edit template di blogger, kemudian Ctrl+f dan ane ketik pada bagian find : #header-wrapper , setelah ketemu ane cari properti width dan mengganti dari width:47% ke width:52%, setelah itu simpan template dan sekarang perubahan sudah tersimpan.

Inspect element juga berguna untuk mempercantik, memperbaiki blog dan banyak lagi , misal mengganti warna font, background, dll. Sekian tutorial kali ini dari Angkrong Corner semoga bermanfaat , dan berkomentarlah bila ada yang kurang jelas.

Unknown | Pada 2/27/2014 03:31:00 PM | 2 Komentar

Baca Selengkapnya

Template Blogger Seo Friendly B-Seo V1

Template Blogger Seo Friendly B-Seo V1 - Kali ini saya share Sebuah Template yg Super SEO friendly menurut saya, Kenapa? Karna title dan Judul blog menggunakan H1. Tempalte ini dibuat oleh master bamz.us, Template Blogger Seo Friendly yaitu B-Seo V1. Template Blogger Seo Friendly B-Seo V1 ini sudah sangat Optimal untuk Seo Blogspot. Dan template ini saya pribadi yang membuat atau mengeditnya hingga semaksimal mungkin. Setelah sebelumnya saya posting artikel tentang cara membuat template blog sendiri, dilanjutkan 2 hari bersusah payah untuk membuat experimen pada template, akhirnya selesai juga. Berikut ini penampakan halaman depan dari Template Blogger Seo Friendly B-Seo V1 yang saya buat (bamz.us).

Template Blogger Seo Friendly

Live Demo

Fitur template Blogger Seo friendly B-Seo V1 :
1. Seo Blogspot
2. Title Blog dan title postingan menggunakan H1
3. Penggunaan gambar pada template yang minim sehingga akses blog tidak akan berat
4. Di lengkapi Breadcrumb diatas judul posting
5. Read More otomatis
6. Related Post atau Artikel terkait diselingi judul posting
7. Sidebar kanan dengan lebar 330px dan dan 3 idget pada sidebar footer dibagian bawah dengan lebar 310 tiap widget.
8. Widget dibawah header berguna untuk Link Ads atau menu
9. Social bookmarking di bawah setiap postingan
10. Kotak komentar yang simpel dan Seo friendly
11. Meta Tag otomatis untuk mengoptimalkan Seo
12. Menu pada bagian atas header bisa anda edit sendiri

Template Blogger Seo Friendly B-Seo V1 akan saya berikan gratis untuk para blogger, ( Pesan Pembuat Template. www.bamz.us --> khususnya blogger indonesia. Tapi tolong jangan menghapus link credit yang sudah dicantumkan. Setidaknya anda bisa menghargai karya orang lain yang sudah susah payah memberikan fasilitas yang gratis). Oh iya mudah-mudahan akan ada template blogger Seo friendly B-Seo V2 di lain waktu. Kalo ada kesalahan tolong laporan yah. Jangan lupa komentarnya juga untuk artikel template blogger Seo Friendly ini ya.

Download Template Blogger Seo Friendly B-Seo V1

NB: Password Extractnya www.bamz.us

Pembuat dan Sumber Template : www.bamz.us

Unknown | Pada 7/21/2012 04:56:00 PM | 1 Komentar

Baca Selengkapnya

Menggunakan Google Webmaster Tools

Google Webmaster Tools adalah alat yang disediakan oleh Google untuk para Webmaster (pemilik website). Alat ini membantu agar website atau blog saudara bisa terpantau dengan maksimal oleh Google, dan di sisi lain memberi laporan yang mendetail tentang blog kepada anda.

UPDATE TERAKHIR 10 Juni 2012 (Dilengkapi Versi Bahasa Indonesia dan beberapa perubahan karena Google mengganti template)

Sangat dianjurkan untuk mendaftarkan blog saudara pada Google Webmaster Tools. Hal ini bisa membuat website saudara lebih cepat terindex (setiap artikel baru bisa terindex dalam hitungan kurang dari satu menit). Tentunya ini akan sangat menguntungkan dalam persaingan artikel, karena untuk topik yang lagi hangat, Google lebih memprioritaskan yang lebih dulu terindex.

Jadi tidak usah berpanjang lebar, langsung saja kita lihat cara mendaftar Google Webmaster Tools berikut ini:

• Jika anda memakai plaform blogger.com, sebaiknya anda login terlebih dahulu
• Sekarang buka halaman Google Webmaster Tool 
• Anda akan diminta login di halaman Google Webmaster Tools (GWT), masukkan username dan password akun Google saudara.
• Setelah Login, maka semua blog anda yang terdaftar pada blogger.com biasanya sudah akan langsung ditampilkan. Jika ada blog yang belum terdaftar karena berada di luar platform blogger.com, silahkan tambahkan dengan mengklik ADD A SITE atau TAMBAHKAN SITUS
• Jika blog anda berplatform blogger.com, maka biasanya blog anda secara otomastis sudah akan terverifikasi kepemilikannya. Tetapi jika belum, maka cara termudah adalah dengan memilih metode copy paste meta tag.
• Untuk memastikan blog anda sudah terverifikasi silahkan menuju halaman verifikasi blog. Pilih blog yang ingin diverifikasi dan klik MANAGE SITE atau KELOLA SITUS
• Akan ada dropdown menu, klik ADD OR REMOVE USER atau TAMBAHKAN ATAU HAPUS PENGGUNA
• Akan ada tampilan baru, dan di tampilan tersebut ada sebuah kotak dengan tulisan OWNER atau PEMILIK. Letakkan kursor mouse pada box tersebut, maka akan muncul dropdown menu lainnya. Klik OWNER VERIFICATION PAGE atau LAMAN VERIFIKASI PEMILIK
• Jika ada tulisan seperti di bawah berarti blog sudah terverifikasi

Date	Email	Result	Method
52 days ago 2/4/12 10:37:09 PM UTC	emailanda@gmail.com	Verification succeeded.	HTML file

• Jika belum,....silahkan klik link Verify using a different method atau Verifikasikan dengan menggunakan metode yang berbeda
• Pilih Add a meta tag to your site's home page atau Tambahkan tag meta ke beranda situs Anda, dan anda akan diberikan sebuah kode meta tag. Copy kode tersebut lalu kembali ke jendela akun blogspot saudara.
• Pilih Menu TEMPLATE pada akun blogger.com anda, lalu klik tab EDIT HTML
• Anda akan diminta konfirmasi untuk melanjutkan ke alat EDIT HTML
• Paste kode Meta tag tadi tepat di bawah kode <head>
• Jika sudah, maka segera Klik SIMPAN TEMPLATE dibawah kotak EDIT HTML. Tunggu sampai perubahan tersimpan
• Kembali ke jendela tempat anda mengcopy kode Meta tadi, lalu klik tombol Verify pada bagian paling bawah.
• Jika anda melakukannya dengan benar, maka statusnya akan SUCCESS.
• Sekarang kembali ke Beranda Google Webmaster Tool yang menampilkan semua blog saudara. (jika bingung klik saja link yang disediakan)
• Silahkan klik nama blog yang ingin anda proses di Google Webmaster Tool (URL blog tercetak biru)
• Akan muncul jendela baru yang adalah dashboard dari GWT untuk blog tersebut
• Pada dashboard sebelah kiri ada beberapa pilihan menu. Klik PENGOPTIMALAN, lalu klik PETA SITUS.
• Pada layar tampilan sitemap bagian kanan ada pilihan TAMBAHKAN/UJI PETA SITUS.
• Jika blog anda berplatform blogspot, maka masukkan feeds/posts/default ke dalam kolom yang tersedia dan klik SUBMIT (jika bukan blogger.com, maka masukkan sitemap dari blog saudara menurut platformnya)
• Sekarang akun Google Webmaster saudara sudah jadi, dan sitemap sudah terpasang.... Perhatikan sidebar kiri di layar saudara. Ada menu yang bisa saudara pakai untuk memantau blog saudara. Klik LALU LINTAS
• Pada menu tersebut ada tools berikut:
  • KUERI PENELUSURAN - Ini untuk memantau kata kunci apa saja yang digunakan untuk mencari blog saudara
  • TAUTAN KE SITUS ANDA - Untuk memantau jumlah link dan URL mana saja yang link ke blog saudara
  • TAUTAN INTERNAL - Untuk memantau kondisi link antar halaman blog saudara

Sekarang silahkan lanjutkan dengan menghubungkan akun Google Webmaster Tool saudara dengan, akun Google Analytics.

Unknown | Pada 6/30/2012 04:01:00 PM | 0 Komentar

Baca Selengkapnya

Cara Pasang Whos.amung.us Di Blogspot

Sobat tahu apa itu Whos.amung.us  itu tuh widget warna merah yang berada pada sebelah kanan blog saya Memasang whos.amung.us berguna untuk mengetahui berapa pengunjung yang online pada blog anda pada saat itu. Dengan mengetahui jumlah pengunjung yang online setiap harinya anda dapat mengontrol bagaimana perkembangan blog yang anda bangun. Jika ternyata sepi pengunjung baiknya anda lebih banyak belajar bagaimana agar blog anda lebih SEO. Pelajaran SEO bisa anda dapatkan di blog para master yang banyak bertebaran di internet.

Bagi yang sudah ahli mungkin tidak perlu lagi memasang whos.amung.us atau sejenisnya. Tetapi bagi para pemula tak ada jeleknya memasang ini, agar anda lebih mudah mengetahui perkembangan blog anda di mata search engine. Mungkin ada beberapa kekurangan yang perlu anda perbaiki, misalnya saja keakuratan deskripsi maupun keyword yang anda gunakan.

Karena web whos.amung.us sendiri selalu ada perubahan tampilannya sehingga membuat bingung, bagi para pemula yang masih kesulitan cara memasangnya disini saya berikan sedikit gambaran bagaimana Cara pasang whos.amung.us.

1. Silahkan anda pergi ke http://whos.amung.us/showcase/ terlebih dahulu.

2. Di sana terdapat beberapa jenis widget yang bisa anda pasang yaitu, Widget berwarna, Widget kecil, Widget tab., Widget peta Chrome dan firework. Silahkan pilih salah satu yang anda suka. Untuk melihat tampilannya klik satu persatu pada tulisan tersebut.

3. Misal anda pilih Widget kecil, tinggal klik sekali maka kodenya akan langsung tercopy pada cliboard anda, walaupun tidak tampak. Silahkan buka notepad atau microsoft word lalu paste kode tersebut di sana.

4. Untuk memasang diblogspot, masuk ke account blog anda, Dasbor > Rancangan > Tambah gadget> HTML/JavaScript dan paste kode tadi di sana dan Simpan. Silahkan tempatkan gadget di manda anda suka, dan selesai.

5. Pilihan paling bawah, bagi pengguna Chrome dan Firework anda bisa menginstal pluginnya di browser anda. Caranya anda tinggal klik sekali Install dan selesai.

Unknown | Pada 6/30/2012 02:39:00 PM | 0 Komentar

Baca Selengkapnya

Cara Mudah Membuat Header Dengan XHeader

Membuat header di Blog, seperti halnya di Blogspot atau Wordpress. Tak sesulit yang kita pikirkan. Di Tutorial Blog kali ini kita akan bahas bersama bagaimana cara membuat header dengan cara yang paling mudah, cepat, hemat tenaga, dan tidak menguras otak, dengan hasil kualitas yang tidak mengecewakan. Kita bisa membuat gambar header yang diinginkan untuk dijadikan gambar header dengan menggunakan Adobe Photoshop atau software yang lain, tapi masih ada cara yang lebih praktis dengan memanfaatkan layanan gratis pembuatan header weblog  dari XHeader

Ok...s'karang langsung ke maksud dan tujuan kita, login dulu ke situsnya XHeader.com, disini kita diminta untuk memasukkan First Name, Last Name, dan Email setelah selesai memasukkan semua data yang diminta klik submit kalo ada pertanyaan klik No, Thanks disini anda tinggal langsung download.  setelah selesai download, s'karang disini anda langsung menjalankan file XHeader yang di download tadi,  klik No Thanks (muncul tampilan seperti gambar)

masuk ke Load From Template Library (tunggu beberapa saat...), s'karang anda tinggal memilih category blog header yang diinginkan, tapi kalo bisa untuk blog header disini harus sesuai dengan judul blog yang anda gunakan, setelah itu dibagian kolom sebelah kanan pilih salah satu gambar yang akan kita gunakan untuk blog kita, klik OK. Untuk kreasi selanjutnya silahkan anda kembangkan sendiri sesuai keinginan, jangan lupa disimpan dalam format JPG atau PNG.

Jangan lupa juga untuk berkunjung layanan Edit Gambar (free Image Editor), header image gratis

1. free header image for blog :
   • http://www.header-art.com/
   • http://www.freewebpageheaders.com
   • http://www.themeheaders.com
   • http://www.smashingmagazine.com
   • http://www.dreamstime.com
2. Free Image Editor :
   • http://www.online-image-editor.com
   • http://www.pixlr.com
   • http://www.imageeditor.net

Selamat mencoba mudah mudahan berhasil, keep blogging...

Unknown | Pada 6/30/2012 02:32:00 PM | 0 Komentar

Baca Selengkapnya

Cara Membuat Fan Page Facebook

Sepertinya ada yang kurang kalau belum membuat materi cara membuat fan page facebook untuk blog.

Sebenarnya apa untungnya kita membuat fans page facebook? Dengan memiliki fans page facebook Anda bisa memiliki group sendiri di facebook dan Anda bisa memberikan segala informasi pada fans Anda. Keuntungan lainnya tentu akan menambah trafik / kunjungan ke blog Anda.

Anda bisa simpan atau tautkan fans page facebook ke website / blog Anda. Ketika ada pengunjung yang klik tombol like atau suka, maka otomatis akan menambah group Anda. Mudah2n tutorial cara membuat fan page facebook mudah dipelajari.

Ok langsung saja kita pelajari cara membuat fan page facebook

Pertama – Anda harus memiliki akun Facebook.

Kedua – Login ke akun Facebook Anda, buka create Facebook page.

Ketiga – Pilih jenis fans page Anda, beri nama dan centang. Kemudian klik “Mulai”.

Keempat – Masukkan gambar dengan cara klik “Unggah dari Komputer” cari gambar atau photo di file komputer Anda. Klik tombol “Selanjutnya”.

Kelima – Masukkan informasi tentang Anda atau blog Anda, kemudian tautkan alamat blog Anda. Klik “Simpan Info”.

Keenam – Anda bisa edit nama untuk alamat fans page. Kalau sudah cocok klik “Atur Alamat”.

Sekarang Anda sudah masuk ke fans page Anda.

Ada beberapa fasilitas yang bisa Anda gunakan: Undang Teman – Anda bisa mengundang semua teman di facebook dengan memasukkan nama akun mereka, Undang Kontak – Anda bisa mengundang teman Anda dengan memasukkan akun email, Tombol Suka – klik tombol suka agar akun facebook Anda bertaut dengan fans page Anda.

Cara Membuat Fan Page Facebook masuk di website / blog Anda sebagai berikut :

Pertama – masuk ke halaman plugin like box di sini.

Kedua – masukkan link alamat / url fans page facebook Anda pada “Facebook Page URL”.

Contohnya seperti ini http://www.facebook.com/pages/Bisnis-Hana-dot-Com/352109204808433.

Kemudian klik tombol “Get Code”.

Ketiga – Copy kode html fans page facebook Anda.

Keempat – pastekan di sidebar / widget blog Anda. Kemudian klik “Save”.

Kelima – Silahkan Anda refresh blog Anda, maka fans page facebook Anda sudah muncul di blog.

Silahkan “Like” atau klik “Suka” fans page BisnisHana.Com, kalau tutorial Cara Membuat Fan Page Facebook ini bermanfaat.

Unknown | Pada 6/29/2012 06:39:00 AM | 1 Komentar

Baca Selengkapnya

Cara Mudah Membuat Artikel Terkait di Blog Dengan Thumbnail / Gambar

Ada beberapa widget blog yang menurut saya sangat penting, Kenapa ? karena widget ini sangat sangat berguna untuk membuat pengunjung blog kamu lebih betah berlama2 di blog yang kamu punya. Mungkin widget ini sudah tidak asing lagi bagi kalian namanya linkwithin, linkwithin adalah widget yang berguna untuk menampilkan related post atau postingan yang berkaitan dengan thumbnail atau gambar kecil yang biasanya terletak di bawah postingan blog kamu. Namun pada kesempatan kali ini saya akan member tahu dari alternatif dari widget linkwithin itu sendiri. Lihat langkahnya di bawah ini :

1. Masuk ke blogger.com

2. Klik Tata Letak (blog baru) atau Rancangan (blog lama) --> Pilih Edit HTML --> Klik Lanjutkan (untuk blog baru)  --> Centang Expand template Widget lalu kamu cari kode </head> . Gunakan ctrl+f untuk memudahkan pencarian.

3. Salin kode di bawah ini dan letakkan di atas atau sebelum kode </head>

<!--Start Related Posts Script From http://www.hzndi.blogspot.com-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidpWPm-zhjf5NQChwgUO0oaUZa_sM8fg0uNWvDlDGcn9bDrepGVM7PIho_l26t6Lm5El-G55gi-nESvJqsIjLpDbZRkhuJMgacKBwAsmpgPSg6OgjZ5hn_IrST_CIGg2V-aCja5WcF2oeD/s1600/No+Image.jpg&quot;;

var maxresults=7;

var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>
<!--End Related Post From http://www.hzndi.blogspot.com-->

 Note

• Ganti angka 7 dengan angka berapapun yang kamu suka karena itu akan menampilkan jumlah postingan terkait yang akan di tampilkan.
• Ganti Related Posts dengan kata-kata yang kamu suka seperti "artikel terkait, baca juga, dll".

4.  Cari kode <div class='post-footer'> atau jika tidak ada maka kamu cari <data:post.body/> gunakan ctrl + f untuk memudahkan pencarian. Salin kode di bawah ini dan letakkan di bawah kode <div class='post-footer'> atau <data:post.body/>.

<!-- start related posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><br/><a href='http://www.hzndi.blogspot.com' target='_blank'><font color='#ccc' size='small'>Tutorial Blog dan SEO</font></a><div style='clear:both'/>
</b:if>
<!-- end related posts-->

5. Simpan Template dan kamu lihat hasilnya.

Sumber : http://hzndi.blogspot.com/2012/05/membuat-artikel-terkait-di-blog-dengan.html

Unknown | Pada 6/28/2012 11:09:00 AM | 0 Komentar

Baca Selengkapnya