Berita Dunia

berbagi ilmu seputar Dunia kita

Accel World Blogger Templates

Apa kabar sobat,sudah selesai Ujianya?saya masih ujian,tapi malah ngeblog lagi==v.pada kesempatan kali ini,saya redesign kembali template Guilty crown.hampir mirip" sih,tapi untuk beberapa bagian pada posting dan header stylenya sudah saya ubah.untuk keseluruhan'a sih ga beda jauh sama template sebelumnya,jadi anggap saja ini black edition'nya~xD.


Untuk tema'a sendiri menurut saya cukup menarik dan sulit,kenapa menarik?karena dari cerita dari anime'a sendiri hampir mirip dengan Guilty crown,tinggal di abad dunia yang serba modern,hidup menyendiri dan akrir'a bertemu dengan gadis yang moe,lalu diberi kekuatan.mirip bukan dengan guilty crown.tapi karena baru episode 2,jadi tambah penasaran dengan jalan ceritanya nih.

lalu,kenapa sulit?karena dari Animenya sendiri masih preair episode 1-2.jadi masih jarang banget di google atau dimanapun yang menyediakan wallpaper,gambar render ataupun screenshotnya.tapi akhir'a ada jg gambar yang cocok di devianart dan di minitokyo.net.udah beberapa kali saya milih" gambar yang cocok,udah diedit setengah mati gara" keneksi putus mulu.wwkwwkww,dan akhirnya hari ini templatenya selesai juga ^^.

So,kalau menurut kamu template ini bagus,silakan dicoba.tapi selalu saya ingatkan untuk membackup terlebih dahulu template kamu agar tidak terjadi hal" yang diinginkan.

terlebih lagi sekarang blogger sedang bermasalah dengan widget kontributor dan feed.dari element halaman tidak bisa dihapus,dari edit HTML tidak bisa dihapus juga dan malah keluar error code=____=. 

untuk yang mempunyai masalah widget tidak bisa dihapus,solusinya yaitu download dulu template kamu,lalu buka dengan wordpad/notepad,lalu hapus kode html widget'a,simpan,setelah itu upload lagi ke blog kamu,maka widget'a akan hilang.agak rbet sih,saya saja sampai pusing gara" masalah itu.

semoga dari pihak blogger dapat langsung memperbaikinya. #facepalm


-Preview-

-1 Sidebar-


-2 Sidebar-



-Pengaturan menu

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

<div id='navigation'>
<div id='navi'>
<ul>
<li class='selected'><a href='#'>Home</a></li>
<li class='selected1'><a href='#'>About me</a></li>
<li class='selected2'><a href='#'>Exchange link</a></li>
<li class='selected3'><a href='#'>Site map</a></li>
<li class='selected4'><a href='#'>Guestbook</a></li>
<li class='selected5'><a href='#'>Download</a></li>
<li class='selected6'><a href='#'>Contact</a></li></ul>
</div>
</div>



Ganti tanda pagar dengan URL web yang kamu inginkan,lalu simpan.




-Pengaturan Avatar
Avatar

Untuk Avatar,sama seperti template Another kamu harus setting manual agar avatar mucul,kalau tidak,ya tidak akan muncul==v
ukuran gambar avatar tepatnya 68px x 68px

Pertama,buka blogger=>rancangan=>edit HTML=> Centang Expand Widget Templates
Lalu carikode html seperti dibawah ini

<div style='width:550px; height: 90px;'>
<div class='admin'>
<b:if cond='data:post.author == &quot;Johanes djogan&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWfl-sc9CBIBh5mkVzKgcIDO8A4hir5YoeuWNf-skdtjtvxy1GXRrIrPEcIgzt2xAw2J8OLMeq0i61cZIb3P7d0tyMnoxfkLV7L0L6NgwQQkmMhtG-G23Cb_8i6S75VWY8yFvmtnfgF7c/s1600/Untitled-1+copy.png'/></b:if>
<b:if cond='data:post.author == &quot;Chera Ant Sullivan™&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWfl-sc9CBIBh5mkVzKgcIDO8A4hir5YoeuWNf-skdtjtvxy1GXRrIrPEcIgzt2xAw2J8OLMeq0i61cZIb3P7d0tyMnoxfkLV7L0L6NgwQQkmMhtG-G23Cb_8i6S75VWY8yFvmtnfgF7c/s1600/Untitled-1+copy.png'/></b:if>
<b:if cond='data:post.author == &quot;xMikhailx Ryuzaki&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWfl-sc9CBIBh5mkVzKgcIDO8A4hir5YoeuWNf-skdtjtvxy1GXRrIrPEcIgzt2xAw2J8OLMeq0i61cZIb3P7d0tyMnoxfkLV7L0L6NgwQQkmMhtG-G23Cb_8i6S75VWY8yFvmtnfgF7c/s1600/Untitled-1+copy.png'/></b:if>

</div>

