Empat-Lima Blogger Template

Assalamu’alaikum,, apa kabar rekan-rekan sekalian, sehat? Posting kali ini loefa-cebook ingin memperkenalkan template blogger baru dari loefa-cebook. Template kali ini template spesial untuk anda pengunjung loefa-cebook. :D,

Template ini saya rancang sedemikian rupa agar memiliki homepage, lebels page, dan static page berbeda, layaknya website professional. Untuk melihat demo silahkan mengklik tombol demo template.

 Demo         Download 

 Ok, bagi anda yang ingin memasang template ini untuk tampilan blog anda, anda gratis mendownloadnya. Jika anda sudah mendownloadnya silahkan extact file winrar dan baca instruksi cara uploadnya di file ReadMe.txt Setelah template di upload, anda siap untuk mengeditnya, berikut caranya.

Mengganti gambar logo template

Untuk mengganti gambar logo, pada edit html template blogger, anda cari link gambar logo-nya dengan menggunakan CRTL+F, berikut adalah link yang harus anda ganti.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKpPxgLs2o3CjsTlanIwNRmq249o5baOEQtmKdkTDmqoIbS_rjnZcdl63QBX9jrnAGXMOAEtMkUd_QqS-oliB-pM52JmlPvoe38xIcPfVjOmiyXMhq5HutkdLYvVL8Bfi8lTUqhhsLhg/s1600/logosample.png 

silahkan anda ganti link ini, dengan link gambar logo blog anda. Logo ini berukuran 200x50px.

Setting menu navigasi

Untuk menu navigasi yang ada diatas samping kanan, anda tidak perlu repot-repot lagi mengedit dan memasukan link-link halaman, karena ini merupakan widget pages blogger, anda hanya perlu membuat sebuah halaman statis blogger, untuk halaman about, contact, dan lainnya. Dengan begitu menu navigasi ini akan terisi otomatis .

Menambahkan slide show di Homepage

Untuk menambahkan slide show dihompe pada Empat-lima blogger template ini, anda bisa memasukan kode berikut pada widget HTML javascrpt dengan judul “Slide”

<div id='slideshow'>
<ul>
<li><img alt='slide4' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiu975gPf83Q-uCPZWmHOMqv_TVwAyleI5oEiKGga5ucM0STId_WTjoT3AgmlGqiPcnkdP6RAjLWlbx59Fvs8tzdcZLV_8ER87vmaYBoUD4LPL7PqWjX1V8hJn4l26tTWU6XJdOm7HAA/s1600/s4.png'/></li>
<li><img alt='slide1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCLtVEzAMQVX81PNeF1SUk8vveqtI6I7UtV3VmZZBnxcKEcbjqZcjguWuTdMCxz-zPd7ER9zpFFme3Rt490pX62ikyLKh0OajC83_cK-24x9M4KkVSLRQ_8O9MOJbC1NtvewBfVc8csQ/s1600/s1.png'/></li>
<li><img alt='slide2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsQf0bJORIJOphcW8wSPOS4WgL1Ev0P_CZEHIDKUWFIZ_e5imWQ8yrwIDKntuBk45_v-KsqJEyFn-_htHhP01oYWF2Ho15MWCwgkQdp6jFYO8naKu2qAaxwHbdhP-VsbDAB5UqFIvcoA/s1600/s2.png'/></li>
<li><img alt='slide3' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAM2-vRZMV7LRvOJsn-cj5RlLSyYpNJs-ismv0lyLiVMUOPqG6mA2OlxzrGiXZCt-k54KrDhPLrpyOCt80csdJPX4AuWdo3_f5NIjZRH8WqhzYqddob0GFwzZGBC_a0GD-YksrReaJw/s1600/s3.png'/></li>
</ul>
<div class='contin'>Premium Blogger template <b>Modern web style</b>,It's For Free!<br/>
<a href='#' title=''>Download Now!</a>
</div>   
</div>

Selanjutnya untuk menyesuaikan gambar, anda tinggal mengganti link gambar yang ada dengan link gambar milik anda, ukuran gambar slide adalah 1000x526px.

