Saturday, December 8, 2012

Hyouka blogger templates

Preview




1. Pengaturan Menu

Untuk pengaturan menu: Buka blogger=>templates=>Edit HTML lalu cari HTML seperti dibawah ini,lalu ganti tanda pagar '#' dengan URL link yang kamu inginkan,dan ganti juga nama link'a :)


<div id='nav'>
<ul>
<li class='home'><a href='#'>HOME</a></li>
<li>//<a href='#'>KODE-ETIK</a></li>
<li>//<a href='#'>IRC-CHAT</a></li>
<li>//<a href='#'>PROJECT</a></li>
<li>//<a href='#'>CONTACT</a></li>
<li>//<a href='#'>SITEMAP</a></li>
<li>//<a href='#'>GUESTBOOK</a></li>
<li>//<a href='#'>RECRUITMENT</a></li>
</ul>
</div>





sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Hyouka blogger templates http://djogzs.blogspot.com/#ixzz2EXC4jiSL
Under Creative Commons License: Attribution

Sword Art Online Blogger Template


Preview



Pengaturan menu

Buka blogger=> Template =>Edit HTML lalu cari kode HTML seperti dibawah ini :

<div class='navijohanes'>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>About me</a></li>
<li><a href='#'>Tutorials</a></li>
<li><a href='#'>Articles</a></li>
<li><a href='#'>Download</a></li>
<li><a href='#'>Inspiration</a></li>
</ul>
</div>

Kemudian Ganti tanda pagar '#' dengan Url link yang kamu inginkan dan ganti juga nama linknya.



Tertarik menggunakan template Sword Art online?
Check this Out~







Arigatou gozaimasu minna-san~ n_n

sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Sword Art Online Blogger Template http://djogzs.blogspot.com/#ixzz2EXBMadtK
Under Creative Commons License: Attribution

Mirai Suenaga Blogger Template



-Screenshot-



Pengaturan menu

Buka blogger=>templates=>edit HTML 

setelah itu cari HTML seperti dibawah ini.

<div id='nav'>
<ul>
<li class='home'><a href='#'>HOME</a></li>
<li>//<a href='#'>ABOUT ME</a></li>
<li>//<a href='#'>ANIME</a></li>
<li>//<a href='#'>PROJECT</a></li>
<li>//<a href='#'>CONTACT</a></li>
<li>//<a href='#'>SITEMAP</a></li>
<li>//<a href='#'>GUESTBOOK</a></li>
<li>//<a href='#'>RECRUITMENT</a></li>
</ul>

lalu ganti tanda pagar '#' dengan URL link yang kamu inginkan.





bagi yang masih penasaran,silakan dilihat demo'a~ :)




Arigatou gozaimasu minna-san and spesial thx to dannychoo, im waiting you on AFA 2012~ ^^
Selamat mencoba,semoga bermanfaat :)

sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Mirai Suenaga Blogger Template http://djogzs.blogspot.com/#ixzz2EX9RxXDB
Under Creative Commons License: Attribution

Blue Minimalist blogger template


Template kali ini bergaya foto gallery atau portfolio 3 collumn,dengan tampilan yang simple dan posisi widget popular yang sudah saya atur sedemikian rupa agar menyatu dengan posting,sehingga tampilan template ini beda dari template" gallery yang lainya.tidak lupa saya tetap mempertahankan fitur sidebar pada halaman postingnya :)

-Screenshot Halaman utama-




-Screenshot halaman posting-







1. Pengaturan Menu

Untuk pengaturan menu: Buka blogger=>templates=>Edit HTML lalu cari HTML seperti dibawah ini,lalu ganti tanda pagar '#' dengan URL link yang kamu inginkan,dan ganti juga nama link'a :)



<ul><!--menu1 -->
<li><a href='#'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Guestbook</a></li>
</ul>


2. Pengaturan widget Popular post







Cara download Via Google Drive




Arigatou gozaimasu minna-san~ 
Selamat mencoba,semoga bermanfaat :)


sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Blue Minimalist blogger template http://djogzs.blogspot.com/#ixzz2EX4pwwUB
Under Creative Commons License: Attribution

Friday, December 7, 2012

Rikka Takanashi Blogger Templates




Akhirnya Selesai juga template Rikka'a,yah pasti tau anime yang satu ini,yang juga menjadi anime favorite saya :) template kali ini saya beri dengan tema Rikka takanashi,dari tokoh anime di seri Chuunibyou Demo Koi ga Shitai!.

Akhir" ini benar" sibuk dengan urusan kuliah,tugas menumpuk trus.tapi karena ga tahan ingin buat thema'a tentang anime Chuunibyou Demo Koi ga Shitai,sambil curi" waktu sedikit saya buat dari template dasar sword art online,saya design ulang pada bagian header,posting dan footer'a,serta memperbaiki sedikit" kekurangan dan menambahkan fungsi dropdown menu pada bagian menubarnya,karena banyak'a request menu dropdown.untuk design'a sendiri,saya mengedit'a dahulu pakai photoshop,karena minggu" ini sangat sulit untuk mencari gambar header Rikka yang cocok,jadi saya edit sendiri saja deh~.

dan untuk hasil'a kalian dapat melihat preview dibawah ini ^^


Preview



Pengaturan Menu

