Free Download Magazine Template DOMAG Blogger

DOMAG Magzine Template  [ DEMO ]  [ DOWNLOAD ] TEMPLATE FEATURES
Instructions URL	How to install Blogger Template
Template Author	Lasantha Bandara
Designer	Newwpthemes.com
Descriptions	DoMag Blogger Template features: 2 Sidebar, 3 Column, 3 Column footer, Adapted from Wordpress, Blue, Elegant, Featured Section, Fixed width, Fresh, Header Banner, Magazine, Orange, Pink, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White, Yellow

Configure Featured Content Slider:

Go to "Template" --> "Edit HTML" of your blog. Find <!-- Featured Content Slider Started -->. Now scroll down slowly and you can see each featured slide codes between <div class='fp-slides-items'> and </div>.

Now replace,

* "This is default featured post X title" with your featured post title.

* "#" with your featured post URL.

* "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions. This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com." with your slider description.

* Slider image address with your slider image.

How To Change Tab Names of Tab Widget:

Find this in "Edit HTML":
If you want to change your tab names of your tab widget then find this:
Now change the names "Popular", "Tags" and "Blog Archives" as you like.

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>

<li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>

<li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>

<li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>

</ul>

DoMag is a free blogger template custom design with 2 Right Sidebar, 3 Column, Ads Ready, Blogger, Bookmark Ready, Fixed, Magazine, Slideshow, White, and now you can download DoMag blogger template for free only in tuban-template.blogspot.com

Responsive Magazine Template TEAM BLOG Free Download

Team Blog Responsive Template TEMPLATE INFORMATIONS
Platform Type	Blogger
Template Name	Team Blog
Instructions	Template install here
Author name	Uong Jowo
Designer URL	http://uong-jowo.blogspot.com
Publisher	www.tuban-template.blogspot.com
Descriptions

Team Blog Responsive Blogger Template is a free blogspot xml theme with 3 column layout,1 right,custum error page ready,Team Blog Responsive xml template is much suited for News blogContent.If you are looking for a free premium blogger template for your blog then Team Blog Responsive Blogger Template is the first choice for you.

Team Blog Responsive Blogger Template,Unlimited Colors For Use

Intruction
How to install Blogger templates
1. Log in to your Blogger dashboard and go to Edit HTML
2. Enter the location of your template and Upload the XML file template
3. Upload Js [javascript] file to your file hosting

Copy link and replace in like this:
]]></b:skin>
<script src='http://yourhosting.com/....js' type='text/javascript'/>

How to replace labels posts/ To add content

Post widget follow this step
1. on Dashbord Blogger Click Layout
2. Click Edit HTML/Javascript
3. Just Write 1 Your LABEL
4. Save.

How to post of Youtube video ..?
Every post adding this code
below and replace just 2 code "VideoIdhere" with code video from youtube (e.g: e5wfYPXAjl8) :
<iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/VideoIdhere" width="640"></iframe> <img border="0" class="videos" height="0" src="http://i.ytimg.com/vi/VideoIdhere/0.jpg" width="0" /> <br />

How To change Background image..?

Change Background Image

Once you’ve chosen a template, you can continue customizing the look of your blog. you can choose the background color or image for your blog and then play with the color scheme.

To start customizing your background, click on the thumbnail under Background Image, or you can upload your background..

Live Demo    

Download Theme

Password: 1www.responsivebloggertemplate.com

Eltelu Responsive Template Blogger Free Download

Eltelu Template Responsive, Adalah sebuah garapan Semar Bingung . Selain memiliki desain yang cukup simple, template ini juga terbilang cukup ringan. Kemudian seperti yang tertera pada judul artikel ini, bahwasanya template Eltelu v1.0 juga memiliki desain yang responsif serta telah memiliki dukungan untuk fitur custom mobile template. Sehingga dengan demikian maka tampilan halaman blog secara otomatis akan menyesuaikan dengan ukuran layar monitor perangkat (misal: handphone, smartphone, serta tablet pc) ataupun ukuran jendela browser yang digunakan

Sebagai gambaran contoh dari uraian tersebut adalah seperti yang tampak pada gambar di atas dan juga screenshot halaman blog yang menggunakan Eltelu V1.0 template seperti yang tampak pada beberapa gambar di bawah ini ketika dibuka pada resolusi serta bentangan layar berbeda

Tampilan Versi Mobile (Halaman Tegak)

.

Tampilan Versi Web (Halaman Membentang)

