Latest Post

Tampilkan postingan dengan label Belajar Ngebolg. Tampilkan semua postingan
Tampilkan postingan dengan label Belajar Ngebolg. Tampilkan semua postingan

Free Download Best Blogger Template

Written By Admin on Rabu, 18 Juli 2012 | 22.29


Blogger template yang baik sangat penting untuk sebuah blog. Ini membantu untuk menarik pengunjung ke blog Anda dan juga membantu mereka untuk menavigasi melalui blog Anda dengan mudah dan cepat. Jika blog Anda memiliki template unik, biasanya membantu untuk mengingat tentang blog Anda dalam pikiran pengunjung.Untuk mencapai hal ini, Anda dapat menggunakan pilihan tema dibayar atau gratis premium blogger template. Di sini saya telah terdaftar lebih baik 20 template website/blog blogger, ketika Anda ingin memilih template blogger yang lebih baik untuk blog Anda. Blogger template ini gratis, tetapi ketika Anda menggunakan template ini, baik untuk tetap utuh footer link yang menyediakan karena kredit untuk para penulisnya.

1. Premium Blogger Templates
Premium Blogger Templates
Blogger Templates oleh PremiumBloggerTemplates.com. Tempat terbaik untuk men-download gratis premium indah blogger template untuk blog Anda.Template kami memberikan blog Anda terlihat profesional dan unik.

View site
2. BTemplates
BTemplates
Blogger Templates oleh BTemplates.com. Direktori template blogger terbesar dengan berbagai kategori.

View site
3. Blog Template 4u
Blog Template 4u Blogger Templates oleh BlogTemplate4u.com. Blogger Templates Gallery menyediakan ribuan blogger template.
View site
4. Zoom Template
Zoom Template Blogger Templates by ZoomTemplate.com. Zoom Template Gallery adalah membuat sederhana dan mudah untuk menemukan lebih banyak gratis Blogger template dan tema WordPress gratis.
View site
5. Deluxe Templates
Deluxe Templates Blogger Templates by DeluxeTemplates.net. Sederhana dan koleksi template blogger indah.
View site
6. Best Theme
Best Theme Blogger Templates by BestTheme.net. Dapat menemukan koleksi template blogger indah di sini.
View site
7. Blogger Themes
Blogger Themes Blogger Templates by BloggerThemes.net. A site which provide Unique Blogger Templates.
View site
8. Blogcrowds
Blogcrowds Blogger Templates by Blogcrowds.com. Another good and simple blogger template collection.
View site
9. Themecraft
Themecraft Blogger Templates by ThemeCraft.Net.
View site
10. Blogger Templates Free
Blogger Templates Free Blogger Templates by BloggerTemplatesFree.com.
View site
11. AllBlogTools
AllBlogTools Blogger Templates by AllBlogTools.com.
View site
12. Blogger Styles
Blogger Styles Blogger Templates by BloggerStyles.com.
View site
13. Blogger Template Place
Blogger Template Place Blogger Templates by BloggerTemplatePlace.com.
View site
14. Blogger Theme
Blogger Theme Blogger Templates by BloggerTheme.Net.
View site
15. Dhe Template
Dhe Template Blogger Templates by DheTemplate.com.
View site
16. Templates Block
Templates Block Blogger Templates by TemplatesBlock.com
View site
17. AnshulDudeja.com
AnshulDudeja.com Blogger Templates by AnshulDudeja.com.
View site
18. Our Blogger Templates
Our Blogger Templates Blogger Templates by OurBloggerTemplates.com.
View site
19. Chicablogger
Chicablogger Blogger Templates by Chicablogger.com.
View site
20. Buy My Themes
Buy My Themes Blogger Templates by BuyMyThemes.com.
View site
21. Splashy Templates
Splashy Templates Blogger Templates by SplashyTemplates.com.
View site
22. Xml Blogger Templates
Xml Blogger Templates Blogger Templates by XmlBloggerTemplates.com.
View site
23. Lovely Templates
Lovely Templates Blogger Templates by Lovely Templates.com.
View site

Style Paragraf pada Postingan Blog

Written By Admin on Kamis, 14 Juni 2012 | 07.39

