Tampilkan postingan dengan label blogger template. Tampilkan semua postingan

Senin, 23 Juli 2012

Cara Mengatur Ukuran Lebar 'Widget' Template Blogger

Cara Singkat,Cepat dan Efektif Mengatur Ukuran Lebar 'Konten Utama / Postingan' Blogger Template

Jika sobat menginginkan ukuran template dapat sobat utak-atik sendiri dengan cara singkat,tak ada salahnya sobat coba trik berikut ini.

Betul gan,sesuai dengan titlenya,mengubah / mengganti / mengarur ukuran lebar template blogger untuk 'widget'.
Main widget,ya ini akan merubah widget yang sobat miliki.Lihat screenshot template berikut ini:

mengatur mengubah mengganti ukuran lebar template blogger.

Lihat gambar dalam ukuran besar

Gambar diatas adalah salah satu contoh dari template yang menggunakan 'blogger template satu kolom'.
Lalu apa hubungannya,ya,jika sobat memiliki template satu kolom,nanti bisa langsung sobat lihat dengan jelas efek dari trik yang akan kita coba nanti.

Namun jika blogger template yang sobat gunakan bukan 'satu kolom' kemungkinan trik ini hanya akan mengatur ukuran lebar area widget.

Caranya sangat mudah,Pertama, masuk ke akun Blogger sobat, buka tab Edit HTML dan contreng tulisan "Expand Widget Templates"

Selanjutnya cari kode :

body { (gunakan CTRL+F untuk mempermudah pencarian)

Biasanya akan tampak seperti ini:

Lihat gambar dalam ukuran besar

Nah,jika sobat sudah ketemukan tepat diATASnya letakkan kode berikut ini:

.widget { padding-bottom:30px; margin-left:70px; margin-right:70px; padding-top:0px; }

Sehingga akan tampak seperti gambar ini:

Lihat gambar dalam ukuran besar

Nah,angka dalam kode yang berwarna merah diatas,gantilah sesuai dengan keinginan,semakin besar nilainya,maka widget akan semakin menyusut kedalam alias menyempit.

Simpan template dan lihat hasilnya.Selamat berkreasi ya gan!

Rabu, 04 Juli 2012

Membuat / Menambahkan Sidebar Sendiri di Ujung Blog

Cara Menciptakan Gadget / Element Baru Sidebar di Sebelah Kanan Atas Blog

Bismillah - yang akan kita ciptakan ini sob,hanyalah sekedar kreasi bagi kamu yang kesulitan membuat sidebar sendiri disebelah kanan blogger template satu kolom.
Seperti posting beberapa minggu lalu gan,kami pernah share dan mereferensikan blogger template satu kolom,yang mana template ini tidak memiliki sidebar (namanya jg satu kolom beg* pent-)

Masih ingat ga sob saat beberapa waktu lalu di blog ini memposting tentang cara menambah element baru dan membuat sidebar berada dikanan dan kiri posting? Nah,teknik yang kita gunakan kali ini kira-kira akan mirip seperti itu.

Bingung? yuk ikuti saya (bawa obor....awas aada ular...pelan...hati-hati gan,tar kepleset...gelap soalnya..)

Langkah dan Cara Membuat Sidebar Blog Sendiri

Sebagai ilustrasi,sengaja kami share dengan media gambar,biar ga jlimet geto :D

Saat template satu kolom yang saya miliki dilihat dari view 'Rancangan / Design' maka akan tampil seperti ini:

Lihat Gambar Lebih Besar Klik disini

Sekarang,sobat klik 'EDIT HTML' seperti yang diyunjukkan pada gambar dibawah ini:

Lihat Gambar Lebih Besar Klik disini

Setelah itu,sobat cari kode / barisan css berikut (gunakan Ctrl+F di keyboard untuk mempermudah pencarian)

#outer-wrapper {

Nah,nanti barisan kode css ditemplate sobat akan tampak seperti ini,yah meskipun ga persis (meskipun satu kolom khan beda template :D) :

Lihat Gambar Lebih Besar Klik disini

**dalam gambar ada 3 kode angka yang saya beri tanda lingkaran,dari ketiga angka tersebut harus sama,#header ,#outer-wrapper dan untuk #footer.

Nah,lanjut ya,tepat dibawah barisan kode #outer-wrapper { misal template milik saya barisan #outer-wrapper { tampil seperti ini:

#outer-wrapper {
  margin: 0px auto;
  width:500px;
  background:white url() top left repeat-y;
}

letakkan kode barisan css sidebar baru kita berikut setelah barisan kode tadi:

