2014 ~ MAS ARIE69

Tuesday, July 1, 2014

good bye blogger

4:54 AM No comments

NEWSPIPERTEG RESPONSIVE TEMPLATE

Assalamulaikum, selamat tahun baru semoga apa yang tidak tercapai ditahun 2013 Insyallah akan terwujud ditahun 2014 ini...amin. nah mumpung belum ada pekerjaan dipagi ini kali ini saya bagikan satu lagi template sederhana yang responsive bermotif magazine.

DEMO

Fiuture Template :

1. NEWSPIPERTEG
2. Responsive
3. Elegant Design
4. Sliders
5. Dll

Cara Pemasangan :

1. Untuk Sliders Sliahkan cari url http://www.fianetmu.com/ pada template dan ganti dengan url Blog Anda

2. Pada Widget silahkan masukkan code berikut :

<script type='text/javascript'>var numposts =4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script> 
<script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs"></script>

Keterangan :
numposts : 4 adalah jumlah posting yang akan ditampilkan dan label news ganti dengan label postingan

Sitlight Template Blogger Ala Kadarnya

1:20 AM Template No comments

Sitlight Template Blogger Ala Kadarnya merupakan template yang dibuat pada saat saya lagi banyak perkerjaan, kerana hampir dua minggu ini saya tidak posting artikel, jadi saya sempatkan membuat template ini agar ada artikel terbaru yang bisa dibaca oleh teman-teman di Blog ini. Nggak panjang lebar lagi saya jelaskan mengenai Template ini karena bebrapa minggu ini pikiran udah terkuras oleh pekerjaan dunia nyata jadi kalian sendirilah yang bisa menilainya.

Demo - Download

Sebenarnya template ini responsive karena seperti saya katakan sebelumnya otak ini telah terkuras oleh pekerjaan dunia yang tidak bisa ditunda akhirnya responsivenya agak berantakan, namun jika kalian ingin menggunakannya dan ingin terlihat rapih pada tampilan device silahkan perbaiki CSS responsivenya.

Fitur :

1. Responsive

2. Breadcrumbs seo

3. halaman error 404

4. Threaded Comments Hack V.3 dari Kang Ismet

5. dll

Silahkan dicicipi.......

Green Hacker Blogger Template

1:18 AM Template No comments

Cari, cari, cari, cari dan trus mencari-cari, ekh gak taunya dapat templates yang lumayan bagus lah dari chenkgelate. Namanya Green hacker (yang empuhnya tuh yang kasih nama). Sobat bisa lihat contoh tampilanya ~~disini~~. Info XLMnya di bawah ini mas broo:

Colour " Green "
3 Coloumn
3 Footer
Transparant
Elegant Style

Features:

Readmore Automatic
Ads Ready
Breadcrumb Navigation
Related Post
Share button
and more features

kalau berminat silahkan download file xml-nya DISINI

Membuat Efek Box Shadow dan Text Shadow di Blog

12:57 AM tips blogger No comments

Efek box shadow dan text shadow CSS3 di blog

box-shadow: 1px 2px 3px 4px #000000 inset;

1px [horizontal offset] = menunjukan nilai posisi bayangan horizontal
2px [vertical offset] = menunjukan nilai posisi bayangan vertikal
3px [blur amount] = menujukan nilai jarak blur (optional)
4px [spread radius] = menunjukan nilai ketebalan bayangan (optional)
#000000 [color] = menunjukan nilai warna untuk sebuah sebuah bayangan. Dalam memberikan nilai pada warna box-shadow, bisa mengggunakan nilai warna HEX, RGB, RGBA, HSL, HSLA ataupun Color Name.
Inset = perubahan posisi bayangan (default mengarah keluar tanpa nilai inset) dengan penambahan nilai inset menjadikan shadow mengarah kedalam (optional)

text-shadow: 1px 2px 3px #000000

1px [horizontal offset] =menunjukan nilai posisi bayangan horizontal
2px [vertical offset] = menunjukan nilai posisi bayangan vertikal
3px [blur amount] = menujukan nilai jarak blur (optional)
#000000 [color] = menunjukan nilai warna untuk sebuah sebuah bayangan. Dalam memberikan nilai pada warna box-shadow, bisa mengggunakan nilai warna HEX, RGB, RGBA, HSL, HSLA ataupun Color Name.

Contoh style CSS3 Box-shadow

Box-shadow positive value:

box-shadow: 5px 5px 0px #ccc;

Box-shadow negative value:

box-shadow: -5px -5px 0px #ccc;

Box-shadow with blur:

box-shadow: 0px 0px 20px black;

Box-shadow with inset keyword:

box-shadow: 0px 0px 20px #999 inset;

Box-shadow with under shadow:

box-shadow: 0px 20px 25px -20px #ccc

Box-shadow with inset style 2:

box-shadow:inset 0px 2px 7px #999;

