Free Templates Magazine V1

Magazine V1 adalah sebuah template yang memang sengaja saya beri nama Magazine versi satu. Itulah sebabnya mengapa saya beri nama template ini dengan nama Magazine V1. Mengusung tema yang sama dengan sebelumnya, saya coba berikan template blogger sederhana namun tampak menarik dengan sedikit perbedaan.







Template ini memiliki 2 kolom, 1 kolom postingan dan 1 dan 2 kolom sidebar yang terletak di sebelah kanan. Dan tambahan 3 kolom footer membuat Magazine V1 memiliki banyak tempat untuk meletakan widget atau link. Selain itu saya tambahkan menu horizontal mirip seperti punya sang master blog (www.o-om.com), dan Top Tabs menu selaras dengan bagian utama template biar lebih menarik. Kemudian tambahan banner ukuran 590 x 60 px, pada bagian header yang merupakan kebutuhan kebanyakan blogger untuk memasang banner mereka atau mungkin iklan lain, sebenarnya masih banyak fiturnya yg tidak saya sebutkan satu persatu. Saya rasa itu saja penjelasan tentang  Magazine V1 blogger template, semoga tertarik.

Download

Cara membuat tombol Like Facebook di Blog

Facebook , Cara membuat tombol Like Facebook di Blog adalah jejaring sosial yang sangat populer saat ini , nah sekarang kita bisa memanfaatkan facebook untuk promosi blog kita, dengan menyediakan tombol like button ini kita bisa mempromosikan blog kita , lho bagaimana bisa? kan itu cuma like facebook biasa.. Jangan salah , tombol ini berguna sekali  nih saya kasih tahu kegunaanya menurut pengalaman saya .

Tombol ini berfungsi untuk promosi blog , caranya , ketika ada salah satu pengunjung blog kita yang menyukai postingan kita dan si pengunjug tadi menekan tombol like nya maka postingan kita akan muncul di dinding si pengunjung yang mengklik tmbol like tadi . Paham kan , yaaa,,, kurang lebih begitu lah fungsinya.

Cara membuat tombol like facebook di blog .

• Login dulu ke blogger
• Ketika di halaman dasbor , klik rancagan .
• Kemudian pilih Edit Html + centang kotak Expand Template Widget.
  Dalam Tutorial kali ini saya akan meragakan memasang tombol facebook like di bawah judul posting

Untuk memasang tombol like ini di atas posting , sobat cari kode   <div class='post-header-line-1'/> , bisa menggunakan control F , kalau sudah ketemu masukkan kode tombol like facebook ini di bawah kode   <div class='post-header-line-1'/> yang sobat temukan .

Source Script Cara membuat tombol Like Facebook di Blog

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

Simpan dan selesai, untuk hasilnya bisa di lihat di blog saya ini, semoga bermanfaat

THANKS TO DONI ALIYANTO

Tampilan Baru Dasbor Blogger

Dasbor Baru, di bawahnya ada google reader

Malam ini saya membuka draft.blogger.com. Setelah membuka cukup kaget dengan tampilan dasbor yang baru dari blogger.com. Yaitu berubah dari tampilan yang biasanya, bisa dikatakan tampilan itu berubah hampir 100% dari sebelumnya. Hanya saja fiturnya masih sama, hanya navigasinya yang berubah. Sebenarnya saya sudah pernah membaca atau melihat rencana tampilan dasbor baru ini dari salah satu blog luar negeri :D

Untuk menikmati tampilan baru dasbor ini, kita langsung saja login lewat draft.blogger.com setalah itu kita centang saja Make Blogger in Draft my default. Menurut saya tampilan dasbor baru blogger.com ini cukup menarik dengan warna dasar putih yang lebih bersih dan bisa fokus. Untuk kita yang baru melihat dan menikmati tampilan dasbor baru ini silahkan memcoba mengexplorenya. Mencoba navigasi baru yang ada di tampilan baru, saya kira fungsi dan fiturnya masih sama saja.

Halaman Dasbor Blog Kita

Halaman Creat New Post (Menulis Postingan)

Bisa juga setting earning dari Google Adsense

Segera coba deh, Tapi coba atau tidak nanti juga akan menerima sendiri. Sekali lagi login ke draft.blogger.com untuk menikmati tampilan baru ini. Bagaimana menurut Anda tampilan baru dasbor blogger? Share di kolom komentar :c

Menampilkan Entri Terbaru Dengan Memanfaatkan Daftar Blog

