CSS

Tampilkan postingan dengan label BLOGGER TIPS. Tampilkan semua postingan
Tampilkan postingan dengan label BLOGGER TIPS. Tampilkan semua postingan

Selasa, 07 Mei 2013

Cara Memasang Facebook Di Blog

Diposting oleh di 06.12 · 0 komentar
Mungkin anda pernah merasa kesulitan memasang halaman facebook di blog? Membuat halaman facebook sendiri sebetulnya cukup mudah, namun yang jadi kendala terkadang adalah blogger pemula kesulitan untuk memasukkan kode yang diberikan, ke template blog. Saya punya sebuah solusi buat sobat blogger yang mengalami masalah tersebut. dengan memasang akun facebook milik sendiri di blog. Dengan menambahkan akun facebook kita tidak perlu repot lagi membuat facebook page. Apalagi sekarang di facebook sudah ada fitur berlangganan status atau berita pribadi pengguna. 

Nah sekarang langsung saja kita ikuti tutorial cara memasang akun profil facebook di blogger.

1. Pertama silakan login ke akun facebook dan blogger anda.

2. Kemudian masuk ke profil milik sendiri, jika anda sedang di beranda, tinggal klik nama kita.

3. Klik Log aktivitas (tanda panah ke bawah)  ini yang pakai facebook timeline ya... untuk yang belum memakai facebook timeline silahkan buat dulu lihat caranya di  Cara Membuat Timeline Di Facebook

4. lalu klik Tambahkan lencana ke situs anda lihat gambar berikut




Buat yang tidak pake timeline klik aja Tambahkan lencana ke situs anda yang letak link nya di bawah daftar foto teman tab bagian kiri.
Sahabat bisa mengedit tampilannya dengan klik sunting lencana ini. 
 


Sahabat bisa memilih tampilannya mau tegak seperti contoh di atas ataupun vertikal, selain itu bisa juga sobat atur fitur apa saja yang mau ditampilkan seperti foto profil, nama kita, status terakhir, situs web dan lainnya. Tidak perlu banyak-banyak centangnya, nanti malah kepenuhan. Jika dirasa sudah cocok lalu klik Simpan.
lalu lihat logo blogger jika sobat memakai blogspot klik aja langsung logo tersebut beda dengan typepad atau wordpress. Untuk pengguna wordpress klik lainnya, akan muncul kode yang diberikan, silakan di copy kode tersebut.
Untuk blogger sendiri akan langsung diarahkan otomatis ke add gadget blog dengan catatan sobat sedang login di akun blogger. dan akan muncul seperti gambar berikut ini:
Pilih nama blog, Judul widget, lalu klik menambah widget. Selesai. Dan profil facebook pribadi sahabat sudah muncul di sidebar kanan. Langkah selanjutnya sahabat bisa atur penempatannya agar lebih indah dipandang mata, hehehe. Oke selamat Mencoba.
Label:

Rabu, 17 April 2013

RANDOM BACKGROUND

Diposting oleh di 21.21 · 0 komentar

silakan eloh copy script di bawah ini ...



Random background


nanti lo simpen di gadget html/javascript



eNbe :


kLO mao ganti background nnah ,,

tinggal ubah URL gambarnya ...

Label:

Senin, 08 April 2013

Script Photo Profile Buat Visitor Blog Creations

Diposting oleh di 07.00 · 0 komentar







Login ke Blogspot, Rancangan, Tambah Gadget, Copas script dibawah:





<td>
      <fb:profile-pic uid="loggedinuser" size="normal">
        <img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/48987_100003167696243_1726975800_n.jpg" style="max-width:200px; _width:200px;"/>
      </fb:profile-pic>
    </td>
<div class="transparent" style="left: 4px; margin-top: -75px; position: absolute;"><iframe src="http://www.facebook.com/plugins/like.php?href=http://faceblog-lutfi.blogspot.com/&amp;layout=box_count&amp;show_faces=false&amp;width=55" style="width: 55px; height: 62px; background: none repeat scroll 0% 0% transparent; padding: 0pt; margin: 0pt; border: medium none;"></iframe></div>
Label:

Kamis, 06 Desember 2012