Box-shadow with 2 shadow properties:

box-shadow: inset 5px 5px 0px #ccc,
8px 8px 8px #ff0000;

Box-shadow with 3 shadow properties:

box-shadow:3px 3px 0px #cccccc,7px 7px 0px #bbbbbb,11px 11px 0px #aaaaaa;

Contoh style CSS3 Text-shadow :

Simple Text-shadow:

text-shadow: 5px 10px 0px #999;

Text-shadow with blur:

text-shadow: 5px 5px 5px #999;

Text-shadow style 2 with blur:

text-shadow: 0px 0px 5px #000000;
color:transparent;

Text-shadow - glow effect:

text-shadow: 0px 0px 10px #009CC2;

Text-shadow – multiple shadows: text-shadow: 12px 13px 1px #FD9213, -5px 8px 1px #009CC2, 10px -8px 1px #B3C734;

Text multiple shadow

Text-shadow – emboss effect:

text-shadow: -1px -1px #fff,
1px 1px #444;

Text-shadow – emboss effect style 2:

text-shadow: 1px 1px #fff,
-1px -1px #444;

Text-shadow – stroke effect:

text-shadow: 1px 1px 0px #444,
-1px -1px 0px #444;

Text-shadow – 3D effect:

text-shadow: 1px 1px 0px #444,
2px 2px 0px #444,
3px 3px 0px #444,
4px 4px 0px #444;

Anda bisa mengembangkan sendiri sesuai kebutuhan perasaan dan blog anda. Demikian artikel kali ini, saya Bung Frangki mengucapkan terima kasih atas apresiasi anda. Salam blogger..

Membuat Artikel Terbaru Thumbnail (Recent Post)

12:56 AM Recent Post No comments

Membuat CSS Jumlah Entri Pada Widget Label

12:48 AM css, Label No comments

css

Membuat CSS Jumlah Entri Pada Widget Label – Beberapa waktu lalu saya sedikit pontang-panting dalam membuat tampilan label seperti yang tertera pada widget dropdown disamping artikel ini. Di mesin pencari yang ramai dibahas hanyalah “Bagaimana Cara Menghapus Jumlah Nomor Pada Widget Label”, jika anda penasaran silahkan cek dengan keywords yang diberi tanda petik tersebut. Beberapa tutorial yang disuguhkan dari blog hasil blogwalking namun tidak memenuhi keingin saya. Lalu nampaklah sebuah tutorial hasil di mesin pencari dengan sedikit aneh pada bagian judulnya. Lagi-lagi blog Kang Ismet memberikan solusinya, dan kali ini saya share kembali tentunya dengan sedikit tambahan CSS.

Bagi anda yang ingin menerapkannya, silahkan ikuti langkah-langkah di bawah ini:
Langkah 1 : Buat widget Label, lalu centang Tampilkan Jumlah Entri Per Label
Langkah 2 : Simpan kode di bawah ini tepat di atas kode ]]></b:skin> atau </style>

/* label css */
#Label1 ul {list-style:none;padding:0;margin:0;color:#999}
#Label1 li {border-bottom:1px solid #222;border-top: 1px solid #444; list-style:none;margin:0;padding:0}
#Label1 li:first-child { border-top: 0; }
#Label1 li:last-child { border-bottom: 0; }
#Label1 li a {color: #eee;text-decoration:none;list-style:none}
#Label1 li a:hover, #Label2 li a:active, #Label1 li a:focus {color: #20aea6;text-decoration:none;}
#Label1 li .label-counter {float:right;background-color:#444;color:#eee;line-height:1.2em;margin:2px 0 0;padding:3px 5px;border-radius:4px;text-align: center;font-size:12px;min-width:27px}
#Label1 li:hover .label-counter {background:#20aea6;color:#ddd}

Jika ada beberapa label pada blog Anda silahkan edit sesuai label yang ingin dirubah CSSnya menjadi #label1 atau #label2 atau #label3 dst.

Langkah 3 : Pada label yang dipilih, cari kode

<span dir='ltr'>(<data:label.count/>)</span>

Ganti dengan

<span class='label-counter'><data:label.count/></span>

Langkah 4 : Simpan template Anda, dan lihat hasilnya.

Silahkan rubah warna background dan font sesuai keinginan.
Demikian tutorial Membuat CSS Jumlah Entri Pada Widget Label, mudah-mudahan dapat membuat tampilan template blog anda semakin kren dan unyu.

Default Thumbnail Pada Auto Readmore Tanpa Javasript

11:48 PM Readmore, tips blogger No comments

Gambar yang diberi panah merah di atas adalah default thumbnail (gambar default) artikel atau postingan yang tidak berisi gambar di dalamnya. Bagi yang mempertahankan validasi HTML5 templatenya, harap tetap tenang, karena cara ini tetap valid HTML5. Untuk membuatnya cukup mudah, hal pertama yang anda sediakan adalah secangkir kopi panas yang anda buat sendiri. Hehehehe