Setelah dulu pernah saya membahas tentang menampilkan judul postingan terbaru, dengan mengunakan java script (klik disini untuk melihat) sekarang ada cara lagi yang lebih seru Yang ini menampilkan entri terbaru atau recent post dengan mengunakan fitur dari blogger yaitu "Daftar Blog"

Saat kamu menambahkan gadget, di tata letak. Kita menemui fitur terbaru blogger yaitu "Daftar Blog" Perlihatkan yang Anda baca dengan blogroll dari blog favorit Anda. Nah sekarang bagaimana seandainya blog favorit kita adalah blog kita sendiri, jadinya akan asyik kan? :n

Dengan fitur Daftar Blog ini kita kan menampilkan entri terbaru kita, dengan menampilkan juga

Ikon
Judul dari item terbaru
Snippet dari item terbaru
Gambar mini butir terkini
Tanggal pembaruan terakhir

Sekarang bagaimana cara menampilkan entri terbaru dengan memanfaatkan Daftar Blog?
1. Login ke blogger
2. Pilih Tata Letak --> Tambah Gaget
3. Pilih Daftar Blog --> TAMBAHKAN KE DAFTAR
4. Tambah URL, masukan kode berikut ini

 

http://NAMA.blogspot.com/feeds/posts/default/?start-index=2

Untuk entri terbaru kedua

http://NAMA.blogspot.com/feeds/posts/default/?start-index=3

Untuk entri terbaru ketiga

http://NAMA.blogspot.com/feeds/posts/default/?start-index=4

Untuk entri terbaru keempat

Dan seterusnya sesuai dengan keinginanmu, berapa banyak entri terbaru yang ingin kamu tampilkan, tinggal mengantinya dengan start-index=4 angka 4 berarti judul keempat. Ganti NAMA.blogspot.com dengan URL blog kamu sendiri. Untuk entri terbaru pertama kita tinggal memasukan URL blog kita (misal www.kurniasepta.blogspot.com). Ide ini muncul dari kang jaloe kita cari ide-ide lainnya.

Untuk menghilangkan judul blog, sehingga yang muncul hanya judul postingan tambahkan kode berikut ini pada template.

.blog-title {

display:none;

}

taruh diatas kode  ]]></b:skin>

Menambahkan Page View This Post

Page View This Post, itu maksudnya pa seh? Page View This Post yaitu widget atau gadget blog yang berfungsi untuk menunjukkan berapa sering page (halaman postingan) kita itu dilihat/dibaca pengunjung. Misalkan slah satu judul postingan kita itu Pilih Satu Blog atau Lebih dari Satu Blog? itu telah dilihat/dibaca orang berapa kali.

Sama halnya untuk mendektesi seberapa sering postingan itu dilihat, kalau semakin sering dilihat/dibaca berartikan semakin populer, itulah fungsi dari Page View This Post. dan widget atau gadget blog ini kita pasang di bawah postingan blog kita.

Cara Menambahkan Page View This Post
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini <p><data:post.body/></p>
6. Setelah itu taruh kde berikut ini di bawahnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='hit-counter'>
&lt;a href=&#39;http://csharpdotnetfreak.blogspot.com&#39; rel=&#39;follow&#39;&gt;
<script src='http://www.amitjain.co.in/pageview.php' type='text/javascript'/> &lt;/a&gt;
</div></b:if>

7. Simpan Template kalau sudah selesai

Membuat Artikel Terkait Bergambar Berjalan

Sebenaranya denganjudul yang kayak diatas itu binggung gak? Ingin membuat tulisan yang terkait atau artikel terkait yang ada gambar (thumbnail). Jika yang biasanya hanya judul yang terkait dengan yang kita buka (baca) tapi kali ini kita akan membuat tulisan terkait dengan diseratai thumbnail yang ada di postingan yang terkait dengan tulisan (artikel) yang kita baca.

Artikel terkait yang disertai thumbnail (gambar kecil) tidak hanya diam, tetapi berjalan kesamping, menampilkan thumbnail disertai dengan judul tulisan (artikel). Thumbnail Related Posts (artikel terkait bergambar) ini akan menghemat banyak temaptdi blog kita, ya memang karena artikel terkait bergambarnya dibuat berjalan sehingga kita juga bisa membuat lebih banyak artikel terkait bergambar yang ditampilkan.

Cara Membuat Artikel Terkait Bergambar Berjalan
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode </head>
6. Taruh (copy paste) kode berikut ini di atasnya

<!--Related Posts with thumbnails Scripts and Styles Start-->
<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 src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

7. Cari kode di bawah ini

<div class='post-footer-line post-footer-line-1'>

Atau jika tidak menemukannya cari kode berikut ini

<p class='post-footer-line post-footer-line-1'>