BackGround Blog GontaGanti sendiri Pake Script :V

Diposting oleh di 23.17 · 0 komentar
Suatu hari di salah satu ruangan di gedung MPR/DPR. Seorang anggota dewan yang baru diangkat, tampak masih canggung, lugu dan serba kikuk. Rupanya dia wakil dari daerah dan belum pernah bekerja atau punya ruangan yang megah. Beberapa saat kemudian, ada yang mengetuk pintu ruangannya !!


 Capek ah cerita mending langsung tudepoint 1boncel


It's My Script 1boncel

<script type="text/javascript">
<!--
var boncelOnPictures=[
"http://bla.wekwek.XD1.jpg",
"http://bla.wekwek.XD2.jpg",
"http://bla.wekwek.XD3.jpg"

];

function doooSlide(){
  if(!window.gbrMana){window.gbrMana=0;boncelOnPictures=boncelOnPictures.sort(function(){return 0.5-Math.random()})}
  if($('#block-all').length==0){$('body').prepend('<div id="block-all" style="display:none;position:fixed;width:100%;height:100%;top:0;left:0;background-color:#000000"></div>')}
  var nyuimej=new Image();
  $(nyuimej).attr({'src':boncelOnPictures[gbrMana]}).load(function(){
    $('#block-all').fadeIn(function(){
      $('body').css({'background-image':'url('+boncelOnPictures[gbrMana]+')'});
      if(!window.udahBsize){window.udahBsize=true;$('body').css({'background-size':'100%'})}
      gbrMana++;
      if(gbrMana==boncelOnPictures.length){
        gbrMana=0;boncelOnPictures=boncelOnPictures.sort(function(){return 0.5-Math.random()});
      }
      setTimeout("doooSlide()",20000);
      $('#block-all').fadeOut();
    });
  }).error(function(){gbrMana++;doooSlide()});
}
$(window).load(doooSlide);
-->
</script>
Maunya Futu² yg ad di Beckground Blog?
Ganti in aj yg merah sama url foto contohnyee kaya gw :p

http://sphotos-c.ak.fbcdn.net/hphotos-ak-ash4/407679_280019695453081_1454082321_n.jpg


Terserah lah maunya File .jpg .jpeg .gif .png

Mau Beckgroundnya cpet GontaGantinyaa ? Change 20000 artinya duapuluhribudetik

Label:

Rabu, 26 September 2012

Cara Membuat Label atau Categories Tampil keren

Diposting oleh di 21.10 ·
Ada cara super cepat untuk merubah tampilan label atau categories punya kalian. Nggak perlu bingung bagaimana cara buat teksnya. Semua sudah ada yang menyediakan. Gratis, lagi !


Langkah-langkahnya :


1. Sebagai langkah pertama kira-kira akan dibuat teks seperti apa label atau categories kalian. Mau tetap Label, Categories, Kategori, Daftar menu atau apapun yang menurut kamu baguslah.

2. Langkah selanjutnya kunjungi FlamingText.com - Logo Design

3. Buat teks yang kalian inginkan sepuas-puasnya dengan ukuran 22 (22px) s/d 27 (27px) : Ukuran standard dan jangan lupa langsung upload dulu gambar teks Label kamu di file hosting untuk digunakan link-nya. Jangan lupa kasih ongkos parkirnya ! he ...he ...

4. Kembali ke blog kamu.

5. Login ke blogger (Login to Blogger).

6. KLIK Tata Letak (Layout).

7. Amankan template (Secure Templates).

8. Tetap di Edit HTML (Stay in the Edit HTML).

9. KLIK Expand Template Widget.

10. Cari KODE 
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

Catatan : KODE tersebut ada beberapa buah. Cari yang di sebelah atasnya ada KODE :

<b:widget id='Label...' .....dst

10. Ganti KODE : 

<data:title/>
, dengan :

<img src="Label.jpg" border="0"/> atau 
<img src="Categories.gif" border="0"/>

Sehingga bentuknya menjadi seperti contoh di bawah (disertai contoh link image Categories) :