Berikut cara membuat Default Thumbnail pada Auto Readmore Tanpa Javascript.
Langkah 1: Simpan kode di bawah ini tepat di atas kode ]]></b:skin> atau </style>

.post-thumbnail{background:#4e4d4d;width:88px;height:88px;text-align:center;float:left;position:relative;margin-right:10px;margin-top:10px;border:1px solid #555;}
.post-thumb {width:72px;height:72px;transition:all .3s ease-in;padding:0;margin-top:5px;margin-left:5px;border:3px solid #5e5e5e;}
.post-thumb:hover{transition:all .3s ease-in;opacity:.7}

Langkah 2: Copy kode di bawah ini dan letakkan di bawah kode <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.url'>
<div class='post-thumbnail'>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumb' expr:alt='data:title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title' height='72' width='72'/>
<b:else/>
<img class='post-thumb' expr:alt='data:title' expr:title='data:post.title' height='72' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3_p-Hey8cLxph2EM9SMQ8zgVNuOkX8wRxH7BucYHDNHqjFiaf65jM2QvtUPU5RNlF3zC3Eoce2odiyWE5-tQJh4Hid3DoE1WZf6E6292UfBCRvRsn7KsD4p0mOZ2KrcbO8SeQaamBnFw/s1600/icon72x72.png' width='72'/>
</b:if>
</div>
</b:if>

</b:if>
</b:if>

Kode disetiap template berbeda, cara di atas adalah yang saya gunakan di template yang saya gunakan ini. Anda juga bisa menyimpannya di bawah

<h2 class='post-title'>...</h2>

atau di atas

<h3 class='post-title'>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Intinya, sesuaikan dengan template anda.
Langkah 3: Simpan template.
Demikian artikel ini, selamat mencoba.

Cara Memasang PRISM SyntaxHighlighter di Blog

11:46 PM Syntax Highlighter, tips blogger No comments

| Bagi sahabat yang sering berbagi tutorial, saya kira sudah tidak asing lagi dengan istilah Syntax Highlighter. Tapi mungkin juga masih ada yang bertanya, apa sih sintaxhighlighter itu? Bahasa mudah nya membuat kode berwarna warni. Menurut pengalaman saya PRISM SyntaxHighlighter ini paling ringan loadingnya.

Untuk pemasangannya, hanya memerlukan dua langkah mudah, yaitu memasang kode CSS dan JavaScript. Sebelum memasang kode CSS, silahkan pilih tema Dark atau Light.Untuk Menambahkan jQuery Pada Template Blogger ikuti langkah-langkah berikut ini:
1. Login ke Blogger
2. Dashboar > klik template > edit HTML
3. Tambahkan salah-salahsatu kode CSS di bawah ini sebelum/di atas ]]></b:skin>

CSS Light Theme:

/* Tema : LightSyntax oleh Blog Krizeer
URL: http://yoga-tc.blogspot.com/2013/12/cara-memasang-prism-syntaxhighlighter-di-blog.html */ 
pre {
margin:15px 15px 15px 0;
padding:10px;clear:both;
background:#f2f2f2;
color:#666;
border:1px solid #ddd;
overflow:auto;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 12px !important;
}
code {
color:#126AAF;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 13px !important;
}
code .token.punctuation {
  color:#83405A;
}
pre code .token.punctuation {
  color:#800000;
}
code .token.comment,
code .token.prolog,
code .token.doctype,
code .token.cdata {
  color:#008200;
}
code .namespace {
  opacity:.8;
}
code .token.property,
code .token.tag,
code .token.boolean,
code .token.number {
  color:#881280;
}
code .token.selector,
code .token.attr-name,
code .token.string {
  color:#986A7C;
}
pre code .token.selector,
pre code .token.attr-name,
pre code .token.string {
  color:#994500;
}
code .token.entity,
code .token.url,
pre .language-css .token.string,
pre .style .token.string {
  color:#994500;
}
code .token.operator {
  color:#878A85;
}
code .token.atrule,
code .token.attr-value {
  color:#48D30F;
}
pre code .token.atrule,
pre code .token.attr-value {
  color:#227BC0;
}
code .token.keyword {
  color:#881280;
  font-style:italic;
}
code .token.comment {
  font-style:italic;
}
code .token.regex {
  color:#B43D3D;
}
code .token.important {
  font-weight:bold;
}
code .token.entity {
  cursor:help;
}

Dark Theme