8. Jika sudah ketemu, taruh (copy paste) kode berikut ini di bawah salah satu kode di atas (no.7)

<!-- Marquee Serbablog Related Posts with Thumbnails Code Start-->
<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>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://kurniasepta.blogspot.com/2010/01/membuat-artikel-terkait-dengan-disertai.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>
<!-- Marquee Serbablog Related Posts with Thumbnails Code End-->

9. Kita juga dapat menganti beberapa kode css, seperti berikut ini

var maxresults=10;

Berarti artikel terkait yang akan kita tampilkan adalah 10

var relatedpoststitle="Thumbnail Related Post";

Judulnya adalah Thumbnail Related Post

Menambahkan Button Berbagi ke Facebook

Ini salah satu yang harus kita manfaatkan untuk meyebarkan tulisan kita ke jejaring sosial facebook. Yaitu dengan menambahkan button link untuk berbagi tulisan kita ke facebook. Mungkin hampir sama dengan tulisan kita yang terdahulu, cara menambahkan addthis atau button retweet

memang sat ini facebook merupakan salah satu situs yang paling banyak dikunjungi di Indonesia, dengan kita menambhkan button berbagi ke facebook berarti kita bisa memanfaatkan kepopuleran facebook untuk menarik pengunjung ke blog kita, siapa tahu tulisan atau postingan kita di bagikan ke facebook seseorang yang membaca blog kita dan akhirnya blog semakin ramai (traffik meningkat)

Cara Menambahkan Button Berbagi ke Facebook
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode <div class='post-header-line-1'/> atau <data:post.body/>
6. Masukan Kode Berikut ini DI BAWAHNYA

MODEL 1

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

MODEL 2

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

7. Kita bisa menganti right dengan left sesuai dengan keinginan kita. Simpan Template kalau sudah selesai.

Mengganti Icon Blogger di Addres Bar

Ketika membuka atau blog kita maka akan muncul di addres bar (tempat unuk menuliskan alamat URL) akan muncul icon atau gambar kecil. Dan jika blog kita ada di blogger.com atau blogspot maka icon itu berupa gambar dari blogger.com seperti d ibawah ini.

http://donialiyanto.blogspot.com/

Untuk kita-kita yang sedikit tak meninginkan icon blogger itu muncul di Addres Bar blog kita, bisa juga kita ganti icon blogger itu dengan yang lainnya. Misalkan denagn foto kita sendiri atau gambar-gambar yang begerak atau berformat gif. Tapi yang paling penting adalah ini sebuah icon jadi usahakan yang berukuran kecil saja, misal 24 x 24 pixel atau 32 x 32 pixel saja supaya loadingnya cepat.

Cara Mengganti Icon Blogger di Addres Bar
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini </head>
6. Taruh script berikut ini tepat diatas kode </head>

<link href='http://img401.imageshack.us/img401/7652/eqizqu6.gif' rel='SHORTCUT ICON'/>

7. Lalu Simpan kalu sudah selesai.

Berikut ini Icon-icon yang bisa kita gunakan:

http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif
http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img527.imageshack.us/img527/6543/image7go9.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif

Cara Mengatasi Galat Blogger bX-fa9wwp

Minal Aidzin wal Faidzin ^.^ -  Setelah lumayan lama tidak Blogging karena menjalani Mudik Lebaran ke kampung halaman, ternyata sudah banyak perubahan yang terjadi pada Blogger. Pada awalnya saya login melalui Handphone, ternyata terjadi galat bX-fa9wwp. Pada kali ini, saya akan menjelaskan tentang cara Solusi Mengatasi galat blogger bX-fa9wwp.

" Saya langsung terkaget-kaget melihat itu. Tidak biasanya Blogger galat pada waktu Login ". Itulah kata-kata yang sering saya dengar di Forum maupun Jejaring Sosial. ( Add me on Facebook & Twitter hehe ) Saking penasarannya, saya mencoba kembali Login pada Komputer. Ternyata masih terjadi galat. Terpaksa deh aktivitas Blogging dihentikan 1 hari sesudah kepulangan saya ^_^ . Ini dia galat yang saya maksud :

 

Apa penyebab Galat tersebut ?

1. Ternyata galat ini disebabkan karena ada fitur terbaru dari Blogger, yaitu Blogger in Draft ( Bukan versi Beta lagi )


2. Kemungkinan Blogger akan dihapus, dan digantikan dengan Blogger in Draft pada masa yang akan datang.

Bagaimana Cara Mengatasinya ?

1. Langsung menuju halaman ini >> Blogger in Draft
2. Login melalui akun Blogger sobat.
3. Ganti bahasa Indonesia ke Bahasa Inggris ( English )

