MDCPlus Responsive Blogger Templates

Demo Download

Platform Type : Blogger

Template Name : MDCPlus Responsive Blogger Templates

Author Name : MDC Site

Design Url : mdcsite.blogspot.com

Description: MDCPlus Responsif Blogger Template sempurna Untuk Blog Pribadi. Awesome, modern dan sepenuhnya responsif (coba mengubah ukuran browser kamu), Dan DMCPlus Responsif Responsive Tampak Keren Dan Canggih. Kamu Bisa Have Fun On The Run dengan Pasang Berita, artikel, Tube Video, Foto, Link dan lebih.

Writer Blogger Templates

Demo Download

Platform Type : Blogger

Template Name : Writer Blogger Templates

Author Name : Syed Faizan Ali

Design Url : www.templateism.com

Description: Writer Blogger Template dirancang untuk blog pribadi. Jika kamu seorang traveler, blogger, Instagram pengguna, atau seseorang yang ingin berbagi cerita, Penulis template blogger adalah pilihan yang tepat. Writer adalah template Premium yang datang dengan tipografi yang besar yang membawa keluar keindahan di blog kamu. Jika kamu  mencari tema modern, minimal dan sederhana template blogger maka Writer adalah pilihan yang tepat.

Elegantes Blogger Templates

Demo Download

Platform Type : Blogger
Template Name : Elegantes Blogger Templates
Author Name : Sora Templates
Design Url : soratemplates.com
Description: Elegantes Blogger Template adalah blogger tema responsif cantik yang dibuat untuk Fashion, Travel, Lifestyle dan blogger Food. Dirancang dengan mudah dibaca dalam pikiran, Elegantes menyoroti apa yang penting - konten Anda. Garis yang bersih, tipografi yang sangat baik dan efisiensi penggunaan ruang membuat blog Anda menyenangkan untuk dibaca dan isi. Dilengkapi dengan sejumlah fitur yang berguna, Elegantes membutuhkan waktu blogging untuk tingkat yang baru. Semua ini diaktifkan oleh kode yang kuat dan ekstensif diuji. Jika itu tidak cukup, efisien, efektif dan tepat waktu sistem pendukung memastikan bahwa Anda hanya fokus pada apa yang penting - membuat posting besar berikutnya!

Amazin Responsive Multipurpose Blogger Templates

Demo Purchase

Platform Type : Blogger

Template Name : Amazin Responsive Multipurpose Blogger Templates

Author Name : Sky Color

Design Url : www.slycolor.com

Description: Responsif Template Multipurpose Blogger Templates adalah responsif Blogger Template serbaguna. Desain yang unik elegan menakjubkan dengan fitur otomatis memberikan kamu kekuatan untuk sederhana dan mudah menggunakan template ini. Template ini akan memperpanjang Blogger pengalaman fitur, terintegrasi banyak plugin dan widget, tidak ada membutuhkan coding, tidak ada hacks atau pihak ketiga staf, semua widget ditambahkan dengan template seperti pengaturan template sangat mudah dan sederhana. Amazon kompatibel untuk Blog, Majalah, Berita, Showcase, Fotografi blog, Gallery, Pemasar, Aplikasi dan situs Gaming.

Materispot - Material Design Blogger Templates

Demo Download

Platform Type : Blogger

Template Name : Materispot - Material Design Blogger Templates

Author Name : Rifki

Design Url : rifki.id

Description: Materispot - Material Desain Blogger Template sempurna Untuk Personal Web Blog, kecerdasan modern Material Desain Warna dan sepenuhnya responsif (coba mengubah ukuran browser kamu), Dan Materispot - Material Desain Tampak Keren Dan Canggih, Kamu Bisa Have Fun On Run Oleh Pasang Berita, artikel, tube Video, Foto, Link dan banyak lagi.

Tutorial BBM On/Off Big Drawer Header Display Picture

BocahPedia - Apakabar teman? kali ini saya akan berbagi tutorial berbeda dari Blogging, yakni tutorial mengenai aplikasi Android, lebih tepatnya untuk kamu yang suka decompile/recompile aplikasi BBM. Tutorial yang akan saya bagikan ini, khusus untuk kamu yang mau belajar MOD BBM, Jika tidak ada niatan, sudah pasti akan susah untuk menerapkan tutorial yang akan saya bagikan ini.

On/Off Big Drawer Header Display Picture adalah fitur yang bisa kamu tambahkan pada BBM MOD kamu nantinya, tentu sebelum menerapkan tutorial ini kamu harus paham terlebih dahulu apa itu Drawer Header, yaitu header yang berada di drawer atau slide di BBM Material, yakni BBM Official Playstore yang paling terbaru. Langsung saja kita pelajari bagaimana cara menerapkannya.

Tutorial BBM On/Off Big Drawer Header Display Picture

1. Download terlebih dahulu BBM yang akan kamu tambahkan fitur ini, saya sendiri sangat menyarankan BBM yang akan dibuat masih dalam keadaan fresh, artinya belum ada fitur tambahan lainnya, dan bisa kamu unduh di playstore atau website www.ardhananetwork.com, dan juga web lainnya, bisa kamu googling sendiri.

2. Dan jangan lupa download bahannya, disini