/* Tema RDark oleh DTE:] berdasarkan tema-tema SyntaxHighligter dari Alex Gorbatchev
URL: http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/rdark.html
*/
pre {
  padding:.5em 1em;
  margin:.5em 0;
  white-space:pre;
  word-wrap:normal;
  overflow:auto;
  background-color:#1B2426;
}
code {
  font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;
  line-height:16px;
  color:#B43D3D;
  background-color:#eee;
  border:1px solid #ddd;
  padding:1px 2px;
}
pre code {
  display:block;
  background:none;
  border:none;
  color:#B9BDB6;
  direction:ltr;
  text-align:left;
  word-spacing:normal;
  padding:0 0;
}
code .token.punctuation {
  color:#83405A;
}
pre code .token.punctuation {
  color:#B9BDB6;
}

code .token.comment,
code .token.prolog,
code .token.doctype,
code .token.cdata {
  color:#435A4D;
}
code .namespace {
  opacity:.8;
}
code .token.property,
code .token.tag,
code .token.boolean,
code .token.number {
  color:#5BA1CF;
}

code .token.selector,
code .token.attr-name,
code .token.string {
  color:#986A7C;
}
pre code .token.selector,
pre code .token.attr-name,
pre code .token.string {
  color:#E0E8FF;
}
code .token.entity,
code .token.url,
pre .language-css .token.string,
pre .style .token.string {
  color:#E0E8FF;
}
code .token.operator {
  color:#878A85;
}
code .token.atrule,
code .token.attr-value {
  color:#48D30F;
}

pre code .token.atrule,
pre code .token.attr-value {
  color:#48E638;
}
code .token.keyword {
  color:#47A1CF;
  font-style:italic;
}
code .token.comment {
  font-style:italic;
}
code .token.regex {
  color:#B43D3D;
}
code .token.important {
  font-weight:bold;
}
code .token.entity {
  cursor:help;
}

4. Tambahkan JavaScript dibawah ini di atas </body>

<script type="text/javascript" src='http://kang-is.googlecode.com/svn/trunk/javascript/prism.js'></script>

5. Simpan template

Cara penggunaan:

Setiap tipe bahasa mempunyai kelas masing-masing

HTML, XML, PHP ⇒ language-markup
CSS ⇒ language-css
JavaScript ⇒ language-javascript

Detail penulisan seperti ini:

<pre><code class="language-markup"> ... kode HTML (yang sudah di`escape/konversi`) di sini ... </code></pre>
<pre><code class="language-css"> ... kode CSS di sini ... </code></pre>
<pre><code class="language-javascript"> ... kode JavaScript di sini ... </code></pre>

Memasang Syntax Highlighter di Blogger

11:09 PM Syntax Highlighter, tips blogger No comments

Pernah melihat kode program di blog yang berwarna-warni layaknya melihat kode program di text editor komputer sampeyan ?... itu namanya Syntax Highlighter. Syntax Highlighter untuk menempatkan kode HTML yang biasa di posting di blog menjadi sama seperti di text editor layaknya memakai Notepad atau Dreamweaver ataupun program text editor lainnya. Jadi akan terasa lebih indah, berwarna-warni, lebih enak dilihat, dan lebih enak dibaca. Cara membuat untuk blogger berikut ini langkahnya :

Backup terlebih dahulu template blogger sampeyan.
Setelah dibackup, masuk ke Dasbor - Design - Edit HTML
Tekan CTR+F dan cari kode </head>
Pasang code berikut diatasnya;

<!--SYNTAX HIGHLIGHTER BEGINS-->
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js' type='text/javascript'></script>
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
<!--SYNTAX HIGHLIGHTER ENDS-->

Cara penulisan untuk menggunakan dalam tampilan posting sebagai berikut;

<pre class="brush:html">
tulis disini kode 'HTML' sampeyan
</pre>

Contoh hasil penulisan seperti srkinsyot dibawah ini... Demikian mase, dipake sukur gak dipake juga gak apa-apa

Cara Membuat Efek Sticky Pada Menubar

11:01 PM Sticky, tips blogger No comments

Apabila ingin memunculkan menu hanya setelah discroll, gunakan kode ini :
Tambahkan kode CSS di bawah ini di atas ]]></b:skin>

.sticky {
  position:fixed;
  top:10px;/* jarak dari atas*/
  z-index: 100;
}

TAMBAHKAN JAVASCRIPT
Simpan kode ini di atas </body>

<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#HTML7').offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();   
if (scrollTop > stickyWidgetTop) {
    $('#HTML7').addClass('sticky');
} else {
    $('#HTML7').removeClass('sticky');
}
};
stickyWidget();
$(window).scroll(function() {
    stickyWidget();
});
});
</script>

Membuat Artikel Terkait di Bawah Postingan Blog Yg Keren

9:10 AM Related Post, tips blogger No comments

Karena Artikel Terkait ini di lengkapin dengan sedikit gambar, scroll, dan warna yang keren, bagi sobat yang ingin mengunakan dan membuatnya bisa mengikuti tutorialnya di bawah ini

