Download Template Blogger Turn Out Mag

Rasanya inilah adalah salah satu template blogger favorit saya, pernah menggunakannya beberapa tahun yang lalu. Tampilannya yang bergaya magazine, di postingan are dibagi menjadi 2 kolom, dengan read more dan thumbnail yang otomatis, serta berbentuk kotak. Sangan menarik, seperti yang ada pada gambar atau live demonya. Ada menu horizontal di header dan banner iklan 468x60. Di sidebar utama dan dibagi jadi 2 di bawahnya.

LIVE DEMO | DOWNLOAD

Fitur Template Blogger Turn Out Mag

• Thumbnail pada homepage (otomatis)
• Dua kolom utama pada Homepage (Mag style)
• Banner iklan / Adsense siap
• 468 x 60 px banner iklan di header
• Tiga Kolom
• Kotak Pencarian
• SEO Dioptimalkan
• " Read More .. "(otomatis meringkas)
• Menampilkan Video
• Menu Navigasi Horizontal, dll

Untuk selanjutnya kita bisa mengedit template yang sudah kita upload dan save, sesuai dengan keinginan dan tampilan blog kita. Template ini dibuat oleh Blogger Tricks

selengkapnya>>

Menambahkan Button Google Plus One (+1)

Ada twitter dan facebook yang bisa digunakan untuk berbagi, ketika kita suka terhadap suatu tulisan yang dibaca, kita dapat mengklik button (tombol) tweet untuk berbagi di twitter dan button like untuk membagi tulisan ke facebook. Selain itu juga akan muncul dalam button itu data berapa kali tulisan dibagikan. Sekarang Google juga meluncurkan button yang kurang lebih fungsinya sama dengan twitter dan facebook, yaitu google plus one (+1). Button ini juga bisa otomatis ditambahkan jika template blog kita standart atau bisa memanfaatkan button share di elemen posting blog.

Jika ada yang suka tulisan kita, baik kita sendiri atau pembacanya dapat mengklik button google plus one (+1). Dengan syarat kita harus login dulu ke akun google dan selanjutnya akan bertambah. Google plus one (+1) ini akan membantu kita berbagi ke teman-teman dan kita sendiri. Karena menurut kabar dari google, button (+1) ini akan mempengaruhi pencarian kita di google search engine. Mungkin saat dalam keadaan login dan kita melakukan pencarian di google seacrh engine yang muncul teratas adalah juga berdasarkan apa yang kita dan teman kita sudah beri plus one (+1). Google Plus One (+1) akan melengkapi button tweet dan facebook like untuk berbagi dan sekaligus sebagai bentuk vote dan indikator bagus tidaknya tulisan kita, karena terlihat datanya berapa kali tulisan itu dibagikan.

Cara Menambahkan Button Google Plus One (+1)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini </head>
6. Setelah itu taruh kode berikut ini di atasnya

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'id'}
</script>

7. Cari kode berikut ini <div class='post-footer'>
8. Setelah itu taruh kode berikut ini di bawahnya

<g:plusone expr:href='data:post.url' size='medium'/>

9. Kita dapat menganti medium dengan standard, small, atau tall.
10. Simpan Template jika sudah selesai.

selengkapnya>>

Membuat Scroll pada Related Post

Related post adalah salah satu widget yang pernah ditulis di blog ini sebgai widget yang sebaiknya ada di blog. Karena memiliki fungsi atau manfaat yang besar untuk blog maupun pembaca. Bagi pembaca akan mempermudah untuk mengetahui atau menelusuri tulisan yang terkait dengan yang sedang dibacanya. Kemudian bagi blog bisa membuat lebih banyak page view.

Related post yang ada di blogger.com atau blogspot yaitu related post yang didasarkan pada label. Jika dalam satu label itu banyak tulisan. Misalnya ada label Blogging ada 25 post makan saat kita membaca salah postingan akan ada 24 judul yang terkait yang ada dibawahnya, ini menyebabkan menyita banyak tempat. Oleh sebab itulah perlu kita membuat scroll pada related post.