3. Jika sudah terdownload semua, saya asumsikan kamu sudah paham decompile dan recompile aplikasi BBM. Karena ini perlu ketelitian, jika salah sedikit, meskipun itu penempatan, maka hasilnya akan nihil.

4. Semua bahan sudah di download, copy dan paste bahan bahan yang ada pada Guide ke folder masing masing yang ada pada hasil decompile BBMnya.

5. Setelah itu, buka androidmanifest.xml dan masukan kode di bawah ini di atas </aplication>

<activity android:name="com.ardhana.network.DrawerHader"/>

6. Kemudian buka smali > com > bbm > bali > ui > main > b > f
Lihat di line 36 atau seperti ini kode nya > const v1, 0x7f0300c9 , lalu ganti dengan

invoke-static {}, Lcom/ardhana/network/DrawerHeader;->setLayoutDrawer()I

    move-result v1

7. Langkah terakhir, Buka res > layout > activity_settings , lalu tambahkan kode di bawah ini bebas dimanapun letaknya, ini digunakan untuk target checkbox dari fitur yang akan kita pasang.

<LinearLayout android:orientation="horizontal" android:paddingLeft="@dimen/settings_item_padding_left" android:paddingTop="@dimen/settings_item_padding_top" android:paddingBottom="@dimen/settings_item_padding_bottom" android:layout_width="fill_parent" android:layout_height="wrap_content">
  <TextView android:textColor="@color/listItemTitle" android:layout_gravity="center_vertical" android:layout_width="0.0dip" android:layout_height="wrap_content" android:text="On/Off Drawer Header Big" android:layout_weight="1.0" style="@style/Common.Label" />
        <com.ardhana.network.DrawerHeaderBig android:textColor="@color/listItemTitle" android:paddingRight="@dimen/settings_item_small_padding_right" android:layout_width="wrap_content" android:layout_height="wrap_content" />
 </LinearLayout>

8. Selesai, dan silahkan recompile BBMnya, dan jangan lupa untuk di sign sebelum dipasang pada smartphone kamu, semoga berhasil.

Demikian tutorial yang saya bagikan untuk kamu mengenai Cara On/Off Big Drawer Header Display Picture. Saya ucapkan terimakasih kepada Yoyocx S P, Trangga Ken, dan M. Encik Z yang telah menyempurnakan tutorial ini. Semoga Bermanfaat.

Memasang Widget Google Translate Pada Blog

BocahPedia - Sering sekali ketika saya blogging menemukan blog yang memasang widget google translate dengan gaya berbagai bendera negara yang ada di dunia, yang berfungsi untuk menerjemahkan halaman dari suatu bahasa ke behasa tertentu. Pada dasarnya, dari Blogger sendiri sudah terdapat widget Google Translate yang terdapat tiga gaya yakni Vertikal, Horizontal, dan Drop Down.

Dan pada kesempatan kali ini, saya akan berbagi tutorial memasang widget Google Translate dengan gaya berbeda yang nantinya bisa kamu pasang pada sidebar dan atau footer blog kamu. Berikut tutorialnya.

Cara Memasang Widget Google Translate Pada Blog

1. Buka Blogger kamu, kemudian masuk ke Tata Letak, Setelah itu klik Add Gadget/Tambahkan Gadget, Klik HTML/Javascript, kemudian salin dan terapkan kode di bawah ini di dalam widget tersebut.