Assalamualaikum Wr.Wb  - Bismillah. Alhamdulillah. Salam semangat blogging!!. Oke pagi ini saya akan share tentang style style css yg bisa memperindah tulisan suatu paragraf. Mungkin sudah ada beberapa contoh diblog ini. Misal drop-cap, background paper dll. Nah waktu ini saya share juga, hehe.

drop-cap
green Day adalah sebuah kelompok musik bergenre punk rock yang berasal dari California, Amerika Serikat dan terdiri atas Billie Joe Armstrong (penyanyi utama, gitaris), Mike Dirnt (basis, penyanyi pendukung), dan Tré Cool (pemain drum, penyanyi pendukung). Green Day telah diakui di dunia musik karena keberhasilan mereka dalam mengembalikan dan membuat genre punk rock kembali terkenal, bersama-sama dengan grup musik tahun 1990-an seperti The Offspring dan Rancid.Musik mereka telah mempengaruhi banyak kelompok musik beraliran punk lain, seperti Blink 182 dan Good Charlotte.
cssnya:
.drop-cap {
font-size:300%;
font-weight:bold;
font-family:Georgia,Serif;
float:left;
margin-right:10px;
padding:15px;
border:3px double #777;
background:#ECE9D8;
text-transform:uppercase;
line-hight:200%;
}
Manggilnya cukup
<span class="drop-cap">FONT YG MAU DIDROPCAP</span>

text menjorok
Merunut sejarah band bernama MY CHEMICAL ROMANCE atau bisa juga disebut My Chem atau MCR berarti kita bicara pengalaman pahit yang dilihat langsung oleh vokalisnya, Gerrard Way. Gerrard adalah salah satu saksi hidup ketika teroris meruntuhkan World Trade Center, 11 September 2001 silam. Rasa marah, kesal, gelisah, sedih dan resahnya kemudian dituangkan dalam lagu berjudul Skylines and Turntiles. Lagu itu juga menjadi semacam opening band yang akhirnya dibentuk oleh Gerrard Way bareng Matt ‘Otter’ Pellisier (drummer pertama yang sudah cabut).
caranya:
<p style="text-indent:30px;text-align:justify;">ISI PARAGRAF</p>

2 kolom (versi float css)
Sebelum di Breaking Benjamin, Ben Burnley adalah seorang pemain solo. Dia kemudian datang dengan nama band, “Breaking Benjamin,” setelah melakukan kinerja penutup Nirvana. Pada akhir pertunjukan, Ben menjatuhkan dan retak mikrofon ia meminjam. Pemilik mikrofon berjalan ke panggung dan berkata, “Saya ingin berterima kasih kepada anda karena meretakan mikrofon sialan saya.”
Sebelum di Breaking Benjamin, Ben Burnley adalah seorang pemain solo. Dia kemudian datang dengan nama band, “Breaking Benjamin,” setelah melakukan kinerja penutup Nirvana. Pada akhir pertunjukan, Ben menjatuhkan dan retak mikrofon ia meminjam. Pemilik mikrofon berjalan ke panggung dan berkata, “Saya ingin berterima kasih kepada anda karena meretakan mikrofon sialan saya.”
caranya:
<p style="float:left;width:48%;text-align:justify;">
ISI KOLOM PERTAMA</p>
<p style="float:right;width:48%;text-align:justify;">
ISI KOLOM KEDUA</p>
<div style="clear:both;"></div>