#sidebar-wrapper { width: 220px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

Nah,ingat meletakkannya juga harus benar ya gan,kurang lebih nanti akan tampil seperti ini:

Lihat Gambar Lebih Besar Klik disini

Setelah itu,cobat cari kode <body> (gunakan Ctrl+F di keyboard untuk mempermudah pencarian)

Lihat Gambar Lebih Besar Klik disini

Setelah sobat menemukan kode <body> letakkan persis dibawahnya kode ini:

<div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' maxwidget='2' showaddelement='yes' preferred='yes'/> </div>

Jika sobat meletakkannya benar maka akan tampak seperti ini:

Lihat Gambar Lebih Besar Klik disini

Kode inilah yang akan tampil dimana saja kita inginkan keberadaannya,jika sobat ingin meletakkan widget ini difooter,header dan lain sebagainya,sobat cari sendiri tempatnya ya (Insya Allah kita akan bahas nanti)

Lanjut ya,setelah sobat terapkan langkah-langkah diatas,simpan template sobat dan lihat pada tab 'Rancangan / Design' dan TADA!!!!! maka nanti akan tampil seperti ini:

Lihat Gambar Lebih Besar Klik disini

Nah,widget di ujung sebelah kanan atas blog ini sangat tepat jika digunakan untuk fitur serach,profil,dll,untuk contoh fisiknya sobat lihat saja di SINI

Sekarang dari template sobat satu kolom,sobat sudah bisa ciptakan sidebar sendiri khan? Selamat berkreasi dan semoga berhasil ya gan! see you:D

Rabu, 20 Juni 2012

One (1) Column Blogger Tempate

Jatuh Cinta pada Blogger Template Satu Kolom Dadang Herdiana Punya

Hi,siang sobat blogger,tahu kenapa hari ini gue sangat berbahagia?,kasih tahu ga ya? mmm...(pembaca: gue ga peduli tuh!)
Intinya,bahagia gue bukan karena dapet arisan bukan pula karena hari ini ga banyak yang nagih utang ke gue (buka rahasia dikit).

Gue bahagia karena hari ini,gue menemukan simple blogger template satu kolom yang keren bang get!,blogger template ini adalah hasil karya mas Dadang Herdiana yang sobat bisa kunjungi situsnya di SINI.

Kenal ya?
Ga juga alias belum gan,secara kita memang juga belum pernah ketemu,mungkin nanti sekalian mo izin mempublikasikan hasil karyanya ini.Yup! one / 1 column blogger template yang sangat sederhana dengan tampilan yang sangat ringkas,padat dan jelas dan yang pasti tidak banya cengkune2nya (bhs medan bro!).

Untuk screenshotnya,sobat lihat gambar dibawah ini (klik link dibawahnya untuk tampilan lebih besar).

Lihat gambar lebih besar.

Untuk demo live-nya sobat klik DISINI
Untuk download file *.xml-nya sobat klik DISINI

Bagimana sob? tertarik? bagi sobat blogger yang suka dengan blogger template satu kolom yang simple,sederhana,seo friendly,tidak mencolok,professional pasti jatuh cinta dengan template yang satu ini.

Nah,untuk instalasinya,sobat ikuti langkah berikut ya :D yuk!

Langkah Cara Mengganti Template 'Blue One Column Blogger Template'

1.Pertama,sobat download file *.xml-nya klik di SINI
2.Sobat buka hasil dari download dengan Wordpad,lihat gambar dibawah ini,setelah itu gunakan tombol Ctrl+A untuk memblok semua kode dan sobat copy:

blogger template satu kolom sederhana.

Lihat gambar lebih besar.

3.Selanjutnya,sobat pergi ke Dashboard,lalu pilih Design :

mengganti template satu kolom - one column blogger template.

Lihat gambar lebih besar.

4.Kemudian pilih tab Edit Html,lihat gambar berikut gan:

blogger template dengan satu kolom.

Lihat gambar lebih besar.

5.Ini yang penting,sobat checklist 'Expand Widget Templates' dan gunakan kembali Ctrl+A pada keyboard sobat untuk memblok semua kode template,kemudian 'Delete' atau bersihkan semua kode.

kumpulan blogger template satu kolom.

Lihat gambar lebih besar.

6.Sekarang waktunya sobat klik kanan dan 'Paste' kode (hasil copy dari langkah yang ke-2 diatas) kedalam area ini lau save template:

template blogger one column blue.

Lihat gambar lebih besar.

7.Nanti akan keluar konfirmasi seperti gambar dibawah ini,maka sobat klik tombol Delete Widgets:

blue one column blogger template.

Lihat gambar lebih besar.

8.Sobat bisa lihat hasil dengan mengklik 'View Blog' seperti gambar dibawah ini dan Selesai. :D
Moga berhasil ya gan,specially thank you for Dadang Herdiana.

blogger template keren satu kolom.

Lihat gambar lebih besar.

Jumat, 18 Mei 2012

Cara Membuat Template Blogger untuk Tampilan Handphone

Cara Membuat Template Blogger versi Mobile

Jika sobat ingin menampilkan blog dalam tampilan mobile dari blog yang sobat miliki seperti untuk tampilan pada handphone,smartphone,etc(versi mobile),ada trik singkat sob,yang mana hal ini memiliki kekurangan namun juga memiliki kelebihan yang sangat menguntungkan dari owner blog itu sendiri.

Diantara kekurangan tampilan blogger versi mobile adalah:

-Widget yang kita miliki tidak akan dapat tampil,seperti widget kalender,navigasi menu,dan lain sebagainya kecuali jika sobat melihatnya dalam tampilan versi web lengkap dalam handphone sobat.
-Iklan yang kita miliki tidak dapat tampil dalam template blogger versi mobile ini.

Sedangkan kelebihan dari blogger template mobile ini adalah:

-Blog yang kita miliki memiliki lebih banyak peluang untuk dapat dinikmati dan dilihat banyak orang.
-Mempermudah pembaca karena tampilan yang simple dan hanya memprioritaskan isi posting saja.

Hal ini pernah saya coba sob,saat saya mencoba membukanya di handphone milik teman saya yang berbasis 'Android' (beda dengan hp milik saya yang memiliki os bernotabene 'ngirid',hihihi) dan hasilnya sangat luar biasa.
Jangan khawatir,jika sobat ingin menampilkannya seperti situs aslinya tinggal pilih aja 'versi lengkap' yang ada di handphone sobat nantinya.

Cara Meng-aktifkan Blogspot template for Mobile

Sobat pilih Dashboard lalu pilih Settings (gb1) lalu pilih Email & Mobile (gb2) selanjutnya checklist checkbox Yes. Show mobile template on mobile devices. (gb3) kemudian pastikan selera sobat benar (gb4),jika dirasa sudah pas klik Save Settings (gb5) dan lihat hasilnya di handphone milik kamu :D

gb1

Cara Membuat Blogger Menjadi Mobile Version

gb2

gb3

Cara Trik Membuat Blog Tampilan Versi Mobile - HP

gb4

gb5

Rabu, 21 Maret 2012

Cara Membuat Read More Otomatis di Blogger

UPdate! Trik Read mOre oToMaTiS tanpa jQuery,Sudah Direvisi! Dijamin Berhasil 100%

Langkah Cara Membuat Read More Otomatis tanpa jQuery pada Blogger dengan Bahasa Javascript

Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.

Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.

(1)

membuat read more baca selengkapnya otomatis.

(2)

(3)

Selanjutnya,cari kode </head>,setelah ketemu tepat diATASnya letakkan kode javascript berikut:

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>

Setelah itu untuk Cara 1.Read More Button Otomatis menggunakan gambar,hapus kode tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></a></span> 
<b:else/>
<data:post.body/>
</b:if>

Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode <data:post.body/> atau <p><data:post.body/></p>
tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span> 
<b:else/>
<data:post.body/>
</b:if>

Lalu simpan templates dan lihat hasilnya.
Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 2.Semoga berhasil dan selamat ngutak-atik template ya Membuat Read More Otomatis / Auto ReadMore di Blogger Selesai.

Membuat Read More Otomatis / Auto ReadMore di Blogger Selesai.

Sabtu, 28 Januari 2012

YouTube Blogger Template - BloggerTube - YouTube Style Bloger Templete

Kelebihan BloggerTube - Youtube Style Blogger Template

Tidak meniru 100% dari template yang digunakan oleh YouTube,namun sekilas jika kita melihat dari segi performence-nya ada kesamaan face / tampilan design-nya.
Adalah BloggerTube Blogger Template mengusung blogger template Youtube Style,kita semua tahu hal ini tidak akan sampai melanggar hukum kecuali jika kita menerapkannya 100% seperti YouTube dan mengklaimnya sebagai hasil dan hak cipta sendiri apalagi memperdagangkannya.