<style type="text/css">
#translator-wrapper {
  display:block;
  width:90%;
  max-width:300px;  
  border:none;  
  background-color:#fff;
  color:#444;
  overflow:hidden;
  position:relative;
  height:40px;
  line-height:40px;
  border:1px solid #e0e0e0;
}
#translator-wrapper select {
  border:none;
  background:transparent;
  font-family:'Verdana',Arial,Sans-Serif;
  font-size:12px;
  width:100%;
  color:#444;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-appearance:none;
  cursor:text;
  padding:5px 10px;
}
#translator-wrapper a,
#translator-wrapper a:hover {
  display:block;
  background-color:#4791d2;
  border:none;
  color:#fff;
  margin:0 0;
  text-decoration:none;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  cursor:pointer;
  width:14%; 
  transition:all 0.3s ease;  
}
#translator-wrapper a:before {
  content:"";
  display:block;
  width:0;
  height:0;
  border:6px solid transparent;
  border-left-color:white;
  position:absolute;
  top:50%;
  left:45%;
  margin-top:-5px;
}
#translator-wrapper a:hover {opacity:0.9;}
#translator-wrapper a:active {opacity:0.9;}
#translator-wrapper select:focus,
#translator-wrapper a:focus,
#translator-wrapper select:active,
#translator-wrapper a:active {
  border:none;
  outline:none;
  cursor:pointer;
}
option {
  background:#444;
  color:#e0e0e0;
}
</style>
<div id="translator-wrapper">
    <select id="translate-language">
        <option value="en" selected="selected">English</option>
        <option value="id">Indonesian</option>
        <option value="af">Afrikaans</option>
        <option value="sq">Albanian</option>
        <option value="ar">Arabic</option>
        <option value="hy">Armenian</option>
        <option value="az">Azerbaijani</option>
        <option value="eu">Basque</option>
        <option value="be">Belarusian</option>
        <option value="bn">Bengali</option>
        <option value="bg">Bulgarian</option>
        <option value="ca">Catalan</option>
        <option value="zh-CN">Chinese</option>
        <option value="hr">Croatian</option>
        <option value="cs">Czech</option>
        <option value="da">Danish</option>
        <option value="nl">Dutch</option>
        <option value="en">English</option>
        <option value="eo">Esperanto</option>
        <option value="et">Estonian</option>
        <option value="tl">Filipino</option>
        <option value="fi">Finnish</option>
        <option value="fr">French</option>
        <option value="gl">Galician</option>
        <option value="ka">Georgian</option>
        <option value="de">German</option>
        <option value="el">Greek</option>
        <option value="gu">Gujarati</option>
        <option value="ht">Haitian Creole</option>
        <option value="iw">Hebrew</option>
        <option value="hi">Hindi</option>
        <option value="hu">Hungarian</option>
        <option value="is">Icelandic</option>
        <option value="id">Indonesian</option>
        <option value="ga">Irish</option>
        <option value="it">Italian</option>
        <option value="ja">Japanese</option>
        <option value="kn">Kannada</option>
        <option value="ko">Korean</option>
        <option value="la">Latin</option>
        <option value="lv">Latvian</option>
        <option value="lt">Lithuanian</option>
        <option value="mk">Macedonian</option>
        <option value="ms">Malay</option>
        <option value="mt">Maltese</option>
        <option value="no">Norwegian</option>
        <option value="fa">Persian</option>
        <option value="pl">Polish</option>
        <option value="pt">Portuguese</option>
        <option value="ro">Romanian</option>
        <option value="ru">Russian</option>
        <option value="sr">Serbian</option>
        <option value="sk">Slovak</option>
        <option value="sl">Slovenian</option>
        <option value="es">Spanish</option>
        <option value="sw">Swahili</option>
        <option value="sv">Swedish</option>
        <option value="ta">Tamil</option>
        <option value="te">Telugu</option>
        <option value="th">Thai</option>
        <option value="tr">Turkish</option>
        <option value="uk">Ukrainian</option>
        <option value="ur">Urdu</option>
        <option value="vi">Vietnamese</option>
        <option value="cy">Welsh</option>
        <option value="yi">Yiddish</option>
    </select><a id="translate-me" href="#" title="Translate"></a>
</div>
<script type="text/javascript">
(function() {
    var mylang = "id", // Your website language
        anchor = document.getElementById('translate-me');
    anchor.onclick = function() {
        window.open('http://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en');
        return false;
    };
})();
</script>

Terakhir simpan widgetnya, dan lihat hasilnya.

See the Pen Widget Google Translate by Arlina Design (@arlinadesign) on CodePen.

Untuk pengaturan warna, lebar, dan tinggi widget, bisa kamu sesuaikan menurut tema blog kamu.

Demikian informasi yang saya berikan mengenai Cara Memasang Widget Google Translate Pada Blog, semoga bermanfaat

Cara Membuat Semua Link Terbuka di Tab Baru

BocahPedia - Hallo, pada artikel ini saya akan berbagi sesuai judul artikel yaitu Cara Membuat Semua Link Terbuka di Tab Baru. Link pada suatu blog sangatlah berguna, yaitu supaya pembaca dapat memiliki akses terhadap link referral dimana kita menemukan link baru untuk di klik. Selain itu, link juga berguna untuk pemilik blog karena pengunjung tidak akan segera meninggalkan halaman blog karena adanya tab baru yang harus terbuka.

Nah, pada artikel inilah saya akan berbagi cara membuat semua link terbuka di tab baru. Disini saya akan berbagi dua cara membuat semua link dapat terbuka di tab baru. Simak tutorialnya.

Cara Membuat Semua Link Terbuka di Tab Baru

Cara Pertama:
Cara pertama yaitu dengan menambahkan script pada widget:

Login ke akun blogger kamu, masuk ke tata letak, buat widget baru, kemudian tambahkan kode di bawah ini pada widget baru tersebut.

<script type='text/javascript'>
var arr = document.getElementsByTagName("a"); //dapatkan semua link untuk halaman(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("http://bocahpedia.blogspot.com") < 0 //bukan link yang ada di dalam halaman ini
&& arr[i].href.indexOf("javascript:") < 0) //twisted shape link
arr[i].target = "_blank";
}
</script>

Ganti URL yang ditandai dengan URL blog kamu.

kemudian simpan widget dan lihat hasilnya.

Cara Kedua:
Cara kedua yaitu dengan menambahkan perintah Target Blank pada markup template

Buka template blog kamu, kemudian klik Edit HTML, salin dan simpan kode di bawah ini sebelum kode </head>

<base target='_blank' />

Langkah terakhir, simpan template dan cobalah.

Demikian informasi yang saya bagikan untuk kamu mengenai Cara Membuat Semua Link Terbuka di Tab Baru, semoga bermanfaat.

Memberikan Efek Rating Bintang pada Popular Post dengan Font Awesome

BocahPedia - Apakabar teman? semoga baik baik saja untuk kamu yang sedang membaca artikel ini. Nah pada kesempatan kali ini saya akan berbagi sedikit tutorial yang saya kutip dari blog arlina design, yakni mengenai cara memberikan efek rating bintang pada popular post dengan font awesome. tentu kamu sudah tahu fungsi dari tutorial yang akan saya bagikan ini.