<b:if cond='data:title'>
<h2><img src="https://sites.google.com/site/gubhugreyotprojects/image-posting/mart-2010/Categories-gubhugreyot.jpg" border="0"/></h2>
</b:if>

11. KLIK Simpan Template (SAVE).

12. Lihat hasilnya dengan membuka blog (open your blog).

By :  http://ichaldae.blogspot.com/2012/09/cara-membuat-label-atau-categories.html
Label:

Kamis, 20 September 2012

Cara Mengubah Gambar Background Header di Blogger/Blogspot

Diposting oleh di 23.29 ·
memasang header blog
Cara ini digunakan untuk mengubah/menambahkan gambar header secara keseluruhan sebagai background/latar. Jika hanya ingin mengganti/memasang gambar header pada judul dan deskripsi, cukup masuk ke Page Elements dan klik edit pada widget judul dan deskripsi pada bagian header. Upload gambar anda melalui fitur upload yang telah disediakan.
click to enlarge
Namun untuk mengganti seluruh bagian backround/latar wrapper header di blog anda, gunakan cara berikut:

1. Masuk ke Edit HTML.
2. Cari  (Ctrl+F) #header-wrapper atau yang sejenisnya (masing-masing template tidak sama tergantung basic template tersebut). Declarator ini selalu di bagian pengaturan header dan posisinya paling atas.
Contoh:
#header-wrapper{background-color:#00000;width:975px;margin:0 auto 0;height:125px;)
3. Tambahkan atribut ini sebelum background-color (atau anda dapat menghapus bagian background color jika header anda akan dipenuhi dengan gambar):
background image: url(http://alamat-url-gambar/gambar.jpg);
background-repeat: no-repeat; 
contoh jadinya:
#header-wrapper{ 
background image: url(http://alamat-url-gambar/gambar.jpg);
background-repeat: no-repeat;
background-color: #00000;
width:975px;margin:0 auto 0;height:125px;)

Atau aturan shorthand untuk background juga dapat digunakan:
background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #000000;
contoh:
#header-wrapper{background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #00000; width:975px;margin:0 auto 0;height:125px;)
Ganti http://alamat-url-gambar/gambar.jpg dengan direct url dimana anda mengupload gambar  header blog. Sebelum mengupload & memasang gambar header, edit atau pastikan ukuran gambar sama dengan width dan height header blog.
4. Save template.

Label:

Theme This Blog

Diposting oleh di 11.43 · 0 komentar

Download This blog theme


-->
Label:

Kamis, 09 Agustus 2012

Cara Membuat Screensaver (Energy Saving Mode) Blog/Website

Diposting oleh di 02.50 · 0 komentar





Dengan adanya screensaver tersebut, proses-proses dalam suatu halaman web dihentikan (paused) dan muncul sebuah tampilan baru sangat sederhana di atas halaman,dan apabila pengujung blog ingin membuka tab lain tidak akan memberatkan browsernya.



Energi Saving Mode (screensaver) Blog ini sudah banyak yang mempostingnya,dan banyak pula yang mengeluhkan loading blog jadi berat,tapi kami melakukan perubaha-perubahan agar tidak memberatkan loading blog,dari sisi kode javascript kami banyak memotong dan memodifikasi agar menjadi sangat ringan.



Langkah-langkahnya sebagai berikut :



1. Login ke account blogger Anda.

2. Klik tab Rancangan -> Edit HTML.

3. Download template dulu apabila terjadi kesalahan dapat di kembalikan seperti semula.

4. Tekan Ctrl + F untuk memudahkan pencarian.

5. Cari kode <head> dan pastekan kode berikut tepat di bawahnya :









1. Masuk ke edit HTML/Edit Template, cari (CTRL + F) tag </head>.

2. Copy dan paste script screensaver berikut tepat di atas/sebelum </head>.
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
Script di atas menggunakan Jquery JS library, jika web anda menggunakan javascript library yang lain, gunakan script berikut untuk menghindari crash/conflict dengan jquery dan gagalnya aplikasi:
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

<script>jQuery.noConflict();</script>


KOSTUMISASI SCREENSAVER BLOG

 Kostumisasi waktu screensaver sebelum standby mode:

Trik ini sangat sering digunakan pada url javascript untuk meng-override waktu default. Untuk memberikan waktu/jeda sebelum aplikasi screensaver muncul dan bekerja, tambahkan ?time=x di belakang url script. X adalah jumlah detik.

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js?time=80' type='text/javascript'/>


Dengan script seperti contoh di atas, energy saving mode akan bekerja setelah 80 detik
Label:

Minggu, 29 Juli 2012

Template FB-Anyar

Diposting oleh di 02.16 · 0 komentar
Para Blogger Sedunia Maya  

Nih Saya Mau Bagi'' Template AingCreations...


Tapi Bisa Dibilang Ini Template KetinggaLan,,,


Kalau Dibandingin Sama Template Yang Sudah Di UpGrade Sama Kang IrLan..

Yang Emangnya Juga MiLik Kang IrLan Sendiri . . . HeHeHe...!




Tapi Biarin Deh Yang Penting Happy Share...money eyes .

Langsung aja....

ReView: Disini kLik Aja... |





1. DownLoad TEMPLATE 



2. DownLoad Foto



3. DownLoad NavBar



4. DownLoad All Connect



5. Tapi Ingat Waktu Coy 




6. Udah Kita Pulang Ke HOME Page aja not worthy



Nah Biar Kalian Ga Pada Mandang Saya ini JENG-KeLin.  feeling beat up

Saya Cuma Bisa Bilang... Siapa yang Tidak KenaL dengan Yang Nama'y AingCreations...


Mau Di GoogLe / Facebook / Twitter / Blogger / Search Engine / Dll...


Pasti Sudah Pada 
dancing KecantoL Semua.... HeHeHe....


Tapi Yah... Gimana Lagi... Ya sudah di SenggoL saja ...

Tapi Jangan Di BacoK skull HaHa.............


peace signTempLate Fb-Anyar.Blogspot 15-June-2012





SenggoL


Terimakasih Untuk AingCreations



Label:

Senin, 28 Mei 2012

Cara Modifikasi Widget Popular Post With Grid Layout

Diposting oleh di 00.19 · 0 komentar
Grid Layout For The Popular Posts Widget - Cara membuat atau memodifikasi widget popular post menjadi lebih keren bergaya grid layout, seperti yang kita tahu untuk tampilan widget bawaan blogger ini cukup menarik, tapi bisa kita modif lagi dengan gaya yang berbeda, dan lebih keren tampilannya.

Biar makin jelas dan gamblang neh saya sediakan juga screenshotnya masbro :

Widget Popular Post


Oke, langsung saja kita praktek masbro

1. Login blogger pastinya

2. Pergi ke munu Design > Page Element > Add a Gadget

3. Pilih Widget "Popular Post"

4. Settinglah persis seperti gambar dibawah ini, untuk jumlah post, bisa lu  atur sendiri sesuai selera



4. Lalu Save.

5. Lanjut ke Edit HTML, beri ceklist pada Expand Widget Templates. Jangan lupa juga BackUp template sobat (buat jaga-jaga kalo ada yang error).

6. Cari kode (CTRL+F) ]]></b:skin>