Cara Membuat Scroll pada Related Post
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode <p><data:post.body/></p>
6. Taruh (copy paste) kode berikut di bawahnya

<b:if cond='data:blog.pageType == "item"'>  <H2>Artikel Terkait:</H2> <DIV class='rbbox'>  <DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <DIV id='albri'/> <SCRIPT type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?  json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t);  a.appendChild(txt); li.appendChild(a); ul.appendChild(li);  } } for (var l = 0; l < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('b'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('albri').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) {  labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ?  labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </SCRIPT> </DIV> <script type="text/javascript">RelPost();</script> </DIV> </b:if><br />

7. Cari kode ]]></b:skin> dan taruh kode berikut di atasnya

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

8. Cari kode </head> dan taruh kode berikut di atasnya

<SCRIPT src='http://ateon.fs.googlepages.com/kodescript.js' type='text/javascript'/>

9. Simpan Template jika sudah selesai.

selengkapnya>>

Favicon Fitur Baru dari Blogger

Kemarin saat membuka halaman Rancangan di blogger.com terasa ada yang bertambah, yaitu di atas header yang kiri ada tambahan baru dengan nama Favicon. Favicon adalah ikon atau gambar yang muncul di address bar dari suatu web browser. Untuk blog yang ada di blogspot atau blogger.com faviconnya adalah logo blogger yang berwarna orange itu.

Dulu untuk menganti favicon blog di blogger.com harus mengedit template. Sekarang blogger.com sudah meluncurkan fitur atau gadget terbarunya yaitu Favicon. Fungsi favicon ini adalah untuk mengganti favicon standar dari blogger.com dengan gambar atau ikon yang kita inginkan atau suka. Ikon atau gambar yang bisa yang bisa digunakan haruslah berformat .ico. Jadi kita harus mengubah ikon atau gambar tersebut dalam format .ico.

Cara Mengubah Gambar Menjadi Berformat .ico
1. Kunjungi http://www.html-kit.com/favicon
2. Klik tombol browse dan cari gambar dari komputer yang akan dijadikan favicon.

3. Klik tombol Generate FavIcon.ico lalu klik link Download FavIcon Package.

4. Kita akan mendapatkan file beformat .zip, extract file .zip tersebut.

Cara Mengganti Favicon di Blogger
1. Login ke draft.blogger.com
2. Pilih Rancangan lalu klik edit Favicon
3. Klik tombol Telusuri

4. Pilih ikon yang sudah kita buat di atas.
5. Simpan jika sudah selesai.

Kredit gambar dari sini

selengkapnya>>

Menambahkan Button Tweet dan Facebook Like

Twitter dan facebook memang menjadi situs jejaring sosial yang diminati dan banyak digunakan masyarakat Indonesia. Setiap orang punya akun facebook, dan hampir semua orang menyebarkan informasi lewat tweet. Keduanya menjadi situs yang banyak dikunjungi.

Sehingga kita juga harus bisa menyediakan button untuk berbagi ke twitter dan facebook. Selain untuk memudahkan pembaca blog kita untuk berbagi dengan teman-teman atau merekomendasikan untuk dibaca. Button tweet dan facebook like bisa mempermudah kita dalam mempromosikan tulisan. Tinggal mengklik tweet akan menyebar di timeline follower atau saat mengklik like akan menyebar di profil facebook. Akan ada banyak teman yang tahu, dan akan banyak yang akan berkunjung ke blog kita.

Cara Menambahkan Button Tweet dan Facebook Like
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini <div class='post-footer'>
6. Setelah itu taruh kode berikut ini di bawahnya

<div style='float:left;padding:0px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='kurniasepta' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;font=arial&amp;colorscheme=dark&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>
</div>

7. Simpan Template jika sudah selesai.