Penambahan efek rating bintang ini terinspirasi dari widget popular post pada platform wordpress. Berfungsi untuk menampilkan voting yang diberikan pengunjung pada artikel tertentu.

Bagi kamu yang ingin mencoba tutorial ini, ikuti langkah langkah yang saya berikan. Mari kita mulai menambahkan efek rating bintang pada popular post dengan font awesome.

Memberikan Efek Rating Bintang pada Popular Post dengan Font Awesome

Widget yang akan saya berikan ini menggunakan font awesome, jadi silahkan pasang script kode CSS di bawah ini di atas tag </head>

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>

Jika kode CSS diatas sudah terpasang pada template blog kamu, abaikan step di atas.

1. Login ke akun blogger kamu, kemudian buka template editor, dan tambahkan kode di bawah ini sebelum tag  ]]></b:skin> atau </style>
Style 1

/* Popular Post */
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:left;}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;right:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f006\f005\f005\f005\f005';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f006\f006\f005\f005\f005';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f006\f006\f006\f005\f005';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f006\f006\f006\f006\f005';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:13px;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}

Style 2

/* Popular Post */
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:left;}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;right:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f006';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f005\f005\f005\f006\f006';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f005\f005\f006\f006\f006';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f005\f006\f006\f006\f006';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:13px;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}

Style 3

/* Popular Post */
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:left;}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;right:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f005\f005\f005\f005';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f005\f005\f005';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f005\f005';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f005';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:13px;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}

2. Selanjutnya, simpan template kamu dan lihatlah hasilnya.

Demikian informasi yang saya berikan mengenai cara Memberikan Efek Rating Bintang pada Popular Post dengan Font Awesome. Semoga bermanfaat.

Membuat Efek Animasi Loading Sederhana Saat Memuat Halaman

BocahPedia - Kali ini saya akan berbagi tutorial cara memasang efek loading dengan animasi sederhana saat memuat halaman yang bisa kamu terapkan pada blog kamu. Cara kerja dari script ini sangat sederhana, kode akan berjalaan saat kamu membuka blog atau halaman saat proses memuat halaman dan akan berhenti ketika halaman sudah termuat penuh.

Bagi kamu yang ingin mencobanya, bisa ikuti tutorial yang saya jelaskan di bawah ini. 

Memasang efek animasi loading sederhana di Blog:

1. Bukan blogger kamu -> Buka template editor -> Tambahkan kode di bawah ini sebelum tag ]]></b:skin> atau </style>

#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqh8ZGvTdtGtM3qlCz65hMVp5Y2gc-zUuDaaE3gtmj3aAiOJE92eRCEYDSiYLSJ_q14B_ELcXpR9zOLNyYELfnVfjWArIJwAZyOMvWt1VhDxiOhzWVXOELxe0QSMIh43BjEY91d1JYcBI/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}

2. Selanjutnya, tambahkan kode di bawah ini dibawah tag <body>

<div id='cssload'/>

3. Kemudian, tambahkan kode di bawah ini sebelum tag </body>

<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>

4. Terakhir, simpan template dan lihat hasilnya.

Result

Sangat mudah bukan?

Demikian tutorial yang saya bagikan mengenai cara Membuat Efek Animasi Loading Sederhana Saat Memuat Halaman, semoga bermanfaat.

Tabel Hex Code Warna Untuk Blog

BocahPedia - Selamat pagi siang sore malam untuk kamu yang sedang membaca artikel ini, Nah pada kesempatan kali ini saya akan berbagi hex code yang bisa kamu terapkan pada blog kamu masing masing. Hex code ini berfungsi untuk mengganti warna tampilan pada Blog yang kamu kelola.

Berikut adalah daftar Tabel Hex Code Warna Untuk Blog yang bisa kamu terapkan.