Login ke blogger
Pilih menu''Template''
Klik ''Edit HTML''
Cari kode </head> dan taruhlah kode dibawah ini di atas kode </head>

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related_posts h4{background:#BDBDBD; color:#FFF; font:bold 11px Arial,Tahoma,Verdana; margin:0; padding:5px 7px 4px 10px; text-shadow:1px 1px #000; text-transform:uppercase}
#relpost_img_sum{height:308px; overflow:auto; margin:0; padding:5px; line-height:16px}
#relpost_img_sum:hover{background:none}
#relpost_img_sum ul{list-style-type:none; background:none; margin:0; padding:0}
#relpost_img_sum li{border-top:1px solid #fff; outline:1px solid #DDD5CD; background:#FAFAFA; overflow:hidden; margin:0; padding:5px; height:64px; list-style:none}
#relpost_img_sum li:hover{background-color:#F2F2F2}
#relpost_img_sum .news-title a{color:#2C6BA8}
#relpost_img_sum .news-title{font-family:Arial,Serif; font-weight:bold !important; display:block; margin-bottom:4px}
#relpost_img_sum .news-text{display:block; text-align:left; font-weight:normal; text-transform:none; color:#333}
#relpost_img_sum img{float:left; margin-right:14px; padding:4px; background:#fafafa; border:1px solid #ddd; width:55px !important; height:55px !important}
</style>
<script type='text/javascript'>
var relnojudul = 0;
var relmaxtampil = 10;
var numchars = 200;
var morelink = "baca selengkapnya";
</script>
<script src='http://reader-download.googlecode.com/svn/trunk/atdeskripsi.js' type='text/javascript'/>
</b:if>

Setelah itu cari kode div class='post-footer-line post-footer-line-1 dan taruhlah kode dibawah ini di atas kode div class='post-footer-line post-footer-line-1

<b:if cond='data:blog.pageType == "item"'>
<div id='related_posts'>
<h4>Artikel Terkait</h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=relpostimgcuplik&max-results=50"' type='text/javascript'/>
</b:loop>
<ul id='relpost_img_sum'>
<script type='text/javascript'>artikelterkait();</script>
</ul>
</div>
</b:if>

NOTE : Kode yang ke dua bisa di taruhkan di atas <data.post:body> , kalau sobat sudah mengunakan readmore sobat maka kode yang kedua di simpan di <data.post:body> yang ke dua

kalau tidak terjadi error, maka sekarang klik simpan template

Merubah Tulisan Poskan Komentar Dengan Gambar

9:05 AM tips blogger No comments

Tampilan Tentu harus diperhatikan oleh kita untuk menarik minat pengunjung, salah satunya di sekitar di kotak komentar, pastinya setiap dalam sekitar kotak komentar terdapat tulisan ''Poskan Komentar'' bagi sobat yang ingin merubah tampilan lebih menarik bisa mengunakan gambar yang khusus untuk ini, ikutilah tutorialnya dibawah ini :

Pertama sobat harus masuk ke dasbor blogger
Klik Menu ''Template''
Pilih ''Edit HTML''
Cari kode <h4 id='comment-post-message'><data:postCommentMsg/></h4> (CTRL + F Untuk pencarian ), Setelah ketemu kodenya hapus kode tersebut dan ganti dengan salah satu gambar di bawah ini , Pilih Salah Satu !

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizy6HqbvxO_ulDdqecwuR4Qjh4Kc9vFON9_cOYOMFwFrpBypsN4hY0X2JY1K2UdljL8SkO_RS6iqxvOIAlWInXedCiShdcEysWCrh6h8-POr6RpD8e8zHzAMYEOCFSQozrFTqzxDNf5Z0/s200/3.png" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifeiU3Qghzj96pH5DO5wsVnDBEJytdaCSTUUqyaVgdVYk3Pls_NXiSop__cchtbnFSvmWZsi6MzyQrcU6OBG4lxH0bbPmb78EavIA1BM_ljNzcY4_trbs-A21NxHdFE_0OtqAzEOEiCFE/s200/2.png" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOX9KhEUaQs-7cCPNuLAUcDSJDJnR6HjvuPfFCWx-ckjKCqA4kvHsw8By6RUN6sIsTgMfTO7KP6hZlUu9I1EG0zDLIm-Q-wH3lfoZu4SL9qCvmAlkyPmKO0F3BHrmKksDsSPBZzgsPbmI/s200/4.png" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbyHTuPGyOlDdRIhAjPwOvatJdtqZLR0PSv5shpdDrmVFB2NftNtuQnRD0lm_as2Ga-ddy2AV-XtPvXmMsBoFYo1wVZleCpGSz3YfTLwP857h-rXDMoKv1okkIlzL-SusD6HHAah6m/s320/Tinggalkan_Komentar.png" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXUOFW8bLxmDnRoDizhcxHdITp-I43jLd0E8OWcu6Y67t1jv2D5Zo7YJYpy8SwYSPey4JQ7rVQkVehtCPXK5AcPZIQsFzgQ2oUXY0opjPNkRF-eiAiPy_yfbGmOIqgvidBZwWfCXyGTs4/s1600/5.png" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2irK8a2fUj5VWPSfhMiNOJIufgXi398GSE-5bxMdt_uMyYZYXS2-vEwwhFTeu8NS4TpgO3StHHReZfPY0CTTv5CYZO3huyWRA2HCvTiWai4plXOtRZOJNVc8z-LGx6CdLLnPuLJ9ds4k/s200/please-leave-comment3.jpg" />

Sobat bisa menganti gambarnya seterah sobat, ganti tulisan yang berwarna merah dengan url gambar punya sobat
Setelah sudah diganti, sekarang Tinggal klik Simpan Template

Widget Subsribe Dengan Sosial Media Biru

9:04 AM Email Subscribe, Sosial Media, Widget No comments

Subsribe box atau kotak berlanganan pastinya sangat di butuhkan untuk seorang blogger untuk kemajuan blognya, sama dengan widget ini di lengkapin dengan sosial media bisa menghemat tempat dan waktu hehehe, Jangan terlalu lama berbicang, pastinya sobat sudah mengertikan ? langsung saja kita coba mengunakan widget ini yang pastinnya mudah diterapin dan sangat elegan seperti dibawah ini :

Widget Subsribe Dengan Sosial Media Biru Untuk Blogger
--------------------------------------------------------------

Login ke blogger
Masuk kemenu ''Tata Letak''
Klik ''Tambah Gadget''
Pilih Gadget ''HTML/JavaScript
Copy kode dibawah di simpan di kotak yang disediakan

<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn2FR8ze2ZukWFDbAnyzx_dNgADReUpMiAuGFa_5QxP65ELB_n9gJe6Me02S-QC8Ix73ntjyuPVmPezoa93c6SelazXxLvJcRhNGj0QKAqoFCQPce7bc-X_Uf543mNtQXuBxX0nkkhZks/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5lgSpzBM5CMaoJjsWiIo575B9YYZhXebqlwam6ZiuKcZ6Cl1Fbft1Qioo6Z-Xg7K63KDNDTg3U5bU6AjILO5ozw1WCVuSx8pkZ2Tzvw0aA85UwmT59kXsn3ALtq8bGZ2geRXzvj0xqW4/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
#footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>

<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
<br/>
<a class="social-icons" href="https://facebook.com/USERNAME ANDA"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvC1TWJq07IEuO5KdY3SbODwospGlvHpW8NrLSpjeSTjJS8pjjgluZlNSOx2Fz2cCiBBDUbO4zHin9dtMzufIvxug1JTymRO34C8yjW4Yza1YwgOyMZrW-BfQLkDq8XHMD310TvkVITrMM/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/USERNAME ANDA"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKcHBYZDX9oDe-_n0-HcbE4xOlpR01J1MGkotc3p_R6g4XxAk2jSZHsz53Dy6CQ7AUlEdXFEmm84tjUAD87yzD3ClmiZohTbmS2YWp81CR8D9F7u07bmalThgMagWCf2NOcm8uTURSmBXI/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/ID GOOGLE+ ANDA"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOl2PYsdQ9XAbKl_tYRQsHp61merkMbRnuHOGZkNlUQH_OwVmhyphenhyphengZJK71LdwHDcIlKSrbHbwCyyi7zRD5itaNJQz8hU32A9v8NhdIGLh5xhq1DlMNOkrIPqv23qjwQhvBSEBjcFiefxZae/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/USERNAME ANDA"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP221IUwrUrfUNDIK-shTXOjxyDaAMMTln_jMkfqRSNTgARIK_UCNCEE9jGbQSONh4MEJbzE8BCnn2OrRIK1P4jp8LzUwTHvuI8vRrh5MC7N-D10xq17u1dwMIvKRZxXP7wNl3Ogmsb1Fu/s1600/Bloggertrix-Rss.png" /></a>
<p>Subscribe To Our Email Newsletter & Receive Updates Free</p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USERNAME ANDA', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="USERNAME ANDA" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address here"/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form>
</div></div></div>

USERNAME ANDA Ganti dengan UserName Facebook Anda
USERNAME ANDA Ganti dengan UserName Twitter Anda
ID GOOGLE+ANDA Ganti dengan ID Google+ Anda
USERNAME ANDA Ganti dengan ID FeedBurner Anda
Setelah di ubah sekarang, Klik Simpan

Widget Sosial Media Icon Dengan Search Box Untuk Blogger

9:02 AM Sosial Media, tips blogger, Widget No comments

Widget Sosial Media Icon Dengan Search Box Untuk Blogger

Login Ke Blogger
Pilih Menu ''Tata letak'' >> Klik ''Tambah Gadget''
Klik Gadget ''HTML/JavaScript
Taruhlah kode di bwah ini di dalamnya

<style>
#btrixwidget{width:307px;
padding:0 0 5px 0;
border:1px solid black;}