<ul class='dark_menu'>
<li><a class='selected' href='#'>Home</a></li>
<li>
<a href='#'>About</a>
<ul>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
</ul>
</li>
<li>
<a href='#'>Categories</a>
<ul>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
</ul>
</li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Anime</a></li>
<li><a href='#'>Sitemap</a></li>
</ul>

Ganti tanda pagar '#' dengan url link site yang kamu inginkan.



sip deh,akhirnya lega juga~xD
Bila tertarik,silakan dicoba~xD
ok deh,terima kasih,saya undur diri lagi,mohon maaf kalau saya jarang" aktif,semoga masih ada banyak kesempatan waktu untuk saya aktif blogging lagi,mohon maaf apabila ada komentar yang tidak dibalas,masih banyak tugas menunggu di belakang,besok juga harus siap" menghadapi dosen yang killer",ampun deh~xDD
Akhir kata,Arigatou gozaimasu~







Sumbernya  Blog Johanes 

Tuesday, November 13, 2012

Cara Membuat Label Breadcrumb Cepat Terindex Google

Selama seminggu lebih saya cari-cari di mbah google tak ketemu juga Cara Membuat Label Breadcrumb Cepat Terindex Google, akhirnya saya kirimkan email ke pemilik blog yang label breadcrumb-nya terindex oleh google, itupun melelui proses yang panjang, dan tak terjawab emailku beberapa kali, dan akhirnya aku utak-utik mencoba dan mencoba ketemu juga kodenya, maka dari itu jika Anda seorang blogger yang bingung untuk mengoptimal label breadcrumb kami share disini.

label breadcrumb
Untuk itu silahkan ikuti caranya dibawah ini :

1. Masuk ke dasbord >> rancangan >> edit HTML.

2. jika blog Anda sudah ada breadcrumb-nya hapus saja, caranya cari kode : breadcrumb pada template kemudian hapus semuanya hingga tak ada kode breadcrumb lagi (gunakan 'ctrl+f' untuk mempermudah pencarian).

3. Jika sudah cari kode HTML ]]></b:skin>.

4. Masukan kode CSS dibawah tepat di atas kode ]]></b:skin>

.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}


5. Setelah itu cari kode ini :

<b:include data='top' name='status-message'/>


Note :
- Setiap template berbeda,terkadang kode <b:include data='top' name='status-message'/> ini ada dua,nah jika di template anda kode <b:include data='top' name='status-message'/> terdapat 2, maka cari kode <b:include data='top' name='status-message'/> yang dekat dengan kode <data:defaultAdStart/> lalu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah <b:include data='top' name='status-message'/> . Hasilnya nanti seperti ini.

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

<data:defaultAdStart/>


- Jika di template anda kode <b:include data='top' name='status-message'/> ini hanya terdapat satu,maka cari kode <b:includable id='post' var='post'> . Setelah ketemu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah kode <b:includable id='post' var='post'> . Hasilnya Seperti ini .

<b:includable id='post' var='post'>
<b:include data='posts' name='breadcrumb'/>


6. Langkah selanjutnya silahkan cari kode :

<b:includable id='main' var='top'>


7. Letakkan kede berikut tepat diatasnya :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url' rel='tag'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' href='' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span>
</b:if>
</b:loop>
<b:else/>
&#187;Unlabelled
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; All posts
<b:else/>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl'><span itemprop='title'>Home</span></a></span> &#187; Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>


Sekarang klik save lalu cek hasilnya disini

sumber : tutorial sagita

Cara Pasang Script PopUp Window Pada Blog

PopUp Window merupakan suatu halaman yang muncul di belakang maupun di depan halaman utama yang muncul begitu saja dengan tiba-tiba walau tanpa kita klik sekalipun,bisa berjumlah 1 pop up, 2 pop up, 3 pop up bahkan bisa sebanyak mungkin yang di kehendaki.


Halaman PopUp Window Biasanya di gunakan untuk beriklan dari suatu produk maupun jasa yang di tawarkan. Contoh konkrit iklan pop-up yang sering di pakai adalah situs ziddu, dimana setiap kali kita mendownload file yang ada di situs tersebut pasti akan keluar halaman window pop-up.

Berikut Tutorial Cara Pasang Script PopUp Window Pada Blog :

1. Login ke akun blogger kamu.
2. Pilih Rancangan »» edit HTML.
3. Beri tanda checklist pada Expand widget template.
4. Cari kode <body>
5. letakkan kode berikut dibawah kode <body> :

<script type='text/javascript'>
var popurls=new Array()
popurls[0]=unescape(&#39;%68%74%74%70%3A%2F%2F%77%77%77%2E%68%6F%6D%65%2D%73%61%67%69%74%61%2E%74%6B%2F&#39;)
popurls[1]='http://www.sagita-com.tk/'
popurls[2]='http://www.home-sagita.tk/'
function openpopup(popurl) { var winpops=window.open(popurl,'','width=,height=,toolbar,location,status,scrollbars,menubar,resizable') }
openpopup(popurls[Math.floor(Math.random()* (popurls.length))])
</script>

6. Simpan template.

Keterangan:
Jika Anda memasang script pop up diatas,maka akan muncul halaman-halaman lagi sesuai yang Anda targetkan,ganti yang berwarna merah dengan halaman pop up Anda sendiri.
Jika ingin menambahkan jumlah halaman pop up maka tinggal tambahkan kode berikut ke dalam script di atas :
popurls[nomer]='http://link-url-tujuan.com'

atau jika ingin mengurangi tinggal buang salah satunya.

sumber : tutorial sagita