2 kolom (versi html)
Saosin adalah grup musik rock asal Newport Beach, California, Amerika Serikat. Band ini dibentuk pada tahun 2003 dan merekam EP pertama mereka, Translating the Name, pada tahun yang sama bersama vokalis pertama mereka Anthony Green. Green meninggalkan Saosin mengikuti keputusan band yang ingin menandatangani kontrak dengan major label, Capitol Records. Vokalis Cove Reber kemudian segera menggantikan posisinya sebelum mereka memulai proses rekaman album perdana mereka Saosin. Album studio kedua mereka, In Search of Solid Ground, dirilis pada September 2009 melalui Virgin dan tiga lagu diantaranya merupakan lagu The Grey EP yang direkam ulang. Saosin berpisah jalan dengan Cove Reber pada 21 Juli 2010 dan saat ini hanya terdiri atas gitarist Beau Burchell dan Justin Shekoski, bassist Chris Sorenson, dan drummer Alex Rodriguez. Saosin adalah grup musik rock asal Newport Beach, California, Amerika Serikat. Band ini dibentuk pada tahun 2003 dan merekam EP pertama mereka, Translating the Name, pada tahun yang sama bersama vokalis pertama mereka Anthony Green. Green meninggalkan Saosin mengikuti keputusan band yang ingin menandatangani kontrak dengan major label, Capitol Records. Vokalis Cove Reber kemudian segera menggantikan posisinya sebelum mereka memulai proses rekaman album perdana mereka Saosin. Album studio kedua mereka, In Search of Solid Ground, dirilis pada September 2009 melalui Virgin dan tiga lagu diantaranya merupakan lagu The Grey EP yang direkam ulang. Saosin berpisah jalan dengan Cove Reber pada 21 Juli 2010 dan saat ini hanya terdiri atas gitarist Beau Burchell dan Justin Shekoski, bassist Chris Sorenson, dan drummer Alex Rodriguez.
caranya:
<table width="100%" align="justify" cellpadding="10">
<tr>
<td>ISI KOLOM PERTAMA</td>
<td>ISI KOLOM KEDUA</td>
</tr>
</table>

Alhamdulillah. Sekian postingan Style-style Paragraf dari saya kalau semisal ada permasalahan bisa ditanyakan langsung kebawah dan isi form komentarnya. Berikan komentar anda =)). Wasslamualaikum Wr.Wb

Rahasia Master SEO

Tooltip Otomatis disetiap Link Berattribut Title

Alhamdulillah. Bismillah. Enricumiz - Tooltip Otomatis disetiap Link Berattribut Title. Hayo udah pada tahukan? Ini dia caranya masang tooltip otomatis di setiap link berattribut title :). Enak bukan, tidak usah memasang class ataupun plugin. Tinggal pasang di template dan pasang attribut title disetiap link, dijamin berhasil :) #sory masih minimalist :D

Tutorial :
  • Masuk ke Editor template anda masing-masing.
  • Cari kode </head> , copas kode di bawah ini, paste di atas </head>
  • <script type='text/javascript'><!--tooltip-->
    this.tooltip = function(){
    xOffset = 20;
    yOffset = 20;
    $(&quot;a[title]&quot;).hover(function(e){
    this.t = this.title;
    this.title = &quot;&quot;;
    $(&quot;body&quot;).append(&quot;<p id='tooltip'>&quot;+ this.t +&quot;</p>&quot;);
    $(&quot;#tooltip&quot;)
    .css(&quot;top&quot;,(e.pageY - xOffset) + &quot;px&quot;)
    .css(&quot;left&quot;,(e.pageX + yOffset) + &quot;px&quot;)
    .fadeIn(&quot;fast&quot;);
    },
    function(){
    this.title = this.t;
    $(&quot;#tooltip&quot;).remove();
    });
    $(&quot;a[title]&quot;).mousemove(function(e){
    $(&quot;#tooltip&quot;)
    .css(&quot;top&quot;,(e.pageY - xOffset) + &quot;px&quot;)
    .css(&quot;left&quot;,(e.pageX + yOffset) + &quot;px&quot;);
    });
    };
    // starting the script on page load
    $(document).ready(function(){
    tooltip();
    });
    </script><!--tooltip ends-->
    NB : offsetnya bisa diganti sesuka anda.
  • Kemudian pasang kode CSS nya :
  • /* tooltip */
    #tooltip {
    width:auto;
    text-transform:capitalize;
    z-index:9999;
    position:absolute;
    background:#E9E7ED;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px;
    border-radius:2px;
    -o-transition:0.5s ease-out;
    -moz-transition:0.5s ease-out;
    -webkit-transition:0.5s ease-out;
    padding:3px;
    font-family:arial,"Helvetica LT Std",sans-serif;
    font-size:12px;
    color:#000;
    border:1px solid #B0BECF;
    display:none;
    font-weight:bold;
    }
    Edit CSS-nya sesuka hati kalian.
  • Kalau tidak bisa atau berhasil, mungkin belum di pasang pemanggil jQuery. Pasang jquey pemanggil di atas </head> :
  • <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
  • Simpan.
Oke, Semoga bermanfaat tutorial hari ini. Kalau berkenan, Like fanspage blog ini donk, diatas postingannya. Thanks be4 . Alhamdulillah.
Rahasia Master SEO