#btrix-searchbox {
border-radius: 5px;
background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWneljbaE7xRbZALWMNkujlOGmAfnq4P95bsH7L84w7idtnpUt803lkp0PRsEd3u0zdFBxrvg4mdLbK_mu5ba6Ps4RyJaFVwCQGJTTxWZ7lMCoAksXzGVBOLHuawZ7NO__PCzMxu9juMjX/s1600/blue.png) no-repeat scroll center center transparent;
width: 307px;
height: 50px;
disaply: block;
}

form#btrix-searchform {
display: block;
padding: 9px 16px;
margin: 0;
}

form#btrix-searchform #s {
padding-left: 24px !important;
padding: 7.5px;
margin: 0;
width: 198px;
font-size: 16px;
font-family: georgia;
font-style: italic;
color: #666666;
vertical-align: top;
border: none;
background: transparent;
}

form#btrix-searchform
#sbutton {
margin: 0;
padding: 0;
height: 40px;
width: 74px;
vertical-align: top;
border: none;
background: transparent;
}
</style>

<div id="btrixwidget"><center>
<a href="http://twitter.com/USERNAME" target="_blank" wrc_done="true"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhue9s3UwJOUj3RLXPnc_sNhL-AkX_u4Sk8tPwFH5MnIi5TTAHdHA_r4rXKsviQetXBd38By2ijq9mAAJr_24uScsWlZ-dyAVYqA6LI00zqqm6nTjRuIQwqfrzVL9jiFsScbGC-3_48UIs/s1600/btrix-twitter.png" alt="" title="twitter" width="62" height="78" class="alignnone size-full wp-image-6249"></a>