Nama Warna	Kode Warna	Warna
Black	#000000
Navy	#000080
DarkBlue	#00008B
MediumBlue	#0000CD
Blue	#0000FF
DarkGreen	#006400
Green	#008000
Teal	#008080
DarkCyan	#008B8B
DeepSkyBlue	#00BFFF
DarkTurquoise	#00CED1
MediumSpringGreen	#00FA9A
Lime	#00FF00
SpringGreen	#00FF7F
Aqua	#00FFFF
Cyan	#00FFFF
MidnightBlue	#191970
DodgerBlue	#1E90FF
LightSeaGreen	#20B2AA
ForestGreen	#228B22
SeaGreen	#2E8B57
DarkSlateGray	#2F4F4F
DarkSlateGrey	#2F4F4F
LimeGreen	#32CD32
MediumSeaGreen	#3CB371
Turquoise	#40E0D0
RoyalBlue	#4169E1
SteelBlue	#4682B4
DarkSlateBlue	#483D8B
MediumTurquoise	#48D1CC
Indigo	#4B0082
DarkOliveGreen	#556B2F
CadetBlue	#5F9EA0
CornflowerBlue	#6495ED
MediumAquaMarine	#66CDAA
DimGray	#696969
DimGrey	#696969
SlateBlue	#6A5ACD
OliveDrab	#6B8E23
SlateGray	#708090
SlateGrey	#708090
LightSlateGray	#778899
LightSlateGrey	#778899
MediumSlateBlue	#7B68EE
LawnGreen	#7CFC00
Chartreuse	#7FFF00
Aquamarine	#7FFFD4
Maroon	#800000
Purple	#800080
Olive	#808000
Gray	#808080
Grey	#808080
SkyBlue	#87CEEB
LightSkyBlue	#87CEFA
BlueViolet	#8A2BE2
DarkRed	#8B0000
DarkMagenta	#8B008B
SaddleBrown	#8B4513
DarkSeaGreen	#8FBC8F
LightGreen	#90EE90
MediumPurple	#9370D8
DarkViolet	#9400D3
PaleGreen	#98FB98
DarkOrchid	#9932CC
YellowGreen	#9ACD32
Sienna	#A0522D
Brown	#A52A2A
DarkGray	#A9A9A9
DarkGrey	#A9A9A9
LightBlue	#ADD8E6
GreenYellow	#ADFF2F
PaleTurquoise	#AFEEEE
LightSteelBlue	#B0C4DE
PowderBlue	#B0E0E6
FireBrick	#B22222
DarkGoldenRod	#B8860B
MediumOrchid	#BA55D3
RosyBrown	#BC8F8F
DarkKhaki	#BDB76B
Silver	#C0C0C0
MediumVioletRed	#C71585
IndianRed	#CD5C5C
Peru	#CD853F
Chocolate	#D2691E
Tan	#D2B48C
LightGray	#D3D3D3
LightGrey	#D3D3D3
PaleVioletRed	#D87093
Thistle	#D8BFD8
Orchid	#DA70D6
GoldenRod	#DAA520
Crimson	#DC143C
Gainsboro	#DCDCDC
Plum	#DDA0DD
BurlyWood	#DEB887
LightCyan	#E0FFFF
Lavender	#E6E6FA
DarkSalmon	#E9967A
Violet	#EE82EE
PaleGoldenRod	#EEE8AA
LightCoral	#F08080
Khaki	#F0E68C
AliceBlue	#F0F8FF
HoneyDew	#F0FFF0
Azure	#F0FFFF
SandyBrown	#F4A460
Wheat	#F5DEB3
Beige	#F5F5DC
WhiteSmoke	#F5F5F5
MintCream	#F5FFFA
GhostWhite	#F8F8FF
Salmon	#FA8072
AntiqueWhite	#FAEBD7
Linen	#FAF0E6
LightGoldenRodYellow	#FAFAD2
OldLace	#FDF5E6
Red	#FF0000
Fuchsia	#FF00FF
Magenta	#FF00FF
DeepPink	#FF1493
OrangeRed	#FF4500
Tomato	#FF6347
HotPink	#FF69B4
Coral	#FF7F50
Darkorange	#FF8C00
LightSalmon	#FFA07A
Orange	#FFA500
LightPink	#FFB6C1
Pink	#FFC0CB
Gold	#FFD700
PeachPuff	#FFDAB9
NavajoWhite	#FFDEAD
Moccasin	#FFE4B5
Bisque	#FFE4C4
MistyRose	#FFE4E1
BlanchedAlmond	#FFEBCD
PapayaWhip	#FFEFD5
LavenderBlush	#FFF0F5
SeaShell	#FFF5EE
Cornsilk	#FFF8DC
LemonChiffon	#FFFACD
FloralWhite	#FFFAF0
Snow	#FFFAFA
Yellow	#FFFF00
LightYellow	#FFFFE0
Ivory	#FFFFF0
White	#FFFFFF

WEB SAFE COLOR

000000	000033	000066	000099	0000CC	0000FF
003300	003333	003366	003399	0033CC	0033FF
006600	006633	006666	006699	0066CC	0066FF
009900	009933	009966	009999	0099CC	0099FF
00CC00	00CC33	00CC66	00CC99	00CCCC	00CCFF
00FF00	00FF33	00FF66	00FF99	00FFCC	00FFFF
330000	330033	330066	330099	3300CC	3300FF
333300	333333	333366	333399	3333CC	3333FF
336600	336633	336666	336699	3366CC	3366FF
339900	339933	339966	339999	3399CC	3399FF
33CC00	33CC33	33CC66	33CC99	33CCCC	33CCFF
33FF00	33FF33	33FF66	33FF99	33FFCC	33FFFF
660000	660033	660066	660099	6600CC	6600FF
663300	663333	663366	663399	6633CC	6633FF
666600	666633	666666	666699	6666CC	6666FF
669900	669933	669966	669999	6699CC	6699FF
66CC00	66CC33	66CC66	66CC99	66CCCC	66CCFF
66FF00	66FF33	66FF66	66FF99	66FFCC	66FFFF
990000	990033	990066	990099	9900CC	9900FF
993300	993333	993366	993399	9933CC	9933FF
996600	996633	996666	996699	9966CC	9966FF
999900	999933	999966	999999	9999CC	9999FF
99CC00	99CC33	99CC66	99CC99	99CCCC	99CCFF
99FF00	99FF33	99FF66	99FF99	99FFCC	99FFFF
CC0000	CC0033	CC0066	CC0099	CC00CC	CC00FF
CC3300	CC3333	CC3366	CC3399	CC33CC	CC33FF
CC6600	CC6633	CC6666	CC6699	CC66CC	CC66FF
CC9900	CC9933	CC9966	CC9999	CC99CC	CC99FF
CCCC00	CCCC33	CCCC66	CCCC99	CCCCCC	CCCCFF
CCFF00	CCFF33	CCFF66	CCFF99	CCFFCC	CCFFFF
FF0000	FF0033	FF0066	FF0099	FF00CC	FF00FF
FF3300	FF3333	FF3366	FF3399	FF33CC	FF33FF
FF6600	FF6633	FF6666	FF6699	FF66CC	FF66FF
FF9900	FF9933	FF9966	FF9999	FF99CC	FF99FF
FFCC00	FFCC33	FFCC66	FFCC99	FFCCCC	FFCCFF
FFFF00	FFFF33	FFFF66	FFFF99	FFFFCC	FFFFFF