selengkapnya>>

Menambah Button Send ke Facebook

Facebook menyediakan beragam plugins yang bisa bermanfaatkan untuk membuat blog kita lebih menarik lagi. Tak hanya itu, dengan button send ke facebook ini membuat blog terintegrasi atau menyatu dengan jejaring sosial seperti facebook. Sudah ada button share, button like, dan sekarang ada button send.

Button send ke facebook ini memungkinkan bagi pemilik blog atau pembaca tulisan di blog untuk mengirimkan link yang dibacanya ke teman, grup atau email melalui facebook. Sehingga dengan menambahkan button send ini membuat blog lebih sosial dan juga mempermudah pembaca membaginya dengan teman mereka. Tak bisa dipungkiri lagi akan jumlah pengguna facebook di Indonesia yang banyak akan bisa membuat blog lebih populer di ranah facebook. :D

Cara Menambah Button Send ke Facebook
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode  </head>
6. Jika sudah ketemu taruh kode berikut di atasnya:

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>

7. Cari kode <data:post.body/> dan taruh kode berikut di bawahnya:

<div style='float:right'>
<fb:send expr:href="data:post.url" font="lucida grande" colorscheme="dark"></fb:send>
</div>

8. Simpan template jika sudah selesai.

selengkapnya>>

Mendapatkan Follower di Twitter dengan Twiends

Twitter jadi tempat berkicau yang paling ramai. Sudah banyak sekali orang yang punya kaun twitter. Ada kecenderungan orang mulai bosan dengan facebook dan lebih suka ngetweet. Twitter membuat dunia berubah dengan cepat, segala bentuk informasi bisa menyebar dengan cepat. Banyak brand yang menggunkan twitter untuk pencitraan produknya. Banyak tokoh baik itu artis, politikus menggunakan twitter untuk membangun citranya atau hanya sekedar berbagi. :y

Berbeda dengan facebook, twitter mengunakan sistem following dalam sistem pertemanannya. Jadi untuk bisa mengikuti status terbaru dari seorang kita harus memfollownya. Sebaliknya jika apa yang kita kicaukan (tweet) di twitter banyak yang melihat harus mempunyai follower yang banyak. Sekarang untuk mendapatkan follower bisa dengan mudah yaitu dengan bergabung Twiends. :s

Twiends mempertemukan antara orang-orang yang ingin mendapatkan follower. Setiap yang yang bergabung dengan twiends akan mendapatkan seed. Di sana akan ditampilan profil-profil twitter dan nilai seednya. Kita harus mengumpulkan seed sebanyak mungkin, caranya dengan mengisi form di Settings. Jika setiap seed yang terkumpul akan ditukar dengan follower dan berapa seed yang kita tawarkan bagi yang mau follow. ;)

Cara Mudah Mendapatkan Follower di Twitter dengan Twiend
1. Daftar ke Twiends, Bisa klik di sini.
2. Untuk lebih mudah daftar saja dengan button twitter.
3. Setelah masuk, anda tinggal klik follow orang-orang yang memberi seed tinggi.
4. Dalam kotak kanan atas adalah jumlah seed yang kita punya.
5. Jika kita punya 100 seed dan kita hargai 2 seed per follower maka kita akan dapat 50 follower.

Itu tadi cara mendapatkan follower secara instan. Dengan menggunkan atau bergabung dengan twiends bisa mendapatkan follower tanpa mengetahui tweetnya. Sebagian besar follower kita nantinya adalah orang bule, tapi juga bisa menyetting orang Indonesia saja yang bisa memfollow kita lewat twiends. Sebenarnya seperti dalam tulisan Tips Mendapatkan Banyak Follower di Twitter yang paling utama adalah konten atau tweet kita. Jika kita bermanfaat dan bisa membantu orang lain pasti akan banyak yang memfollow. Jangan lupa follow @kurniasepta juga ya :L

selengkapnya>>