<a href="http://www.facebook.com/USERNAME" target="_blank" wrc_done="true"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYddxI_rI8TjJr6IGoBB3TDjFRclRAohUlguYzDxWtTyu9crSNzxFdU74BHhTPCnOTON0fyaMB25ykWS8Rr-jIjgd3Id9S8OUxjo7P7FBRf5cPOx8mzStVLK6lv8OGyD9T3xJEbsfIjXc/s1600/btrix-facebook.png" alt="" title="facebook" width="62" height="78" class="alignnone size-full wp-image-6248"></a>

<a href="http://feeds.feedburner.com/ID Anda" target="_blank" wrc_done="true"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_j6BzEVdJdeQk3U77BFfwu_RwWYZOXxzLp8xFE1aDKwlU-CFI2jLVXROU8OH_iyD_S7-sxwvknhmWB11V9Ht0_r7qqx68f06FgmH3G6PeyJwySssm0YaqHXNJo4D0m8dBIbV9Rw8DZCY/s1600/btrix-rss.png" alt="" title="rss" width="62" height="78" class="alignnone size-full wp-image-6251"></a>

<a href="http://au.linkedin.com/username" target="_blank" wrc_done="true"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-DmF3-te82eFxehquZ-T3i9m5ZduZa6eAUk-nr9gvJB4hwx7ndlThWjp8dEqfaUMh93KsfokNAcZk4hExXfMCrBmMP_98eNvDzFBzeCH5MYwTulJHEKDEOcz4Roe3o1orbo8_Txa9a18/s1600/btrix-linkedin.png" alt="" title="linkedin" width="62" height="78" class="alignnone size-full wp-image-6250"></a>

<div id="btrix-searchbox">
<form id="btrix-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Search...";}' />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>
</center>
</div>

USERNAME Ganti dengan username twitter anda
USERNAME Ganti dengan usename facebook anda
ID Anda Ganti dengan ID FeedBurner anda
USERNAME Ganti dengan username linkedin anda
Setelah di Edit, Sekarang Klik Simpan

Dan Demikianlah artikel yang berjudul Widget Sosial Media Icon Dengan Search Box Untuk Blogger semoga artikel ini bermanfaat bagi sobat dan kalau ada yang masih binggung bisa berkomentar di bawah ini

Widget Subsribe Dan Sosial Media Super Keren

9:01 AM Email Subscribe, Sosial Media, Widget No comments

Login ke Dasbor Blogger
Pilih Menu ''Tata Letak''
Klik ''Tambah Gadget''
Pilih Gadget 'HTML/JavaScript
Setelah itu, taruhlah kode di bawah ini dalamnya