Dan tambahkan kode CSS berikut diatasnya:





.popular-posts .item-thumbnail{float:left;} .popular-posts ul{padding-left:30px;} .popular-posts ul li {list-style-image: none;list-style-type: none;display:inline;} .popular-posts ul li img {padding:0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;} .popular-posts ul li img:hover {border:2px solid #ccc;-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);}





7. Lanjut cari teks PopularPosts1 (CTRL + F) biar lebih cepat.

Ini kode script lengkapnya:







<b:if cond='data:title'><h2><data:title/></h2></b:if>

<div class='widget-content popular-posts'>

<ul>

<b:loop values='data:posts' var='post'>

<li>

<b:if cond='data:showThumbnails == &quot;false&quot;'>

<b:if cond='data:showSnippets == &quot;false&quot;'>

<!-- (1) No snippet/thumbnail -->

<a expr:href='data:post.href'><data:post.title/></a>

<b:else/>

<!-- (2) Show only snippets -->

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

<div class='item-snippet'><data:post.snippet/></div>

</b:if>

<b:else/>

<b:if cond='data:showSnippets == &quot;false&quot;'>

<!-- (3) Show only thumbnails -->

<div class='item-thumbnail-only'>

<b:if cond='data:post.thumbnail'>

<div class='item-thumbnail'>

<a expr:href='data:post.href' target='_blank'>

<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

</a>

</div>

</b:if>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

</div>

<div style='clear: both;'/>

<b:else/>

<!-- (4) Show snippets and thumbnails -->

<div class='item-content'>

<b:if cond='data:post.thumbnail'>

<div class='item-thumbnail'>

<a expr:href='data:post.href' target='_blank'>

<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

</a>

</div>

</b:if>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

<div class='item-snippet'><data:post.snippet/></div>

</div>

<div style='clear: both;'/>

</b:if>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>



<b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<div class='widget-content popular-posts'>

<ul>

<b:loop values='data:posts' var='post'>

<li>

<b:if cond='data:showThumbnails == &quot;false&quot;'>

<b:if cond='data:showSnippets == &quot;false&quot;'>

<!-- (1) No snippet/thumbnail -->

<a expr:href='data:post.href'><data:post.title/></a>

<b:else/>

<!-- (2) Show only snippets -->

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

<div class='item-snippet'><data:post.snippet/></div>

</b:if>

<b:else/>

<b:if cond='data:showSnippets == &quot;false&quot;'>

<!-- (3) Show only thumbnails -->

<div class='item-thumbnail-only'>

<b:if cond='data:post.thumbnail'>

<div class='item-thumbnail'>

<a expr:href='data:post.href' target='_blank'>

<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

</a>

</div>

</b:if>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

</div>

<div style='clear: both;'/>

<b:else/>

<!-- (4) Show snippets and thumbnails -->

<div class='item-content'>

<b:if cond='data:post.thumbnail'>

<div class='item-thumbnail'>

<a expr:href='data:post.href' target='_blank'>

<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

</a>

</div>

</b:if>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

<div class='item-snippet'><data:post.snippet/></div>

</div>

<div style='clear: both;'/>

</b:if>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<div class='widget-content popular-posts'>

<ul>

<b:loop values='data:posts' var='post'>

<li>

<b:if cond='data:showThumbnails == &quot;false&quot;'>

<b:if cond='data:showSnippets == &quot;false&quot;'>

<!-- (1) No snippet/thumbnail -->

<a expr:href='data:post.href'><data:post.title/></a>

<b:else/>

<!-- (2) Show only snippets -->

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

<div class='item-snippet'><data:post.snippet/></div>

</b:if>

<b:else/>

<b:if cond='data:showSnippets == &quot;false&quot;'>

<!-- (3) Show only thumbnails -->

<div class='item-thumbnail-only'>

<b:if cond='data:post.thumbnail'>

<div class='item-thumbnail'>

<a expr:href='data:post.href' target='_blank'>

<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

</a>

</div>

</b:if>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

</div>

<div style='clear: both;'/>

<b:else/>

<!-- (4) Show snippets and thumbnails -->

<div class='item-content'>

<b:if cond='data:post.thumbnail'>

<div class='item-thumbnail'>

<a expr:href='data:post.href' target='_blank'>

<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

</a>

</div>

</b:if>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

<div class='item-snippet'><data:post.snippet/></div>

</div>

<div style='clear: both;'/>

</b:if>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>



<b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<div class='widget-content popular-posts'>

<ul>

<b:loop values='data:posts' var='post'>

<li>

<b:if cond='data:showThumbnails == &quot;false&quot;'>

<b:if cond='data:showSnippets == &quot;false&quot;'>

<!-- (1) No snippet/thumbnail -->

<a expr:href='data:post.href'><data:post.title/></a>

<b:else/>

<!-- (2) Show only snippets -->

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

<div class='item-snippet'><data:post.snippet/></div>

</b:if>

<b:else/>

<b:if cond='data:showSnippets == &quot;false&quot;'>

<!-- (3) Show only thumbnails -->

<div class='item-thumbnail-only'>

<b:if cond='data:post.thumbnail'>

<div class='item-thumbnail'>

<a expr:href='data:post.href' target='_blank'>

<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

</a>

</div>

</b:if>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

</div>

<div style='clear: both;'/>

<b:else/>

<!-- (4) Show snippets and thumbnails -->

<div class='item-content'>

<b:if cond='data:post.thumbnail'>

<div class='item-thumbnail'>

<a expr:href='data:post.href' target='_blank'>

<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

</a>

</div>

</b:if>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

<div class='item-snippet'><data:post.snippet/></div>

</div>

<div style='clear: both;'/>

</b:if>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>



8. Gantilah kode script diatas dengan kode script berikut:



<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='data:showThumbnails == "false"'> <b:if cond='data:showSnippets == "false"'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <b:if cond='data:showSnippets == "false"'> <!-- (3) Show only thumbnails --> <div class='item-thumbnail-only'> <div class='item-thumbnail'> <a expr:href='data:post.href' expr:title='data:post.title'> <b:if cond='data:post.thumbnail'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> <b:else/> <img alt='' border='0' expr:height='data:thumbnailSize' src='http://www.prismestate.com/images/noimages.png' expr:width='data:thumbnailSize'/> </b:if> </a> </div> </div> <b:else/> <!-- (4) Show snippets and thumbnails --> <div class='item-content'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </div> <div style='clear: both;'/> </b:if> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget>




9. Terakhir Simpan dan lihat hasilnya.




Note:

Untuk kode CSS bisa lu kreasikan sendiri, sesuai dengan kreativitas lu masing-masing.

Sekian dari saya untuk topik pembahasan Cara Modifikasi Widget Popular Post With Grid Layout. Semoga bermanfaat.
Label:

Sabtu, 28 April 2012

Template blog Keren

Diposting oleh di 00.18 · 0 komentar
Angry Birds
Angry Birds



Live Demo

Download Theme

Template Name : Angry Birds

Author : Lasindu Nadishan

Author’s url : hhttp://www.coolbthemes.com

Similar Templates : Peeper and Compartidisimos

Descriptions : Angry Birds Blogger Template is a free blogger template
with 2 columns and sidebar on the right, 3 footer columns, slider menu,
red header with angry bird image, suitable for personal blog.



Template Properties

2 Columns Footer Columns Personal Red Right Sidebar Slideshow







Ini
template sangat unik, mirip itu loh Web Inj3ctor, Designnya minimalis
n' serem. Template ini adalah kreasi anak Indonesia yang dibuat oleh
P4r46hcyb3rn3t ,keren abis dah :D,Langsung Sedot aja Gan :D


P4r46hcyb3rn3t
Demo | Download | Mirror






Tema
templatenya hampir sama seperti Template Hacker Untuk Blogspot yaitu
mengusung "Injector Themes", hanya tampilan warna dan menunya saja yang
sedikit berbeda. 


Nama template ini adalah VB - (Vio b374k) b374k 2.1 style, buatan P4r46hcyb3rn3t.




Sebelumnya saya pernah share tentang    Template Pekalongan Cheater, kali
ini saya akan share template yang dipakai e991 sebagai tema blognya.
Kita tau sendiri kualitas cheat PB dari e991 yang tahan lama dan ga
diragukan lagi kualitasnya, bagi sobat yang ingin menggunakan template
e991 silahkan download link dibawah ini :












Fiturnya :
  • 3 ( Tiga ) Kolom
  • Sidebar di Kanan dan Kiri
  • Gaya Majalah
  • Tempat untuk Iklan
  • Footer kolom
  • Slideshow keren
  • Post Thumbnails dan Tabs


Designer : CamelGraph



Template Author : PBTemplates







selamat mencoba & semoga bermanfaat



SCREEN SHOOT
Featured : 
2 columns
Right sidebar 
3 kolom footer
Blockquote Indah
Full color. 
readmore,...
Slider Post.





·

· 2 like this





Fiturnya :
3 ( Tiga ) Kolom
Sidebar di Kanan dan Kiri
Gaya Majalah
Tempat untuk Iklan
Footer kolom
Slideshow keren
Post Thumbnails dan Tabs
Designer : CamelGraph

Template Author : PBTemplates


Label:
Langganan: Postingan (Atom)

.