Sedang di sini pun yang akan dibahas tidak 100% menjiplak dari YouTube,namun kelebihannya adalah lebih enak dilihat dan sangat pas diterapkan jika kontent blog berisi lebih banyak menggunakan streaming video.
Contoh fisiknya atau demonya,sobat bisa lihat di salah satu blog teman kami di SINI,dengan catatan jika dari pihak yang menciptakannya sudah menghapus file-file yang didalamnya (seperti javascriptnya,icon-nya,dll) maka template ini tidak akan bekerja dengan yang semestinya.

Bagaimana Cara Menginstall BloggerTube - YouTube Blogger Template?

Pertama,sama dengan langkah dan cara mengganti template blogger menjadi WikiPedia Style Blogger Template pada beberapa hari yang lalu,ikuti instruktur tersebut sampai dengan selesai.

Kedua,Setelah template blogger anda sudah berhasil dikonvert menjadi 'Youtube Style',modofikasilah beberapa nama-nama yang sekiranya anda tidak butuhkan,caranya dengan Pergi ke Tata Letak lalu pilih Edit Html dan contreng Expand Widget Templates lalu gunakan Ctrl+F pada keyboard untuk merubah nama mana yang akan sobat ganti.

Teknik merubah nama ini bisa gunakan trik seperti (ini hanya contoh merubah isi template aja ya gan):

-Lihat blog dan lihat nama mana yang ganjil dan akan sobat ganti:

-Pergi ke Tata Letak lalu pilih Edit Html dan contreng Expand Widget Templates lalu gunakan Ctrl+F pada keyboard untuk merubah nama mana yang akan sobat ganti tersebut.

Di atas hanyalah trik cara mengganti isi template atau merubah tulisan pada template yang ingin kita rubah sesuai dengan keinginan kita masing-masing.

Ketiga,jika template sudah sesuai dengan keinginan,kini saatnya untuk mengatur agar hasil pencarian nanti dapat menampilkan screenshot videonya.

Caranya,setiap melakukan posting baru,pastikan sobat meletakkan kode berikut:
Misal sobat ingin meletakkan video dari youtube dengan url seperti dibawah ini (untuk cara meletakkan/memasang video youtube ke blog bisa sobat baca tutornya di sini)

gb.screenshot

Perhatikan ya gan url yang diberi tanda lingkar tersebut,itulah yang nantinya akan dimasukkan dalam posting kita.
Cara menerapkannya seperti ini:
1.Saya akan posting tentang video di url

http://www.youtube.com/watch?v=sLLCAmr8vjs

2.Saya akan meletakkan kode berikut untuk menampilkannya di blog

<embed src="http://www.youtube.com/v/sLLCAmr8vjs" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>