<style>
.subscribebtrix {
border: 2px solid #000000;
padding: 8px;
width: 310px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.subscribebtrix:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
}
.tbimailbox {
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.btrixsubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #ff5714;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.btrixsubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.btrixsubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>

<br />
<div class="subscribebtrix">
<div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;">
Free Updates to your Inbox</div>
<div style="margin: 10px 0 0 6px;">
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ID ANDA', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="ID ANDA" />
<input name="loc" type="hidden" value="en_US" />
<input class="tbimailbox" name="email" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" type="text" value="Enter your email..." />
<input alt="" class="btrixsubmit" title="" type="submit" value="Subscribe" />
</form>
</div>
<div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;">
Follow us:</div>
<div style="margin: -32px 0 0 120px;">
<a href="http://www.facebook.com/USERNAME" target="_blank" title="Join us on Facebook"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD6LO2ZfMHzdtZy1Yohhy7RkK8grew6aksSLGj3wQOCV2kfiWkyYmqG-N9D26k80dW4faAzLK9qsVyei5EeToRQbEPx7NL1GJHYNPInT80sBOIZH0bBGCfrI_LJOhKtdIAlbj9hBwAC_w/s1600/facebook_btrix.png" /></a>
<a href="http://www.twitter.com/USERNAME" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIF53kimh7NIqkw0VWLEsMh0S0cFcoPCloqlPGvoOYtm75FVFViaJnViclxH5uksYLYepwBUqxIINqDThYGzaoMKICd1D5rPoqXc1930R9NtGR9Ba2fyfxHUbT1EvwN49gF9RHCKpfyo4/s1600/twitter_btrix.png" /></a>
<a href="https://plus.google.com/ID ANDA" rel="nofollow" target="_blank" title="Follow us on Google+"><img alt="gplus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheN0zjiklcfzaoLTZ5IxBgUuP_TkSc474n1t4o6dFN9jAjD7Nt7fV_PVT1xPbj5piihBzCCDLiytOUyMI2JIuPVGcV2xveecHaZrUZ-J_2IeceyQQ-6TVwALC59RlmD_uM34XdCJmSVjA/s1600/googleplus_btrix.png" /></a>
<a href="http://www.pinterest.com/USERNAME" rel="nofollow" target="_blank" title="Follow us on Pinterest"><img alt="pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9w3MlbjzOmXKyZ9zKIu4PN-KlyVs_5Q-clVU9_6jLYeRjZyxrQ5yCYxwCKON3jm45dl_CO58kJ792T8R42-HdVifi1k7fTys4xblx-K_UoYfHsWVvwyYWFCbzXp6cJktqhgQglTTcYbI/s1600/pinterest_btrix.png" /></a>
<a href="http://feeds2.feedburner.com/ID ANDA" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu-xIO1VrqGxEutAwj7jUKMUEpB5kKQHteowx97GA4vDsT4ol6hoTalR7Om00QXqPql_19rdYfWL4oIisKCqRoQuwGdhkhzNe9DrJi_l-K-9IuLpFMXymeT1Y0q49c6WxDSgGFe8UZSiY/s1600/rss_btrix.png" /></a>
</div>
<div align="center">
<a href="http://feeds.feedburner.com/ID ANDA"><img alt="" height="26" src="http://feeds.feedburner.com/~fc/ID ANDA?bg=FF9900&fg=444444&anim=1" style="border: 0;" width="88" /></a></div>
</div>

USERNAME Ganti dengan Uusername facebook anda
USERNAME Ganti dengan Username twitter anda
USERNAME Ganti dengan Username Pinterest anda
ID ANDA Ganti dengan Id Profile Google Plus Anda
ID ANDA Ganti dengan Id Feedburner anda

MAS ARIE69

10.000 GAMBAR KEREN UNTUK BACKGROUND BLOG

This is default featured slide 2 title

This is default featured slide 3 title

This is default featured slide 4 title

This is default featured slide 5 title

Tuesday, July 1, 2014

good bye blogger

Friday, May 16, 2014

NEWSPIPERTEG RESPONSIVE TEMPLATE

Sitlight Template Blogger Ala Kadarnya

Green Hacker Blogger Template

Membuat Efek Box Shadow dan Text Shadow di Blog

Membuat Artikel Terbaru Thumbnail (Recent Post)

Membuat CSS Jumlah Entri Pada Widget Label

Thursday, May 15, 2014

Default Thumbnail Pada Auto Readmore Tanpa Javasript

Cara Memasang PRISM SyntaxHighlighter di Blog

Memasang Syntax Highlighter di Blogger

Cara Membuat Efek Sticky Pada Menubar

Friday, April 25, 2014

Membuat Artikel Terkait di Bawah Postingan Blog Yg Keren

Merubah Tulisan Poskan Komentar Dengan Gambar

Widget Subsribe Dengan Sosial Media Biru

Widget Sosial Media Icon Dengan Search Box Untuk Blogger

Widget Subsribe Dan Sosial Media Super Keren

Labels

Blog Archive

sponsor

comment

Tuesday, July 1, 2014

Friday, May 16, 2014

Thursday, May 15, 2014

Friday, April 25, 2014

Social Profiles

Labels

Blog Archive

sponsor

comment