kode html Diatas ini,saya sudah sediakan 3 jenis avatar untuk tiga author blog.
cara mengaktifkan avatar ini,yang perlu kamu lakukan adalah mengganti username blogger kamu pada tag conditional author yang sudah tersedia

text bewarna merah:ganti dengan Username kamu.
text bewarna biru :ganti dengan Url gambar avatar kamu.Ukuranya 136px x 190px.

kalau tidak tahu username kamu,sebenar'a mudah aja,tinggal copas dari nama profil di blog kamu,atau bila ada banyak penulis tapi tidak tahu username'a,cara'a:
buka blogger=>setting=>izin/permission.

Contoh:

Lalu kamu akan melihat beberapa nama penulis dan admin disana.tinggal copy paste deh nama'a




Itu saja sih pengaturanya,saya tidak menambahkan widget headline,karena sedang bermasalah pada bloggernya,jadi saya menurut saya tidak perlu :)

Terima kasih,Arigatou Gozaimasu,ditunggu Template Anime selanjutnya~xD 
#tanggal 27,selesai UTS~











Bonus wallpaper Accel world hasil editan sendiri yang gagal dipakai~xD #dibuang sayang~xD






sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Accel World Blogger Templates http://djogzs.blogspot.com/#ixzz1uvyubde1
Under Creative Commons License: Attribution

Cara Membuat Facebook Fan Page Tersembunyi


langkah 1

Pertama, Masuk Blogger > Rancangan > Edit HTML

Kedua,Cari Kode </head> (gunakan Ctrl + F Untuk mempermudah Mencarinya)

Ketiga,Copy Dan paste Kode Di bawah Ini Tepat sebelum kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Keempat,Simpan Template

Langkah 2

Pertama , Login Blogger > Rancangan > Elemen Lama > Tambah gadget > Html/JavaScript

Kedua, Copy Kode Di Bawah Ini dan Paste di Html/JavaScript Yang Taadi sobat Buka :
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://i1013.photobucket.com/albums/af256/iroelst/logofb-1.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 100px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:50%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE Facebook Sobat&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="ahmadanakindonesia.blogspot.com/2012/03/cara-membuat-facebook-fans-page.html">Mau Widget Ini Click Disini</a></span></div></div>

cara membuat gambar di pojok blog


 Mungkin banyak yang bertanya bagaimana cara membuat gambar di pojok blog.? Barangkali sobat ingin menampilkan logo blogger Indonesia sebagai ciri bahwa sobat merupakan blogger Indonesia. Langsung saja copy paste script berikut ini untuk menempatkan logo blogger Indonesia di blog sobat. Langsung aja ke caranya sebagai berikut:

1. Login ke blogger trus klik "Layout -->> Edit HTML
 
2. Cari kode ini ]]></b:skin>. Bila sudah letakan kode dibawah ini sebelum kode 
]]></b:skin>

#trik_pojok {
position:fixed;_position:absolute;Top:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang berwarna merah adalah letak posisinya,jika ingin mengganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
Left = Kiri
Right = Kanan
Top = Atas
Bottom = Bawah 

4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
<div id="trik_pojok">
<a href="http://crz-share.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/WidgetBloggerIndonesia.png" border="0" /></a>
</div>
5. Simpan hasil kerja kamu dan lihat hasilnya.

NBUntuk point nomor 4, saya telah sediakan gambar beserta codenya jadi sobat hanya tinggal menempelnya di blog sobat.
  
<div id="trik_pojok">
<a href="http://crz-share.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/WidgetBloggerIndonesia.png" border="0" /></a>
</div>

 
<div id="trik_pojok">
<a href="http://crz-share.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/iluvindonesia_2.png" border="0" /></a>
</div>


 
<div id="trik_pojok">
<a href="http://crz-share.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/BloggerIndonesiaKirisss.png" border="0" /></a>
</div>

 
<div id="trik_pojok">
<a href="http://crz-share.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/WidgetKananBloggerIndonesiasss.png" border="0" /></a>
</div>

Cara Membuat Recent Post Pada Blog


Recent Post, atau bahasa indonesia nya “posting terkahir” merupakan salah satu fasilitas yang terdapat pada suatu blog untuk memudahkan pembaca blog tersebut mengetahui posting-posting lain yang terdapat pada blog tersebut, Recent Post ini biasanya di tampilkan berupa link menuju postingan yang di maksud.
Pada umumnya Recent Post pada blogspot hanya berupa link dan tidak di sertai dengan gambar, sehingga membuat Recent Post tersebut kurang menarik :), kali ini kita akan mencoba merubah Recent Post standar menjadi lebih menarik dengan menyertakan gambar, caranya cukup mudah cukup tambahkan script berikut pada widget anda
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<right><style>
img.recent_thumb {padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:13px;font-color:black;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:13px;}
</style>
<script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script>
<script style="text/javascript">
var numposts = 7;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 75;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right>
Hasil dari penerapan kode di atas akan terlihat seperti berikut

 

Ganti Background

Change Background of This Blog!


dapatkan gadget ini

_