4. Selesai. Silahkan buka >> Blogger.com.


Efek Samping yang Ditimbulkan :

Blogger.com akan berubah menjadi Bahasa Inggris. Jadi, sobat harus rajin-rajin belajar Bahasa Inggris nih ^,^ haha.. Jika ingin Private, silahkan datang saja Kesini.

Selain itu, ada juga Galat Standard Blogger yang biasa terjadi :

• bx-bliced


• bX-ev85ll


• bX-39cc9q


• bX-y6cz0v


• bX-982020

Galat seperti diatas, dapat diatasi dengan cara menekan tombol F5 pada Keyboard sobat.

THANKS TO DONI ALIYANTO
Sumber : http://acernoval.blogspot.com/2011/09/solusi-mengatasi-galat-blogger-bx.html

Download Tombol Readmore Keren

Bagi sobat yang ingin mempercantik tampilan Blog nya terutama Pada Redmore di mana Tombol Redmore ini banyak bentuk nya dan bermacam-macam jenis nya,dari yang bisa Berkedip-kedip,sampai yang bisa loncat-loncat banyak banget Jenis nya.
sebetul nya Tombol redmore hanya hiasan Blog saja,pungsi nya sama pada Umum nya,tetapi bagi yang mencintai Seni dan desain blog pada Blog nya,sobat bisa download tombol redmore di sini,lengkap dan bermacam-macam Jenis nya.

beriku adalah contoh dari Tombol Redmore nya..

Untuk Sobat yang tertarik dengan Tombol Redmore Di atas silahkan Download Di sini.

bukan hanya itu saja pilihan nya,masih banyak pilihan lain nya,hanya saja yg saya tampil kan yang saya suka.
hanya itu saja Info dari saya,semoga bermanfaat..

Doni Aliyanto

Menambah Emoticons di shoutbox

Pernah melihat kepala-kepala ajaib seperti ini :



Bagi sobat yang pernah atau sering mengisi buku tamu di blog ini, maka tentu saja tidak tidak akan asing lagi dengan kepala-kepala ajaib tersebut. Yups..... betul sekali, kepala ajaib tersebut adalah smile atau emoticons miliknya Shoutmix yag di simpan dalam fasilitas yang di berikannya yaitu buku tamu.

Dengan adanya emoticon dalam buku tamu, ini akan lebih mempertegas karakter si pemberi komentar, walaupun tentu saja ada juga yang hanya berpura-pura mempunyai karakter tersebut. Bagi sobat yang menggunakan buku tamu dari shoutmix, apabila sobat berkeinginan untuk menambah kepala-kepala ajaib, hal itu bisa sobat lakaukan. Misalkan sobat ingin menambahkan si kepala ini atau malah yang ini atau mau yang lebih ekstrim lagi seperti ini . Kepala-kepala tersebut sebenarnya bisa di tambahkan di buku tamu Shoutmix, yang penting sobat mengetahui atau mempunyai alamat gambar kepala ajaib nya. Bagi sobat yang sangat menyukai emoticons dari yahoo! messenger, sobat bisa melihat alamat gambarnya di sini!, yang diperlukan hanyalah alamat gambarnya saja, misalkan di sana di terangkan bahwa untuk menampilkan smile seperti ini adalah memakai kode seperti ini :

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width=34 height=18 border=0>

kode yang diperlukan adalah kode yang ini saja :

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif

Ingin tahu cara memasukan smiles tersebut ke buku tamu shoutmix? silahkan ikuti langkah-langkah berikut :

1. Silahkan login di Shoutmix, tentunya memakai username serta pasword yang sobat miliki.



2. Pada menu Display, klik yang untuk Smiley



3. Masukan alamat gambar yang di inginkan pada kotak di bawah tulisan Smiley image URL.



4. Klik pada tombol Add yang berada di sampingnya.



5. Masukan kembali alamat gambar smile yang lain apabila masih ada yang masu di masukan, jangan lupa untuk klik kembali tombol Add nya.



6. Klik tombol Save Settings.



7. Selesai.

Apabila sobat sudah melakukan langkah-langkah di atas, maka secara otomatis pada buku tamu yang ada di blog nya akan memiliki kepala ajaib yang tadi di masukan tanpa harus mengubah apa-apa lagi pada kode templatenya.

Mau lihat contohnya? silahkan coba buka buku tamu yang ada di blog ini, di pastikan sobat akan menemui kepala-kepala seperti ini

Selamat mencoba !

Btemplates From Doni Aliyanto

KLIK GAMBAR TO DOWNLOAD