Sementara itu bila Anda ingin melihat halaman demo secara langsung, maka silakan klik di sini untuk membuka halaman versi web atau silakan klik di sini untuk membuka halaman versi seluler.

Selanjutnya jika Anda mengunduh, menyalin, mengumumkan, menyebarkan, mengadaptasi, dan atau menggunakan Eltelu v1.0 template, maka berikut ini adalah beberapa hal penting yang perlu Anda perhatikan.

Pertama, lakukan penyesuaian pada tautan serta menu tampilan yang terdapat dalam template sesuai dengan tautan serta menu tampilan untuk blog yang Anda kelola (dalam hal ini tidak termasuk tautan dan menu tampilan untuk kredit yang terdapat pada bagian footer halaman).

Kedua, lakukan perubahan pada blog ID=944413042420217262 sesuai dengan blogID yang Anda kelola. Ubah pula https://twitter.com/semarbingung'>Ikuti @semarbingung sesuai dengan URL dan nama Twitter Anda. Dan kemudian jangan lupa untuk mengganti semarbingungweblog sesuai dengan nama yang dipakai dalam URL Facebook Fan Page yang Anda kelola.

Ketiga, Eltelu v1.0 template memiliki berbagai kelebihan bila dibandingkan dengan template yang lain, akan tetapi template tersebut tentu saja juga tidak lepas dari adanya celah, kekurangan, dan kelemahan. Sehingga bila dalam pemakaian atau penggunaannya Anda menemukan celah, kekurangan, serta kelemahan, maka silakan dilakukan pembenahan seperlunya sesuai dengan yang Anda inginkan.

Keempat, Eltelu v1.0 merupakan template Blogger yang berada dibawah lisensi Creative Commons Attribution-NonCommercial 3.0 License, yang memungkinkan untuk penggunaan pribadi. Namun, untuk memenuhi klausul lisensi 'Attribution-NonCommercial', Anda diminta untuk menjaga link footer utuh yang memberikan kredit pada penulisnya dan tidak boleh menggunakan ciptaan ini untuk tujuan komersial. Untuk rincian lebih spesifik tentang lisensi, Anda dapat mengunjungi http://creativecommons.org/licenses/by-nc/3.0/
 

DOWNLOAD TEMPLATE

FREE Template GEEKPRESS Responsive Magazine

[ DEMO ]      [ DOWNLOAD ] TEMPLATE INFORMATIONS
Platform Type	Blogger.com
Template Name	Geek Press
Author name	bloggeritems
Designer URL	bloggeritems.com

Geek Press template was designed as a flat and responsive Blogger template for News and Magazine websites. Geek Press is very easy to work without touch to code, it will help you publish your small news / magazine projects as the fastest way ever.

Geek Press Features

• 100% Reponsive
• Build home layout by add / drag / drop widgets (very easy change the sorting of the label sections or repeat label sections)
• Smart Resize Thumbnail
• Auto detect social icons
• Build drop down menu without touch to code
• Support shortcodes
• Custom 404 page
• Allow post reviews
• Advance Editor: upload background images, change background color, key colors, fonts.
• Very friendly Admin Panel
• Well Documentation
• Threaded comments with emoticons
• Blogger, Facebook and Disqus comment sytems ready and allow your visitors easy to switch, template will auto remember visitors’s choice for future.
• Related posts ready.
• Many More

Free Responsive Template Mas Sugeng

Responsive Template dari Mas Sugeng  di bawah ini screenshoot templatenya

Template Mas Sugeng

[ Live Demo ] [ Download ]

Untuk anda yang tertarik menggunakan template ini silahkan diDOwnload. Berikut ini adalah cara setting template ini :

Setelah memasang template ini di blog agan, ada beberapa kode yang perlu dirubah terlebih dahulu. Masuk ke dashboard blog anda, klik blog yang ingin agan edit, klik Template, klik Edit HTML, klik Lanjutkan, Selanjutnya tinggal agan cari kode-kode di bawah ini:

• YOUR_GOOGLE_PLUS_URL : Ganti dengan URL Profile google plus agan
• YOUR_BLOG_ID : Ganti dengan blog ID agan.
• YOUR_FACEBOOK_PROFILE_ID : Ganti dengan ID Profil facebook agan.
• YOUR_TWITTER_URL : Ganti dengan URL twitter agan.
• YOUR_TWITTER_NAME : Ganti dengan nama twitter agan.
• YOUR_FACEBOOK_FANS_PAGE_URL : Ganti dengan URL halaman facebook anda.