TABEL KODE WARNA KHUSUS HITAM

Hitam	HEX	RGB
	#000000	rgb(0,0,0)
	#080808	rgb(8,8,8)
	#101010	rgb(16,16,16)
	#181818	rgb(24,24,24)
	#202020	rgb(32,32,32)
	#282828	rgb(40,40,40)
	#303030	rgb(48,48,48)
	#383838	rgb(56,56,56)
	#404040	rgb(64,64,64)
	#484848	rgb(72,72,72)
	#505050	rgb(80,80,80)
	#585858	rgb(88,88,88)
	#606060	rgb(96,96,96)
	#686868	rgb(104,104,104)
	#707070	rgb(112,112,112)
	#787878	rgb(120,120,120)
	#808080	rgb(128,128,128)
	#888888	rgb(136,136,136)
	#909090	rgb(144,144,144)
	#989898	rgb(152,152,152)
	#A0A0A0	rgb(160,160,160)
	#A8A8A8	rgb(168,168,168)
	#B0B0B0	rgb(176,176,176)
	#B8B8B8	rgb(184,184,184)
	#C0C0C0	rgb(192,192,192)
	#C8C8C8	rgb(200,200,200)
	#D0D0D0	rgb(208,208,208)
	#D8D8D8	rgb(216,216,216)
	#E0E0E0	rgb(224,224,224)
	#E8E8E8	rgb(232,232,232)
	#F0F0F0	rgb(240,240,240)
	#F8F8F8	rgb(248,248,248)
	#FFFFFF	rgb(255,255,255)

Menambahkan Author Post Pada Halaman Statis

BocahPedia - Hallo teman, pada kesempatan kali ini saya akan berbagi kembali tutorial Blogging. Dan kali ini kita akan membahas tentang bagaimana caranya Menambahkan Author Post Pada Halaman Statis. 

Tutorial ini sangat mudah, kamu hanya menambahkan script kode yang akan saya jelaskan di bawah ini kedalam halaman yang baru kamu buat. Simak tutorialnya berikut ini.

1. Silahkan Login ke akun blogger kamu, kemudian Buat halaman baru, setelah itu tambahkan kode di bawah ini pada tab HTML (Bukan Compose) pada halaman yang kamu buat.