3.Saya akan menempatkan kode berikut setelah kode diatas (kode berikut berfungsi untuk memperlihatkan screenshot video yang bersangkutan seperti gb.screenshot diatas:

<img src="http://i2.ytimg.com/vi/6chUPd4XSrw/default.jpg" />

Ket:kode sLLCAmr8vjs saya ambil dari sumber video tersebut.

Bagaimana sob,penasaran ingin mencoba template tersebut? klik di SINI ya untuk download file.Semoga bermanfaat dan sampaikan saran dan kritik sobat di Facebook Fan Page kami ya :D

Rabu, 28 Desember 2011

Wiki - Wikipedia Style Blogger Template

Blogger Template yang Simple,Hemat dan Berkesan Profesional

Saya sudah mencoba menerapkan blogger template dengan style (baca:gaya) wikipedia yang seperti sudah kita semua tahu.Dan ternyata memang memberi kesan yang lebih sejuk dan terlihat lebih profesional :D

Sobat bisa langsung download filenya di SINI.
Nah untuk langkah singkat cara mengganti template di blogger sekalian saya juga akan share di sini.Ini karena ada beberapa agan-agan yang belum begitu mengerti cara mengganti template dari hasil download di internet.Jika pada blogger dalam mengganti template hanya dengan klik saja (seperti tutorial lau dalam mengubah blogger template menjadi dynamic)namun berbeda saat kita akan mengganti template dari hasil download seperti kali ini.Nah,biar sobat yang belum mengerti benar bagaiamana cara mengganti template,disini saya akan menjabarkan dengan cara manual namun sangat efektif.

Cara Mengganti Template Blogger dengan Wiki - Wikipedia Style

1.Sobat download filenya,silakan klik di Sini,dan file nantinya akan sobat simpan dalam komputer sobat (terserah mau ditempatkan dimana)

blogger template wikipedia.

2.Extract hasil download dan buka folder lalu cari file WikiWP.xml buka file tersebut menggunakan Wordpad,lihat Gambar:

cara mengganti blogger template wikipedia.

cara mengganti blogger template wikipedia.

3.Selanjutnya sobat tekan Ctrl+A setelah itu klik 'Copy' untuk mengcopy semua data di wordpad tersebut,lihat gambar:

cara cepat mengganti dan merubah template menjadi template wikipedia.

cara cepat mengganti dan merubah template menjadi template wikipedia.

4.Pergilah ke Dashboard lalu pilih Tata Letak kemudian tab Edit Html selanjutnya (PENTING)jangan lupa contreng checkbox Expand Widget Templates.

5.Ctrl+A dalam area templates,delete alias hapus semua kode template yang lama dan ganti dengan kode template wiki yang baru saja kita copy dari Wordpad tadi (lihat langkah 3 diatas) lalu kita paste ke area ini,lihat gambar:

cara download template wikipedia.

6.Simpan Templates.Selesai.

Tambahan:Jika setelah menyimpan template ada notif seperti gambar cara mengunduh template dan mengganti blogger templete wikipedia.

cara mengunduh template dan mengganti blogger templete wikipedia.

,teserah sobat saja,jika mau mempertahankan widget yang sudah ada tinggal klik 'pertahankan widget' namun jika ingin tampilan baru maka klik 'delete widget'.

Selasa, 13 Desember 2011

Mengaktifkan Dynamic Template Blogger Tanpa Merubah Template Asli

Cara Menerapkan / Menggunakan Dynamic Blogger Template

Sebenarnya tutorial ini sudah agak basi ya sob,masalahnya sejak oktober 2011 lalu sudah banyak agan-agan yang juga share masalah merubah template blogger menjadi dynamic template.
Masalahnya,pada tutorial-tutorial yang sudah teman-teman bagikan adalah merubah secara default menjadi dynamic template,dan hal ini saya kira sangat merugikan teman-teman karena template yang sudah kita patenkan menjadi dynamic template sudah tak dapat kita vermak sedemikian rupa lagi.
Hal ini karena blogger menonaktifkan pengaturan pada template jika kita sudah telanjur menggunakan dynamic template tersebut menjadi default template pada blog yang kita miliki.

Tapi perlu sobat ketahui,bahwa dynamic template ini tercipta adalah dengan mengambil dari screenshot feed blog kamu,jadi jika feed yang sobat miliki belum dirubah menjadi 'Full' atau 'Penuh' maka dynamic template ini tidak dapat bekerja,dan justru yang akan terjadi nantinya sobat akan melihat notif seperti ini:

Untuk itu,sebelum sobat menggunakan trik ini,terlebih dahulu atur feed blog sobat menjadi 'Penuh' atau 'Full',caranya (untuk tpilan baru -beta-) ikuti langkah berikut:

Pergi ke Dashboard lalu pilih Settings(gb1) dan kemudian pilih Other(gb2),Selanjutnya rubah feed menjadi Full atau Penuh(gb3) dan simpan.

Cara mengaktifkan Dynamic Views untuk Blogger.

Cara mengaktifkan Dynamic Views untuk Blogger.

gb1

Cara Mengubah Dynamic View Menjadi Halaman Utama Blogspot.

gb2

Tips Membuat Tampilan Dynamic View Blogger.

gb3

Nah sebenarnya cukup mudah untuk menggunakan / menerapkan / mengaktifkan dynamic template yang disediakan blogger tanpa kita harus mengubah template aslinya.
Yup,cukup mengubah url sesuai dengan dinamik templete yang sobat inginkan,mengingat blogger menyediakan dalam beberapa pilihan.
Diantaranya adalah :

1.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Magazine,
Tambahkan pada url sobat dengan view/magazine,
contoh : http://google.blogspot.com/view/magazine
*google.blogspot.com rubah sesuai dengan alamat blog sobat*

Hasilnya untuk blog ini akan seperti gambar berikut sob:

1.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Magazine

Dynamic Template dengan tampilan Magazine.

Klik di sini untuk melihat demo.

2.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Flipcard

Klik di sini untuk melihat demo.

3.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Classic

Klik di sini untuk melihat demo.

4.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Mosaic

Klik di sini untuk melihat demo.

5.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Sidebar

Klik di sini untuk melihat demo.

6.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Snapshot

Klik di sini untuk melihat demo.

7.Cara merubah Template Blogger menjadi Dynamic Template dengan tampilan Timeslide

Klik di sini untuk melihat demo.

Semua tinggal selera kamu deh sob,semoga bermanfaat ya,keep post gan!!!

MXM BERBAGI INFO