Selain kode-kode di atas, agan juga perlu mengganti link-link di menu navigasi. Di situ sudah diberikan keterangan untuk memudahkan agan menemukan kodenya. Berikut kode keterangannya:
<!-- menu navigasi untuk template seluler --> : Di bawah kode ini adalah menu navigasi versi seluler.
<!-- menu navigasi versi desktop --> : Di bawah kode ini adalah menu navigasi versi desktop.
<!-- top navigation --> : Di bawah kode ini adalah menu navigasi versi desktop untuk bagian atas.

Mengedit Menu Navigasi

Seperti yang sudah saya jelaskan di panduan bagian Kode yang perlu diedit, template ini memiliki dua buah menu navigasi, yang pertama untuk tampilan versi mobile/seluler, dan yang kedua untuk tampilan versi desktop. Berikut ini adalah cara bagaimana untuk mengeditnya :

1. Menu navigasi versi seluler.
Untuk mengedit menu navigasi versi seluler sangatlah mudah, agan hanya perlu mengganti URL dan anchor link-nya saja. Contohnya adalah seperti ini :

<span><a href='/search/label/Sepakbola/max-results=6'>Menu1 </a></span> &#183;

Yang berwarna merah bisa agan ganti dengan URL tujuan. Yang berwana hijau bisa agan ganti dengan anchor link yang nanti akan menjadi text tampilan yang muncul di menu navigasi. Sedangkan yang berwarna biru adalah untuk tanda pemisah antara menu berupa simbol "·" (titik).
2. Menu navigasi versi desktop
Untuk versi desktop kurang lebih sama saja, baik untuk yang bagian atas header maupun yang di bawah header. Intinya hanya mengganti URL tujuan dan anchor link-nya. Berikut adalah contohnya :

<li><a href='/search/label/Entertainment/max-results=6'>Menu1 </a></li>

Agan dapat menambahkan beberapa menu lagi jika dirasa kurang, namun jangan sampai terlalu banyak, sesuaikan dengal lebar template ini. Yang membedakan antara menu navigasi versi seluler dengan versi desktop adalah, di navigasi versi desktop agan bisa menambahkan dropdown menu, namun hanya untuk yang di bawah header. Untuk menambahkan dropdown menu, kurang lebih struktur kodenya seperti ini :

<li class='sub'><a href='#'>Menu1</a> <ul>
<li><a href='/search/label/Gadget/max-results=6'>Submenu1</a></li>
<li><a href='/search/label/Internet/max-results=6'>Submenu2</a></li>
</ul>
</li>

Yang berwarna hijau adalah anchor link yang bila diklik akan memunculkan submenu di bawahnya. Yang berwarna merah adalah URL tujuan untuk submenu. Yang berwarna biru adalah anchor link untuk submenu. Yang paling penting adalah jangan sampai lupa untuk menambahkan class "sub" pada tag <li>. Mengaktifkan Custom Mobile Template Untuk mengaktifkan fitur custom mobile template caranya adalah sebagai berikut:

1. Masuk/login ke dashboard blog agan
2. Pilih blog yang ingin agan aktifkan fitur custom mobile templatenya
3. Klik menu Template pada tab di sebelah kiri
4. Klik icon Gear di bagian bawah tampilan preview template seluler
5. Pilih "Ya. Tampilkan template seluler di perangkat seluler"
6. Di bagian dropdown, pilih "Tersesuai"
7. Klik Simpan

Memasang Iklan Versi Mobile

Untuk memasang kode iklan versi mobile di template ini sangat mudah, karena di dalam template ini sudah saya sediakan slot khususnya, yaitu di bagian bawah menu navigasi, di bawah judul posting, di bawah posting, dan di atas footer. Dan berikut adalah penjelasannya: Masuk ke dashboard blog agan, klik blog yang ingin agan edit, klik Template , klik Edit HTML, tinggal agan cari kode keterangan di bawah ini:

• <!-- top mobile ads section --> : Taruh di bawah kode ini untuk menampilkan iklan mobile di bagian bawah menu navigasi.
• <!-- footer mobile ads section --> : Taruh di bawah kode ini untuk menampilkan iklan mobile di bagian atas footer.
• <!-- top post mobile ads section --> : Taruh di bawah kode ini untuk menampilkan iklan mobile di bagian bawah judul posting.
• <!-- bottom post mobile ads section --> : Taruh di bawah kode ini untuk menampilkan iklan mobile di bagian bawah posting.