<div class='container'>
<div class='centered'>
<script type='text/javascript'>
//<![CDATA[
var maxUserNameLength=15;
var txtAuthorLine="[image] <h5> [user] </h5>has published <b> [count] </b> [post]";
var sizeAvatar=150;
var cropAvatar=true;
var urlNoAvatar="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX41OXCX23L6jZ_uppK09RZKtUPVD1VivKSs2xK-pLm_8Goqxrq0Q147uuuvPA_TfISk2x47Vv0ZO0GXGg6JKE7Qg2UAaUiETvI4etPMSk58h0otHQDj7Ic8A17vYI_uFmj4kIY0umva8/"+sizeAvatar+"/avatar_blue_m_96.png";
function replaceAuthorVars(l,k,p){if(!k||!k.author){return l
}var r=k.author;
var o="";if(r.uri&&r.uri.$t!=""){o=r.uri.$t
}var n=urlNoAvatar;
if(r.gd$image&&r.gd$image.src){n=r.gd$image.src
}if(n=="http://img2.blogblog.com/img/b16-rounded.gif"&&urlNoAvatar!=""){n=urlNoAvatar
}var t="s"+sizeAvatar;
n=n.replace(/\/s\d\d+-c\//,"/"+t+"-c/");
if(cropAvatar){t+="-c"
}n=n.replace(/\/s\d\d+(-c){0,1}\//,"/"+t+"/");
var m=r.name.$t;
var q='<img class="author-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+m+'" src="'+n+'" />';
if(o!=""){q=""+q+""
}if(maxUserNameLength>3&&m.length>maxUserNameLength){m=m.substr(0,maxUserNameLength-3)+"..."
}var s=m;if(o!=""){s=""+s+""
}l=l.replace("[user]",s);
l=l.replace("[image]",q);
l=l.replace("[#]",p);
l=l.replace("[count]",k.count);
if(k.count!=1){l=l.replace("[post]","posts")
}else{l=l.replace("[post]","post")
}return l}var blauthors={};
var blndxbase=1;
function showAuthors(i){for(var p=0;
p<i.feed.entry.length;
p++){var m=i.feed.entry[p];
var o="";if(m.author[0].uri&&m.author[0].uri.$t!=""){o=m.author[0].uri.$t
}var n=m.author[0].name.$t;
if(blauthors[n]){blauthors[n].count++
}else{var q=new Object();
q.author=m.author[0];
q.count=1;blauthors[n]=q
}}if(i.feed.entry.length==500){blndxbase+=500;
document.write('<script type="text/javascript" src="http://'+window.location.hostname+"/feeds/posts/default?redirect=false&max-results=500&start-index="+blndxbase+'&alt=json-in-script&callback=showAuthors"><\/script>');
return}var r=[];
for(var l in blauthors){r.push([l,blauthors[l]])
}r.sort(function(a,b){if(b[1].count-a[1].count){return b[1].count-a[1].count
}return(a[1].author.name.$t.toLowerCase()<b[1].author.name.$t.toLowerCase())?-1:1
});document.write('<div class="blog-author">');
for(var p=0;
p<r.length;
p++){var k=r[p][1];
document.write('<div class="author-line">');
document.write(replaceAuthorVars(txtAuthorLine,k,p+1));
document.write("</div>")
}document.write("</div>")
}document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/default?redirect=false&max-results=500&alt=json-in-script&callback=showAuthors"><\/script>');
//]]>
</script>
</div>
</div>
<style scoped="" type="text/css">
.container{width:96%}
.centered{text-align:center;font-size:90%;margin:0 auto;padding:10px 0 40px 0;width:100%;position:relative}
.author-line {padding:20px;width:150px;height:auto;margin:20px;text-align:center;display:inline-block;background:#f9f9f9;color:#444;opacity:0.9;transition:all 0.6s;}
.author-line:hover {box-shadow:0 0 10px rgba(0,0,0,0.2);background:#fff;opacity:1;}
.author-avatar {vertical-align:middle;margin-bottom:10px;border-radius:3px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1);}
.author-line h5{color:#fff;margin:20px auto;padding:6px 12px;background:#7798db;border-radius:3px;transition:all 0.5s;}
.author-line h5:hover{background:#6381c0;}
#sidebar-wrapper {display:none;}
#post-wrapper {width:100%;}
.post-inner {padding:0;}
h3.post-title a, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-weight:700;font-size:2rem;color:#999;}
.post-body p,.post-body code {font-size:1.3rem;font-weight:700;}
</style>

2. Terakhir, simpan template dan lihat hasilnya.

Kode widget ini hanya sekali pasang, jika kamu ingin mengedit kembali kode diatas, sangat disarankan untuk memasang ulang script di atas pada halaman yang kamu buat tadi.

result

Demikian tutorial yang saya jelaskan mengenai cara Menambahkan Author Post Pada Halaman Statis, semoga bermanfaat. Terimakasih.

Mengganti Tampilan Judul Blog

BocahPedia - Hallo sobat BocahPedia, pada kesempatan kali ini saya akan berbagi sedikit tutorial mengenai bagaimana caranya Mengganti Tampilan Judul Blog, yang nantinya bisa kamu terapkan pada blog kamu masing masing.

Tutorial ini cukup mudah, bahkan sangat mudah untuk kamu terapkan. Simak tutorialnya di bawah ini.

1. Tempatkan kode di bawah ini sebelum </style>

.headerword2 {
    background: #f35d5c;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

2. Selanjutnya terapkan kode di bawah ini sebelum Tag </body>

<script type='text/javascript'>
//<![CDATA[
(function(e){e(".title,.widget-title").each(function(){var e=jQuery(this);e.html(e.html().replace(/^(\w+)/,"<span>$1</span>"))});e("h1.title").each(function(){var t=e(this).text().split(" ");if(t.length<2)return;t[0]='<span class="headerword2"><span class="headerword">'+t[0]+"</span></span>";e(this).html(t.join(" "))})})(jQuery)
//]]>
</script>

3. Terakhir, simpan template dan lihat hasilnya.

Sangat mudah bukan?

Demikian artikel kali ini yang saya bagikan mengenai cara Mengganti Tampilan Judul Blog. Semoga bermanfaat. Terimakasih

Beberapa Fungsi Tag Kondisional dan Cara Penggunaannya

BocahPedia - Ada banyak trik untuk menyembunyikan elemen blog baik pada halaman beranda/ home, konten artikel, halaman statis, maupun halaman tertentu. Lantas bagaimana trik untuk menyembunyikannya? Trik untuk menyembunyikannya yaitu dengan Tag Kondisional disetiap elemen yang ingin kamu sembunyikan.

Nah, pada artikel ini saya akan menjelaskan beberapa fungsi dan cara penerapan Tag Kondisional tersebut yang nantinya bisa kamu terapkan pada blog kamu masing masing.

Contoh penerapan:

<b:if cond='data:blog.pageType != "static_page"'>
..... Isi konten yang akan di bungkus tag kondisional (Konten akan disembunyikan di halaman statis) .....
</b:if>

Tag Kondisional bukan hanya dapat menyembunyikan elemen tertentu, tetapi juga dapat menampilkan elemen pada halaman yang kamu tentukan.

Contoh Penerapan:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
..... Isi konten yang akan di bungkus tag kondisional (Konten hanya akan tampil di halaman beranda) .....
</b:if>

Selengkapnya bisa kamu lihat beberapa fungsi tag kondisional untuk widge di bawah ini:

1. Menampilkan widget hanya di halaman beranda:

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

2. Menampilkan widget hanya di halaman post:

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

3. Menampilkan widget hanya di halaman tertentu:

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL kamu"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Ganti "URL kamu" pada kode yang ditandai di atas dengan URL yang kamu inginkan

4. Menyembunyikan widget di halaman tertentu:

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != " URL kamu "'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

5. Menampilkan widget di halaman statis:

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

6. Menyembunyikan widget di halaman statis:

 <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget> 

7. Menampilkan widget di halaman arsip:

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Setelah kamu menambahkan salah satu atau beberapa tag kondisional yang ditandai diatas, simpan template dan lihatlah hasilnya.

Bukan hanya widget saja yang dapat dibungkus oleh elemen Tag Kondisional, tetapi elemen lain juga bisa seperti Script, CSS, atau HTML. Kamu bisa menambahkannya di dalam template untuk mempercepat blog dengan mengurangi script yang dimuat oleh suatu halaman atau alasan privasi lainnya. 

Demikian informasi yang saya bagikan untuk kamu mengenai Beberapa Fungsi Tag Kondisional dan Cara Penggunaannya, Semoga bermanfaat.

Cara Memperbaiki Thumbail Gambar yang Tidak Muncul di Blogger

BocahPedia - Pada kesempatan kali ini saya akan berbagi sedikit cara bagaimana memperbaiki Thumbail Gambar yang tidak muncul di Blogger. Cara ini saya kutip dari blognya Arlina Design, Thumbail tidak muncul kemungkinan karena adanya perbedaan yang terletak pada URL Protokol gambarnya.

Nah, untuk Gambar URL Protokol pada post lama menggunakan http sedangkan untuk post baru sekarang menggunakan https. Lantas bagaimana cara memperbaikinya? kamu hanya tinggal mengubah URL Protokol tersebut dari https ke http di tab HTML. Setelah itu, perbarui artikel kamu dan lihat hasilnya. Cukup mudah bukan? 

Sekian informasi yang saya bagikan untuk kamu mengenai Cara Memperbaiki Thumbail Gambar yang Tidak Muncul di Blogger, semoga bermanfaat. Bagikan artikel ini ke sosial media yang kamu punya, semakin banyak yang mencoba, akan semakin lebih baik. Terimakasih.

New Line Responsive Blogger Templates 2016 Pro

Demo Purchase

Platform Type : Blogger

Template Name : Beehive Personal Blogger Templates

Author Name : Arlina Design

Design Url : www.arlinadzgn.com

Description: New Line Responsive Blogger Templates 2016 Pro adalah template yang sangat responsive. Template ini sangat SEO Friendly, Mobile Friendly. Selain itu, Template New Line ini juga sudah siap dengan banner adsense yang kamu punya. Kotak komentar pada template ini, diganti menjadi disqus comment, jadi jika kamu belum mempunyai akun disqus bisa membuat terlebih dahulu dan kemudian pasang pada template New Line ini.

Beehive Personal Blogger Templates

Demo Download Purchase

Platform Type : Blogger

Template Name : Beehive Personal Blogger Templates

Author Name : Oddthemes

Design Url : www.Oddthemes.com 

Description: Beehive Personal Blogger Template adalah template blogger gratis pribadi yang unik, terfokus pada minimalisme, keanggunan dan banyak fitur. Desain ini memiliki multi Penulis Posts, Unik Slider di atas, Smart Sticky menu yang secara otomatis menyembunyikan dirinya saat kamu gulir ke bawah dan menunjukkan dirinya ketika kamu gulir ke atas.

Magpress - Magazine Responsive Blogger Templates

Demo Download

Platform Type : Blogger

Template Name : Magpress - Magazine Responsive Blogger Templates

Intructions : Tutorial Install Blogger Template

Author Name : Themelet

Design Url : www.themelet.com

Description: Magpress - Magazine Responsive Blogger Templates terbaru v1.3 adalah template Blogger modern, bersih, responsif dan datar paling cocok untuk majalah, berita, blog dan blog serbaguna. Template ini dirancang dengan pendekatan yang fleksibel memungkinkan Anda untuk dengan mudah mengubah warna kulit, ukuran font dan kustomisasi lainnya pilihan mudah dari desainer template blogger resmi.

SNews - News Magazine Responsive Blogger Templates

Demo Purchase Download

Platform Type : Blogger

Template Name : SNews - News Magazine Responsive Blogger Templates

Author Name : Mari Themes

Design Url : themeforest.net/user/MARIthemes

Description: SNews - News Magazine Responsive Blogger Templates adalah tema blogger yang paling efisien untuk majalah kamu, editorial berita, situs koran. Ini memiliki banyak opsi yang perlu situs majalah. Misalnya kemampuan untuk mengubah tata letak untuk setiap kategori, Breadcrumbs untuk posting dan kategori, widget sosial, posting widget yang memiliki banyak pilihan untuk menyortir dan banyak lagi. Tema ini menunjukkan kamu bagaimana majalah blogspot tema keren dan fleksibel.