Setting Twitter tweet

Untuk mampikan tweet akun twitter anda, silahkan anda masuk keedit html, lalu cari tweet ticker start, jika menemukannya, anda ganti username saya dengan username twitter anda, untuk manampikan lebih banyak tweet, anda rubah angka 3 menjadi jumlah tweet yang diinginkan. Eg.10.

 username: "abdil_latif", 
 count: 3, 

Subscribe widget

Masukan kode berikut ini pada widget html/javascript dengan judul subscribe,

<div id='loefa-sub'>
<p>Get the latest articles by email, simply by entering your email address on the form below: </p>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=loefa-cebook', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input class='mail' type="text" name="email"/></p><input type="hidden" value="Loefa-cebook" name="uri"/><input type="hidden" name="loc" value="en_US"/><input class='btns' type="submit" value="Subscribe" /></form>
<ul>
<li class='facebook'><a href='#'>Facebook</a></li>
<li class='twitter'><a href='#'>Twitter</a></li>
<li class='rss'><a href='#'>Rss</a></li>
<li class='delicious'><a href='#'>Delicous</a></li>
<li class='buzz'><a href='#'>Google Buzz</a></li>
</ul>
</div>

Jangan lupa mengganti Id feedburner saya dengan id anda, jika anda tidak tahu id anda, silahkan masuk ke http://feedburner.google.com , untuk melihatnya

“Sponsor Logo” widget

Berikut kode widgetnya :

<p>Here you can put the logos of sponsors or sites that might be friends with your blog, it's cool like html 5 professional sites :D</p>
<ul id="mb_imagelist" class="mb_imagelist">
<li><a href='http://loefa-cebook.blogspot.com' taret='_blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-g27N29arg7OBV9OF17z-lc3G000j8yruuarOyMMZaffQn-0LZjejam_cxqLXt1A-YeVbAT87iwr1FzKcj6pHdVrHH3u9MkVKMFHtgUXtzqygezMSYXqZTG9NdfDPmhOJB8BSiUjdBA/s1600/blogger.png" alt="image1" /></a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeQl5asWGfJ_Ebl6j3IXOKGMIUAp9u8xpYdTeeRAeR5yRFnkmUJEpoJDFC2bRHi2SpIZzo07WxNbJhzWKD2AUiKtg69R2VC0NHDTKUqs1rhURaE7AZHzXfaSfe1p2G1IUq8gVPmuaFZw/s1600/google_logo.png" alt="image2" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisgAqXGQDNgAbMSOJwxmEaHf1iwQv_psB2I13HjUOlQzjKGuA1I3rjJUM7KyVW_DUBl5wxyZzlGgb4o4fyz24tfJugDB9qC3Vk5EiVb3k_LeyLBf3_TxdVws1KPYywvCUYJJmEuEDQmA/s1600/loefa-cebook.png" alt="image3" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidjy0lpemA5buf1dg3fmU87i8dr4M-UW4eg3_XJ7Mf_29-5NFavlfj-Ezu_2qSGLWr4ID7geRXjwO6AziHFj3hzjhO2SJ59D1DzZiXGtCye8VzSaomXyAH_2wxJsDt8ttDKIczCIUl4w/s1600/logo-apa-aja-boleh-lah.png" alt="image4" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7c9AIPY7D2kHYYwlWQYXGQDW7TOqqrCyO3aGuH_LV4mE8kCNTC9bimTtCbgv-OWCIuQL5KXNAxQfQREBP3KfTx7GKjXh65DdH2cu4rPJNEkUQAiPdTnHlaXLswH8LM5rMwGsqTN1Tgw/s1600/sponsor-logo.png" alt="image2" /></li>
</ul>

Disini, silahkan ganti seluruh link gambar, dengan dengan link gambar anda, ukuran gambar 150x80px. Demikian semoga template ini bermanfaat. Semoga Template Blogger ini bermanfaat dan erimakasih telah berkunjung